/* 总外框大小 */
body{min-width: 1200px; overflow: visible;}
body.body-no-bg{background: none;min-width:auto; }
body.noscroll{overflow: hidden;}
.pages-top-bar,.pages-logo-area,.body-top-content,.main-bg,.foot-nav,.pages-login,.pages-login-bottom{ width: 1200px;  margin: 0 auto; }
.tong-width{width: 1200px;  margin: 0 auto; margin-top: -30px; margin-bottom: 25px;}
/*.header{min-height: 103px;}//登陆页面上不能用了*/
/*icon*/
.pages-icon{background: url("../images/page-icon.png") no-repeat top left; vertical-align: middle; display: inline-block; }
.picon-tel{width: 17px; height: 17px; background-position: 0 0;}
.picon-crown{width: 18px; height: 13px; background-position: -30px 0;vertical-align: baseline}
.picon-horn{width: 18px; height: 15px; background-position: -60px 0; margin-right: 15px;}
.picon-fire{width: 13px; height: 16px; background-position: -92px 0; margin-right: 5px;}
.picon-button-add{width: 13px; height: 13px; background-position: -160px 0; margin-right: 5px;}
.picon-tip{width:16px; height: 16px;display:block; background-position: -190px 0; margin-right: 13px; }
.picon-bi{width: 15px; height: 15px; background-position: -221px 0; margin: 0 10px;}
.picon-taobao{width: 20px; height: 20px; background-position: -256px 0;margin-right: 5px;  }
.picon-text{width:16px;height: 16px;background-position: -290px 0;margin-left: 5px; }
.picon-ding{width:13px;height: 13px;background-position: -324px 0;margin-right: 5px;}
.picon-search{width:18px;height: 18px;background-position: -351px 0;margin-right: 5px;}
.picon-dao{width:13px;height: 13px;background-position: -382px 0;margin-right: 5px;}
.picon-shoping{width:16px;height: 16px;background-position: -413px 0;margin-right: 5px;}
.picon-ZTElogo{background: url("../images/ZTElogo.png") no-repeat top left; background-size: 20px 20px; vertical-align: middle; display: inline-block; width: 20px; height: 20px;margin-right: 5px; }
/* 新增风险等级icon */
.picon-level{width: 18px; height: 13px; background-position: -406px 0;vertical-align: baseline}
/*交易类型icon 买入到转换的第一个拼音字母命名，转托管是托为第一个拼音命名*/
.trade-icon{background: url("../images/trade-icon.png") no-repeat top left; vertical-align: middle; display: inline-block; }
.t-icon-m{width: 16px; height: 16px; background-position: 0 0; margin-right: 5px;}
.t-icon-s{width: 16px; height: 16px; background-position: 0 -20px; margin-right: 5px;}
.t-icon-f{width: 16px; height: 16px; background-position: 0 -40px; margin-right: 5px;}
.t-icon-z{width: 16px; height: 16px; background-position: 0 -60px; margin-right: 5px;}
.t-icon-t{width: 16px; height: 16px; background-position: 0 -80px; margin-right: 5px;}
.t-icon-c{width: 16px; height: 16px; background-position: 0 -100px; margin-right: 5px;}
.t-icon-q{width: 16px; height: 16px; background-position: 0 -120px; margin-right: 5px;}

/*顶栏 logo上部*/
.pages-top-bar{line-height: 30px; height: 30px; font-size: 12px; color: #999}
.pages-top-bar a{color: #999;}
.pages-top-bar a:hover{color: #4eabfb;}
.pages-top-bar .fn-right a{display:inline-block; padding:0 5px;}
.pages-top-bar .fn-right .pages-top-line{background: url("../images/pages-top-line.png") no-repeat top center; width: 1px; height: 10px; display: inline-block; margin-left: 2px;}
.pages-top-bar .fn-right .pages-top-tel{font-size: 12px; margin-left: 42px;color: #2396dd;}

/*logo区域*/
.pages-logo-top{background:#f6f6f6; position:relative;height: 30px;}
.pages-fixed{/**/position: fixed; width: 100%; height: 30px; z-index: 9999;background:#f6f6f6;}
.pages-logo-bg{background:#fff; position:relative;height: 73px;}
.pages-logo-fixed{/**/position: fixed; width: 100%; height: 73px; z-index: 9999;background:#fff; }
.pages-logo-fixed.stop{-webkit-box-shadow:0 2px 5px #e6e6e6;  -moz-box-shadow:0 2px 5px #e6e6e6; box-shadow: 0 2px 5px #e6e6e6; }

.pages-logo-area{ height: 73px; }
.pages-logo-area .fn-left{width: 463px; margin-top: 12px;}
.pages-logo-area .fn-left a.logo{background: url("../images/logo.png") no-repeat top center; width: 463px; height: 51px; display: inline-block;}
.pages-logo-area .fn-left .logo-line{border-right: 1px solid #d3d1d1; padding-left:15px; margin-right: 15px; height: 29px; display: inline-block;}
.pages-logo-area .fn-left .logo-right{background: url("../images/logo-right.png") no-repeat top center; width: 87px; height: 34px; display: inline-block;}

.menu-nav ul li{float: left;display: block; margin-left: 0px; position: relative;}
.menu-nav ul li a{margin: 0 15px; font-size: 16px; color: #333;display: block; line-height: 36px;}
.menu-nav ul li a:hover{color: #2396dd;display: block;border-bottom: 4px solid #2396dd;}
.menu-nav ul li.on a{color: #2396dd; border-bottom: 4px solid #2396dd;}
.menu-nav ul li.on.mhot a{ color:#f52f3e; background-color:#fff; }
.menu-hot{position: absolute;width: 110px;height: 20px;text-align: center;top: -18px;right: -36px;background-color: #F52F3E;color: #fff;font-size: 12px;border-radius:2px;}
.hot-arrow{width: 0; position:absolute; left:37px;height: 0;top:16px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #F52F3E; }

/*页面底部*/
.foot-bg{ background-color: #32363b; height: 140px; margin-top: 35px; }
.foot-nav {line-height: 35px; color: #b7c3d8;}
.foot-nav span{padding:0 5px;}
.foot-nav a{color: #b7c3d8;}
.foot-bg.foot-login{margin-top: 35px}
.foot-bg.foot-login .foot-nav {line-height: 16px; color: #b7c3d8;}
.foot-bg.foot-login .foot-nav a{color: #b7c3d8;}

/*登录*/
.pages-login-bg{position: relative;height: 539px;}
.pages-login{position: absolute; left: 50%; margin-left: -600px; top:0; padding-top: 55px;}
.login-box{width: 304px; background-color: #fff; padding:20px 32px;position: relative; min-height:285px;}
.login-box .tab-item ul li{color: #333; font-size: 20px; font-weight: bold;}

.login-box .wei-img{background: url("../images/wei-img.png") no-repeat center center; width: 44px; height: 45px; position: absolute; right:0; top:0; cursor: pointer;}
.login-box .wei-img.on{background: url("../images/pc-img.png") no-repeat center center;}
.login-box .login-wei-title{margin-top: 26px; margin-bottom: 55px;}
.login-box .login-wei-title a{color: #0099ff;}
.login-wei-img{width: 175px; height: 172px; display: block; margin:0 auto;background: url("../images/login-wei-img.png") no-repeat center center;}
.tab-up-content2{display: none;}
.login-box.active .tab-up-content2{display: block;min-height: 392px;}
.login-box.active .tab-up-content{display: none;}

.login-menu { font-size: 16px; color: #333; margin-top: 25px; }
.login-menu a{color: #333;}


/*图片轮播*/
.pages-banner{ height: 539px;}
/* .pages-banner2{background: url("../images/g-banner.png") no-repeat top center;} */
.pages-banner2{background: url("../images/bg-index.png") no-repeat top center;}
.pages-banner-min{width: 800px; position: absolute; left:50%; margin-left: -600px;height:437px; top:55px;}
.pages-banner-min .fullSlide{height: 437px;}
.pages-banner-min .fullSlide .bd li{height:437px;}
.pages-banner-min .fullSlide .bd li a{height: 437px;}


/*动画部分，用于演示*/
.pages-g{width: 1200px; height: 539px; margin:0 auto; position: relative;display:none}
.g-guangyuan{width: 720px; height: 539px; position: absolute;background: url("../images/g-guangyuan.png") no-repeat top center;left:-200px;z-index: 7;}
.g-ship{width:809px;height: 365px;position: absolute;background: url("../images/g-ship.png") no-repeat top center;left: -132px;top: 66px;z-index: 8;
        -webkit-animation:boat-start 2.5s infinite;
	    -moz-animation:boat-start 2.5s infinite;
	    animation:boat-start 2.5s infinite;
        }
.g-xing1{width:809px;height: 365px;position: absolute;background: url("../images/g-xing1.png") no-repeat top center;left: -132px;top: 66px;z-index: 8;
        -webkit-animation:gxing1 1s infinite;
	    -moz-animation:gxing1 1s infinite;
	    animation:gxing1 1s infinite;
	    -webkit-animation-delay:1s;  /**延迟动画**/
        animation-delay:1s; 
        }
.g-xing2{width:809px;height: 365px;position: absolute;background: url("../images/g-xing2.png") no-repeat top center;left: -132px;top: 66px;z-index: 8;
        -webkit-animation:gxing2 2s infinite;
	    -moz-animation:gxing2 2s infinite;
	    animation:gxing2 2s infinite;
	    -webkit-animation-delay:3s;  /**延迟动画**/
        animation-delay:3s; 
        }
.g-xing3{width:809px;height: 365px;position: absolute;background: url("../images/g-xing3.png") no-repeat top center;left: -132px;top: 66px;z-index: 8;
        -webkit-animation:gxing3 1s infinite;
	    -moz-animation:gxing3 1s infinite;
	    animation:gxing3 1s infinite;
	    -webkit-animation-delay:2s;  /**延迟动画**/
        animation-delay:2s; 
        }
.g-text{width: 287px;height: 229px;position: absolute;background: url("../images/g-text.png") no-repeat top center;right: 496px;top: 124px;z-index: 10;}
.g-moon{width:524px; height: 148px; position: absolute;background: url("../images/g-moon.png") no-repeat top center; top: 59px;left: 264px;z-index: 9;}
.g-water{width:609px;height: 42px;position: absolute;background: url("../images/g-water.png") no-repeat top center;bottom: 43px;left: -117px;z-index: 9;
        -webkit-animation:water-start 1s infinite;
	    -moz-animation:water-start 1s infinite;
	    animation:water-start 1s infinite;
        }

.g-line1{width:539px;height: 552px;position: absolute;background: url("../images/g-line1.png") no-repeat top center;z-index: 3;left: -100px;
    -webkit-animation:gline1 6s  infinite;
	-moz-animation:gline1 6s  infinite;
	animation:gline1 6s  infinite;
	opacity: 0;
}
.g-line2{width:539px;height: 552px;position: absolute;background: url("../images/g-line2.png") no-repeat top center;z-index: 4;left: -100px;
        -webkit-animation:gline2 6s  infinite;
	    -moz-animation:gline2 6s  infinite;
	     animation:gline2 6s  infinite;
	     opacity: 0;
}
.g-line3{width:539px;height: 552px;position: absolute;background: url("../images/g-line3.png") no-repeat top center;z-index: 5;left: -100px;
       -webkit-animation:gline3 6s both infinite;
	-moz-animation:gline3 6s both infinite;
	animation:gline3 6s both infinite;
	opacity: 0;
}
.g-line4{opacity: 0;
	width:539px;height: 552px;position: absolute;background: url("../images/g-line4.png") no-repeat top center;z-index: 6;left: -100px;   
        -webkit-animation:gline4 6s both infinite;
	    -moz-animation:gline4 6s both infinite;
	animation:gline4 6s both infinite;
}
@-webkit-keyframes gline1 {
    0 {
        opacity: 0
    }
    50%,60% {
        opacity: 1;
    }
    100% {
        opacity: 0
    }

}
 
@keyframes gline1 {
    0 {
        opacity: 0
    }
    50%,60%  {
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes gline2 {
    0,10%{
        opacity: 0
    }
    60%,70% {
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}
 
@keyframes gline2 {
    0,10%{
        opacity: 0
    }
    60%,70% {
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes gline3 {
    0,20%{
        opacity: 0
    }
    70%,80%{
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}
 
@keyframes gline3 {
    0,20%{
        opacity: 0
    }
    70%,80% {
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes gline4 {
    0,30%{
        opacity: 0
    }
    80%,90% {
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}
 
@keyframes gline4 {
    0,30%{
        opacity: 0
    }
    80%,90% {
        opacity: 1;
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes gxing1 {
    0% {
        opacity: 0.2
    }
    30% {
        opacity: 0.6
    }
    70% {
        opacity: 0.8
    }
    100% {
        opacity: 1
    }
}
}
 
@keyframes gxing1 {
   0% {
        opacity: 0.2
    }
    30% {
        opacity: 0.6
    }
    70% {
        opacity: 0.8
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes gxing2 {
    0% {
        opacity: 0.6
    }
    50% {
        opacity: 1
    }
    70% {
        opacity: 0.6
    }
    100% {
        opacity: 0.2
    }
}
}
 
@keyframes gxing2 {
   0% {
        opacity: 0.4
    }
    50% {
        opacity: 1
    }
    70% {
        opacity: 0.6
    }
    100% {
        opacity: 0.8
    }
}

@-webkit-keyframes gxing3 {
    0% {
        opacity: 0.4
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}
}
 
@keyframes gxing3 {
   0% {
        opacity: 0.4
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 0.1
    }
}

@-webkit-keyframes boat-start{
	0%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	50%{
		-webkit-transform:translateY(12px);
		-moz-transform:translateY(12px);
		transform:translateY(12px);
	}
	100%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes boat-start{
	0%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	50%{
		-webkit-transform:translateY(12px);
		-moz-transform:translateY(12px);
		        transform:translateY(12px);
	}
	100%{
		-webkit-transform:none;
		-moz-transform:none;
		        transform:none;
	}
}

@-webkit-keyframes water-start{
	0%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
		opacity: 0.8;
	}
	50%{
		-webkit-transform:translateX(8px);
		-moz-transform:translateX(8px);
		transform:translateX(8px);
		opacity: 0.7;
	}
	100%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
		opacity: 1;
	}
}
@keyframes water-start{
	0%{
		-webkit-transform:none;
		-moz-transform:none;
        transform:none;
        opacity: 0.8;
	}
	50%{
		-webkit-transform:translateX(8px);
		-moz-transform:translateX(8px);
        transform:translateX(8px);
        opacity: 0.7;
	}
	100%{
		-webkit-transform:none;
		-moz-transform:none;
        transform:none;
        opacity: 1;
	}
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.animated.fadeInUp {animation-duration: 2s;animation-fill-mode: both;}

/*轮播图片*/
.fullSlide{ width:100%;  position:relative;  height: 539px;  background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; width:auto; margin: 0 auto;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height: 539px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height: 539px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:26px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:1px; overflow:hidden; background:#0a51a0;
 line-height:999px; border-radius: 50%; margin: 0 8px;}
.fullSlide .hd ul .on{ background:#ffffff;  }

.fullSlide .prev,
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:50%; margin-left: -480px;  
					z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) 0 0  no-repeat;  
					cursor:pointer; /*filter:alpha(opacity=50);opacity:0.5; */display:none;  }
.fullSlide .next{ left:auto; right:50%; background-position:-914px 0 ; margin-right: -480px;  }


/*右侧滚动客服*/
.scroll-top{width: 52px;position: fixed;  top: 180px; margin-right: -63px; z-index: 9999}
.scroll-top-icon{width: 52px; height: 52px; background:  url("../images/top.png") top center; margin-bottom: 10px; }
.scroll-top-icon.scroll-1{background-position: 0 0;}
.scroll-top-icon.scroll-2{background-position: 0 -60px;}
.scroll-top-icon.scroll-3{background-position: 0 -120px;}
.scroll-top-icon.scroll-4{background-position: 0 -180px; position: relative;}
.scroll-wei{position:absolute; width: 109px; height: 100px; background:#fff url("../images/login-wei-img.png.png") top center; right:62px; top:0;display: none; }
.scroll-4:hover .scroll-wei{display: block;}

/*------登录窗口*/
.pages-login .tab-item ul li{margin-top: 0;}
.pages-login ul li{ margin-top: 15px; width: 100%;position: relative;}
.login_acc{border:1px solid #c0cad2; height: 45px; line-height: 45px; width: 248px; padding-left: 55px; }
.login_ck{border:1px solid #c0cad2; height: 45px; *height: 46px;line-height: 45px; padding-left: 55px; width: 107px;float: left;}
.up-icon{background: url("../images/loginuser.png") no-repeat left top; width: 45px; height: 44px; display: block; position: absolute;left:1px; top:1px;*top:2px;}
.login-account .up-icon{ background-position: 0 -1px;}
.login-psw .up-icon{ background-position:0 -65px;}
.login-ckcode .up-icon{ background-position: 0 -162px;}
.login-psw input{background: url("../images/psw.png") no-repeat 96% center; }

.remember-psw label{display: block;float: left;}
.remember-psw label .checkbox-icon{ width: 38px; height: 22px; background: url("../images/switch.png") no-repeat left top; background-position:0 -26px; display: inline-block;}
.remember-psw label .checkbox-icon.checked{ background-position: 0 0;}
.remember-psw label input{width: 38px; height: 22px;margin: 0;opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;filter: alpha(opacity = 0);}

.pages-login ul li.login-negative{margin-top:5px;}
.pages-login ul li.login-negative .tong-error{ margin-top: 3px; float: left;}

.login-submit{margin-top: 15px;}
.ck-img{ width: 126px; height: 48px; border:1px solid #e2e4e5; vertical-align: middle; float: right; display: block; }
.login_btn {background: #2396dd;box-shadow: 0px 3px 6px 0px rgba(35,150,221,0.28);height: 40px;width: 100%;display: block;color: #fff;border: none;
            cursor: pointer;line-height: 40px;font-size: 16px;text-align: center;}
.login_btn:hover{ opacity: 0.8}
.login_btn:active{background: #1b76af;}
.pages-login .chosen-container-single .chosen-single{border:1px solid #c0cad2; line-height: 45px; height: 45px;background: url("../images/login-icon.png") no-repeat left top;background-position: 0 -110px; }
.pages-login .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: 4px 10px;}
.pages-login .chosen-container-single .chosen-single div b {background-position: 4px 10px;}
.pages-login .chosen-container-single .chosen-single span{padding-left: 45px;}
.pages-login .chosen-container.chosen-with-drop .chosen-drop {border-top: 1px solid #cacaca;}
.forget-psw{float: right; display: block;}


/*------登录下面*/
.pages-login-bottom{min-height: 212px;}
.pages-login-bottom ul li{ width: 392px; float: left; }
.pages-login-bottom ul li span{width: 62px; height: 60px; display: block; margin: 0 auto; margin-top: 40px;}
.pages-login-bottom ul li p{text-align: center; margin-top: 10px;font-size: 16px; color: #000;}
.pages-login-bottom ul li .pages-lb-text{color: #000; font-size: 16px;}

.lb-icon-1{background-position: 0 -36px; margin-right: 5px;}
.lb-icon-2{background-position: -84px -36px; margin-right: 5px;}
.lb-icon-3{background-position: -168px -36px; margin-right: 5px;}

/*欢迎回来，友好栏*/
.body-top-bg{background-color: #2396dd; height: 120px; position: relative; z-index: 30;}
.body-top-content{position: relative;}
.body-img-left{position: absolute; width: 107px; height: 107px; left:-10px; top:12px;}
.body-img{position: relative;}
.body-img img{border: 4px solid #d3eaf8; border-radius: 50%; }
.body-img span{background: url("../images/body-img-span.png") no-repeat top center; width: 82px; height: 21px; color: #fff; line-height: 21px;  display: block; position: absolute; text-align: center; bottom: -6px; left:50%; margin-left: -41px;}

.body-top-content .fn-left{margin-left: 145px;padding-top: 30px}
.body-top-title{line-height: 25px; height: 25px; color: #fff; }
.body-top-title span{float: left;}
.body-top-time{font-size: 14px;color: #fff;margin-top: 15px; }
.body-top-time span{float: left;}
.body-top-time .time-line,
.body-top-title .time-line{color: #6ab0db;padding: 0 20px;font-size: 14px;}

a.re-test,a.re-test:hover{color: #fff;padding-right: 15px;background: url(../images/re-test.png) no-repeat center right;}
.link-blue.a-setting,.link-blue.a-setting:hover{color: #fff;padding-right: 15px;background: url(../images/re-test.png) no-repeat center right}
.link-blue.a-setting2,.link-blue.a-setting2:hover{color: #fff;padding-right: 15px;background: url(../images/re-test.png) no-repeat center right}

/*----------phone-bank-app 图标效果*/
.user-action{float: left; margin-top: -5px;}
.user-action ul li{float: left; position: relative;}
.user-action-icon{background: url("../images/user-action.png") no-repeat top left;vertical-align: top;  display: block;width: 34px; height: 26px;}
.user-action-1 a{ background-position: 0 -26px; }
.user-action-2 a{ background-position: -38px -26px;}
.user-action-3 a{ background-position: -78px -26px;}
.user-action-4 a{background: url("../images/user-action-weixin.png"); background-position: -10px -26px;}

.user-action li.on a.user-action-icon{background-position-y: 0;}

.user-action ul li .aciton-down{position: absolute; width: 150px; left:50%; border-radius: 3px; margin-left: -80px; text-align: center; display: none;}
.user-action ul li .aciton-must{position: absolute; width: 150px; left:50%; border-radius: 3px; margin-left: -80px; text-align: center; display: none;}
.user-action ul li .aciton-black{color: #fff;padding:5px 0; background: url("../images/user-aciton-down.png"); }
.user-action ul li .aciton-icon{width:100%; height: 6px; margin:0 auto;background: url("../images/aciton-icon.png") no-repeat top center;}
.user-action ul li.on:hover .aciton-down{display: none;}
.user-action ul li:hover .aciton-must{display: none;}
.user-action ul li:hover .aciton-down{display: block;}
.user-action ul li.on:hover .aciton-must{display: block;}
.user-action ul li div:hover .fn-color-f{color: #ffffff;}


.aciton-must-img img{width: 80%; margin: 0 auto; margin-top: 10px; margin-bottom: 5px;}

.input-setting{border:1px solid #4A1556;}
.input-setting-button{background: transparent; border:0; color: #ffffff; margin-left: 10px; cursor: pointer; font-size: 12px;}

/*正文结构*/
.main-bg{background: #fff url("../images/main-left.png") left top repeat-y;  margin-top: 20px;
	     -webkit-box-shadow:0 0 10px #dadada;  
         -moz-box-shadow:0 0 10px #dadada;  
         box-shadow:0 0 10px #dadada;
         min-height: 500px   }
.main-bg .main-left{float: left; width: 212px; margin-top:-1px}
.main-bg .main-right{float: right; padding:0 33px; position: relative; width: 922px;}

.main-fund{background-image: none;}
.main-fund .main-left{float: none; width:auto; height: 50px; }
.main-fund .main-right{float: none; width:auto; padding:30px; padding-top: 10px;}



/*正文右侧菜单*/
.left-menu ul li{position: relative;}
.left-menu ul li a{text-indent: 44px; line-height: 44px; *height: 44px; display: block; font-size: 16px;}
.left-menu ul li a:hover{display: block;background-color: #E8E8F1; color: #666666;}
.left-menu ul li i{ background: url("../images/left-menu-arrow.png") no-repeat left top; position: absolute; right: 38px; top:16px; display: block; width: 7px; height: 12px; }
.left-menu ul li em{ 
    background-image: url("../images/icon-menu-left.png");
    background-repeat: no-repeat;
    position: absolute; 
    left: 23px;
    top: 16px;
    display: block;
    width: 15px;
    height: 15px; 
}

.left-menu ul li em.icon-1{background-position: -22px 0;}
.left-menu ul li.on em.icon-1{background-position: 0 0;}
.left-menu ul li em.icon-2{top: 13px;width: 16px;height: 19px;background-position: -22px -14px;}
.left-menu ul li.on em.icon-2{background-position: -2px -14px;}
.left-menu ul li em.icon-3{top: 12px;width: 15px;height: 17px;background-position: -22px -31px;}
.left-menu ul li.on em.icon-3{background-position: -2px -31px;}

.left-menu ul li em.icon-4{left: 22px;top: 13px;width: 20px;height: 19px;background-position: -20px -48px;}
.left-menu ul li em.icon-5 {
    left: 22px;
    top: 13px;
    width: 20px;
    height: 19px;
    background-position: -18px -66px;
}
.left-menu ul li.on em.icon-4{background-position: 0px -48px;}

.left-menu ul li em.icon-5{left: 20px;top: 12px;width: 20px;height: 19px;background-position: -20px -65px;}
.left-menu ul li.on em.icon-5{background-position: 0px -65px;}
.left-menu ul li em.icon-6{left: 20px;top: 15px;width: 20px;height: 14px;background-position: -20px -84px;}
.left-menu ul li.on em.icon-6{background-position: 0px -84px;}
.left-menu ul li em.icon-7{left: 20px;top: 15px;width: 20px;height: 14px;background-position: -20px -97px;}
.left-menu ul li.on em.icon-7{background-position: 0px -97px;}
.left-menu ul li em.icon-8{left: 20px;top: 14px;width: 20px;height: 16px;background-position: -20px -113px;}
.left-menu ul li.on em.icon-8{background-position: 0px -113px;}
.left-menu ul li em.icon-9{left: 20px;top: 14px;width: 20px;height: 16px;background-position: -20px -137px;}
.left-menu ul li.on em.icon-9{background-position: 0px -137px;}
.left-menu ul li em.icon-10{left: 20px;top: 14px;width: 20px;height: 16px;background-position: -20px -154px;}
.left-menu ul li.on em.icon-10{background-position: 0px -154px;}



.left-menu ul li.on a{background: #fff url("../images/left-line-red.png") no-repeat left center;color: #2396dd;border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; line-height: 42px; height: 42px; font-weight: bold;}
.left-menu ul li.on i{background-position: 0 -13px; ;}

.main-fund .left-menu ul {background-color: #f7f9fa;}
.main-fund .left-menu ul li{float: left; z-index: 19;}
.main-fund .left-menu ul li a{text-indent: 0; text-align: center; padding:0 30px; line-height: 50px; height: 50px;}
.main-fund .left-menu ul li.on{z-index: 20;}
.main-fund .left-menu ul li.on a{border:none; border-top: 2px solid #f52f3e; background-image: none; color: #2396dd; font-size: 16px; font-weight: bold;}
.main-fund .left-menu ul li a:hover{background-color:#F7F9FA;}

.menu-line{background: url("../images/menu-line.png") no-repeat; width: 6px; height: 51px; position: absolute; right:-6px; top:0;display: none;}
.main-fund .left-menu ul li.on .menu-line{display: block;}

.left-menu span{width: 25px; height: 22px; display: inline-block;vertical-align: middle; background: url("../images/mu-icon.png") no-repeat left top; margin-right: 5px; margin-top: -3px; transition: all .3s ease;}

.left-menu .mu-icon-1{background-position: 0 -22px;}
.left-menu .mu-icon-2{background-position: -34px -22px;}
.left-menu .mu-icon-3{background-position: -74px -22px;}
.left-menu .mu-icon-4{background-position: -117px -22px;}
.left-menu .mu-icon-5{background-position: -158px -22px;}
.left-menu .mu-icon-6{background-position: -197px -22px;}

/*超级增值宝二级菜单*/
.left-menu .mu-icon-7{background-position: -232px -22px;}
.left-menu .mu-icon-8{background-position: -264px -22px;}
.left-menu .mu-icon-9{background-position: -298px -22px;}
.left-menu .mu-icon-10{background-position: -331px -22px;}
.left-menu .mu-icon-11{background-position: -367px -22px;}

/*睿组合二级菜单*/
.left-menu .mu-icon-12{background-position: -399px -22px;}
.left-menu .mu-icon-13{background-position: -431px -22px;}
.left-menu .mu-icon-14{background-position: -465px -22px;}
.left-menu .mu-icon-15{background-position: -500px -22px;}

/*基金定投二级菜单*/
.left-menu .mu-icon-16{background-position: -537px -22px;}
.left-menu .mu-icon-17{background-position: -569px -22px;}
.left-menu .mu-icon-18{background-position: -604px -22px;}


/*专业理财菜单*/
.left-menu .mu-icon-19{background-position: -638px -22px;}
.left-menu .mu-icon-20{background-position: -431px -22px;}
.left-menu .mu-icon-21{background-position: -465px -22px;}
.left-menu .mu-icon-22{background-position: -668px -22px;}
.left-menu .mu-icon-23{background-position: -703px -22px;}
.left-menu .mu-icon-24{background-position: -733px -22px;}


/*专业理财菜单*/
.left-menu .mu-icon-25{background-position: -763px -22px;}
.left-menu .mu-icon-26{background-position: -793px -22px;}
.left-menu .mu-icon-27{background-position: -823px -22px;}
.left-menu .mu-icon-28{background-position: -853px -22px;}
.left-menu .mu-icon-29{background-position: -883px -22px;}
.left-menu .mu-icon-30{background-position: -883px -22px;}
.left-menu .mu-icon-31{background-position: -913px -22px;}
.left-menu .mu-icon-32{background-position: -944px -24px;height: 24px;}
.left-menu .mu-icon-33{background-position: -975px -22px;}

.main-fund .left-menu ul li.on span{background-position-y:0; }
.main-fund .left-menu ul li:hover span{background-position-y:0; }


/* .gonggao{ text-indent: 20px; position: absolute; background-color: #fff9f9; width: 100%; line-height: 40px; top:0; left:0; }
*/.gonggao{ text-indent: 20px; position: absolute; background-color: #fff9f9; width: 100%; line-height: 40px; height: 44px; top:0; left:0; }
.t2_n{height: 30px; overflow: hidden; margin-top: 3px;}
.assets-info{ padding: 60px 0 20px 20px;}
.assets-info-left{float: left}
.assets-info .assets-info-right{ width: 460px; float: right }
.assets-info-right .often-title{position: relative;}
.assets-info-right .often-title .look-for{position: absolute; right:0; top:-10px;}

.fund-assets-info{padding-top: 40px;}
.fund-assets-info .often-title{padding:0 20px;}

.fund-assets-table th:last-child{padding-right:30px;}
.fund-assets-table td:last-child{padding-right:30px;}

.rate-chart{background-color: #fff; height: 210px; width: 390px; padding-right:20px;border:1px solid #d9d9d9; border-radius: 3px;}
.rate-chart-arrow{width: 12px; height: 21px; position: absolute; display: block;background: url("../images/rate-chart-arrow.png"); right:7px; top:10px;}

.fund-echarts .fn-right{width: 450px;}
.fund-echarts .fn-right li{float: left; cursor: pointer;}
.circle-progress{float: left;}
.fund-echarts-title{float: left;}




/*优选基金*/
.hot-fund ul{margin-top: 20px; margin-left: -20px;}
.hot-fund ul li{width: 280px; border:1px solid #e5e7ec; min-height: 330px; overflow: hidden; float: left; margin-left: 20px; text-align: center}
.hot-fund .hot-fund-title{font-size: 18px; font-weight: bold; text-align: center; padding-top: 30px;}
.hot-fund .hot-fund-rate{ text-align: center; padding-top: 25px;  color: #f52f3e;
	background:-webkit-linear-gradient(top,#fc5f1b,#f52f3e);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-transform:uppercase;}
.hot-fund .hot-fund-date{color: #9fa9b6;text-align: center; padding-bottom: 40px;}
.hot-fund .page-button{margin-top: 7px; margin-bottom:7px;}
.hot-fund .hf-rate{ font-size: 40px;font-weight: bold; }
.hot-fund .subscribe{font-size: 30px;font-weight: bold;line-height: 56px;}

   /*新发基金*/
.hot-fund .hot-new-title{font-size: 23px;color: #f74330;width: 150px;line-height: 36px;text-align: center;margin: 0 auto;height: 128px;margin-top: 10px;display: inline-table;vertical-align: middle;}
.hot-fund .hot-new-title span{text-align: center; display: block; width: 150px;height: 72px; overflow: hidden; margin-top: 30px;}
.hot-fund .hot-new-img{background: url(../images/hot-new-img.png) center 83px no-repeat; position: relative;}
.hot-fund .hot-new-img:after{content: ''; display: block; width: 59px; height: 61px; background:url(../images/hot-new-icon.png) no-repeat; left:0;top:0; position: absolute;}
.hot-fund .hot-new-img1{background: url(../images/hot-new-img.png) center 83px no-repeat; position: relative;}

   /*没有基金显示情况样式*/
.hot-fund .hot-no-img{background: url(../images/hot-no.png) bottom center no-repeat;width: 200px;height: 200px;margin:0 auto;padding-top: 20px;}
.hot-fund .hot-no-title{font-size: 14px;text-align: center;padding-top: 20px;}
.hot-fund .hot-no-btn{font-size: 14px; text-align: center; margin-top: 20px;}


.hot-fund-da ul li{width: 362px;min-height: 394px;}
.hot-fund-da .hot-fund-title{font-size: 24px; color: #333; font-weight: normal;margin-bottom: 10px;}
.hot-fund-da .picon-fire{background-position:-128px 0; width: 21px;height: 25px;}
.hot-fund-da .hot-fund-rate{font-size: 24px;}
.hot-fund-da .hot-fund-date{font-size: 16px;}
.hot-fund-da .hot-fund-code,.hot-fund-da .hf-long{font-size: 16px;}
.hot-fund-da .hf-rate{ font-size: 48px; }
.hot-fund-da .subscribe{font-size: 40px;line-height: 70px;}
.hot-fund-da .hf-button {margin-top: 10px; margin-bottom: 10px; font-size: 16px;}
.hot-fund-da .page-button-small{height: 42px; font-size: 16px; width: 200px;}
.hot-fund-da .page-button-small a{line-height: 42px;}
.hot-fund-da .hf-a{font-size: 16px;}

   /*新发基金*/
.hot-fund-da .hot-new-title{font-size: 24px;color: #f74330;width: 150px;line-height: 36px;text-align: center;margin: 0 auto;height: 140px;margin-top: 10px;display: inline-table;vertical-align: middle;}
.hot-fund-da .hot-new-title span{text-align: center; display: block; width: 150px;height: 72px; overflow: hidden;margin-top: 40px;}
.hot-fund-da .hot-new-img{background: url(../images/hot-new-img1.png) center 103px no-repeat; position: relative;}
.hot-fund-da .hot-new-img:after{content: ''; display: block; width: 68px; height: 71px; background:url(../images/hot-new-icon1.png) no-repeat; left:0;top:0; position: absolute;}
 
   /*没有基金显示情况样式*/
.hot-fund-da .hot-no-img{background: url(../images/hot-no1.png) bottom center no-repeat;width: 243px;height: 243px;margin:0 auto;padding-top: 20px;}
.hot-fund-da .hot-no-title{font-size: 18px;text-align: center;padding-top: 20px;}
.hot-fund-da .hot-no-btn{font-size: 16px; text-align: center; margin-top: 30px;}

.hot-img-bg{}

/*流星动画 by yangzy*/
.stars-box{position: relative;margin-top: 20px;overflow: hidden;}
.star {
display: block;
width: 1px;
height: 1px;
border-radius: 50%;
top: 0px;
left: 80px;
background: #99cefc;
position: absolute;
transform-origin: 100% 0;
animation: star-ani 2s infinite ease-out;
opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);/*兼容ie8及以下*/
z-index: 2;
}
.star:after {
content: '';
display: block;
top: 0px;
left: 4px;
border: 0px solid #fff;
border-width: 0px 90px 2px 90px;
border-color: transparent transparent transparent rgba(153, 206, 252, 1);
transform: rotate(-45deg) translate3d(1px, 3px, 0);
box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
transform-origin: 0% 100%;
animation: shooting-ani 2s infinite ease-out;
}
.pink {
top: 0px;
left: 340px;
background: #fec3c3;
animation-delay: 2s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
}
.pink:after {
border-color: transparent transparent transparent #fec3c3;
animation-delay: 2s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
}
.blue {
top: 0px;
left: 660px;
background: #badefd;
/*animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;*/
}
.blue:after {
border-color:transparent transparent transparent #badefd;
/*-webkit-animation-delay: 4.5s;
-moz-animation-delay:4.5s;
animation-delay:4.5s;*/
}
.orange {
top: 100px;
right: 50px;
left:auto;
background: #fbda9d;
animation-delay:4.8s;
-webkit-animation-delay: 4.8s;
-moz-animation-delay: 4.8s;
}
.orange:after {
border-color: transparent transparent transparent #fbda9d;
-webkit-animation-delay: 4.8s;
-moz-animation-delay:4.8s;
animation-delay: 4.8s;
}
.lightpink{
top: 290px;
left: auto;
right: 100px;
background: #f99393;
animation-delay: 3s;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
}
.lightpink:after {
border-color: transparent transparent transparent #f99393;
animation-delay:3s;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
}
.rose{
top: 260px;
left: 280px;
background: #fbcf81;
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
}
.rose:after {
border-color: transparent transparent transparent #fbcf81;
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
}
.lightrose{
top: 300px;
left: 500px;
background: #fdda99;
animation-delay: 4s;
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
}
.lightrose:after {
border-color: transparent transparent transparent #fdda99;
animation-delay: 4s;
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
}
@keyframes star-ani {
0% {
  opacity: 0;
  transform: scale(0) rotate(0) translate3d(0, 0, 0);
  -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
  -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
}
50% {
  opacity: 1;
  transform: scale(1) rotate(0) translate3d(-50px, 50px, 0);
  -webkit-transform: scale(1) rotate(0) translate3d(-50px, 50px, 0);
  -moz-transform: scale(1) rotate(0) translate3d(-50px,50px, 0);
}
100% {
  opacity: 0;
  transform: scale(1) rotate(0) translate3d(-100px, 100px, 0);
  -webkit-transform: scale(1) rotate(0) translate3d(-100px, 100px, 0);
  -moz-transform: scale(1) rotate(0) translate3d(-100px, 100px, 0);
}
}

.star-line{position: absolute;width: 20px;min-height: 332px;background: #fff;top: 0;z-index: 99;}
.star-line.star-line1{left: 282px;}
.star-line.star-line2{left: 584px;}
.hot-fund-da .star-line{min-height: 396px;}
.hot-fund-da .star-line.star-line1{left: 364px;}
.hot-fund-da .star-line.star-line2{left: 748px;}


/*资产详情空时显示效果--有css动画*/
.as-empty{position: relative; min-height: 700px;}
.as-empty.as-empty2{position: relative; min-height: 550px;}
.as-empty.as-empty3{position: relative; min-height: 462px;}
.as-empty .as-empty-button{width: 220px; position: absolute; right:220px; top:210px;}
.as-empty .as-empty-button2{width: 220px; position: absolute; right:300px; top:210px;}
.as-empty.as-empty3 .as-empty-button2{width: auto;position: absolute;right: 41%;top: 375px;}
.ase-icon-1{background: url("../images/ase-icon-1.png") no-repeat 20px center;}
.ase-icon-2{background: url("../images/ase-icon-2.png") no-repeat 20px center;}
.as-empty.as-empty3.ase-icon-2{background: url("../images/ase-icon-2.png") no-repeat right top;}
.color-circle-font{ border-radius: 50%; text-align: center;  font-size: 18px; color: #fff;}
.color-circle-1{background:#fbb2ca;width: 69px;line-height: 69px; position: absolute; left:388px; top:150px; 
                background:-webkit-linear-gradient(-90deg, #fbb2ca, #fbc2d4); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(-90deg, #fbb2ca, #fbc2d4); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(-90deg, #fbb2ca, #fbc2d4); /* Firefox 3.6 - 15 */
                background: linear-gradient(-90deg, #fbb2ca,#fbc2d4); /* 标准的语法（必须放在最后） */
                -webkit-animation: colorcircle1 3s ease-in-out 1s infinite forwards;/*上下滚动动画，动画效果于colorcircle*/
                animation: colorcircle1 3s ease-in-out 1s infinite forwards;/*上下滚动动画，动画效果于colorcircle*/
                }
.color-circle-1.color-left-1{left: 467px;top: 32px;}
.as-empty.as-empty3 .color-circle-1.color-left-1{left: 726px;top: 68px;}
.color-circle-2{background:#b6d4f9;width: 52px;line-height: 52px; position: absolute; left:117px; top:237px;
                background:-webkit-linear-gradient(-90deg, #b6d4f9, #d3e9fe); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(-90deg, #b6d4f9, #d3e9fe); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(-90deg, #b6d4f9, #d3e9fe); /* Firefox 3.6 - 15 */
                background: linear-gradient(-90deg, #b6d4f9,#d3e9fe); /* 标准的语法（必须放在最后） */
                -webkit-animation: colorcircle2 3s ease-in-out 1s infinite forwards;/*上下滚动动画，动画效果于colorcircle*/
                animation: colorcircle2 3s ease-in-out 1s infinite forwards;/*上下滚动动画，动画效果于colorcircle*/
                }
.color-circle-2.color-left-2{left:147px;top: 177px;}
.as-empty.as-empty3 .color-circle-2.color-left-2{left: 238px;top: 88px;}
.color-circle-3{background:#f6bf7f;width: 52px;line-height: 52px; position: absolute; left:346px; top:415px;
                background:-webkit-linear-gradient(90deg, #f6bf7f, #fcddba); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(90deg, #f6bf7f, #fcddba); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(90deg, #f6bf7f, #fcddba); /* Firefox 3.6 - 15 */
                background: linear-gradient(90deg, #f6bf7f,#fcddba); /* 标准的语法（必须放在最后） */
                -webkit-animation: colorcircle3 3s ease-in-out 1s infinite forwards;/*上下滚动动画，动画效果于colorcircle*/
                animation: colorcircle3 3s ease-in-out 1s infinite forwards;/*上下滚动动画，动画效果于colorcircle*/
                }
.color-circle-3.color-left-3{left:280px;top: 429px;}
.as-empty.as-empty3 .color-circle-3.color-left-3{left:280px;top: 282px;}
.as-empty3 .page-button{display: none;}

@-webkit-keyframes colorcircle1 {
  0% {margin-left: 0;}

  30%{margin-left: 3px;}

  50%{margin-left: -6px;}

  70%{margin-left: 3px;}

  100% {margin-left: 1px;}
}

@keyframes colorcircle1 {
  0% {margin-left: 0;}

  30%{margin-left: 3px;}

  50%{margin-left: -6px;}

  70%{margin-left: 3px;}

  100% {margin-left: 1px;}
}

@-webkit-keyframes colorcircle2 {
  0% {}

  10%{margin-left: 5px;}

  40%{margin-left: -10px;}

  80%{margin-left: 5px;}

  100% {}
}

@keyframes colorcircle2 {
  0% {}

  10%{margin-left: 5px;}

  40%{margin-left: -10px;}

  80%{margin-left: 5px;}

  100% {}
}

@-webkit-keyframes colorcircle3 {
  0% {}

  20%{margin-left: 3px;}

  50%{margin-left: -2px;}

  90%{margin-left: 3px;}

  100% {}
}

@keyframes colorcircle3 {
  0% {}

  20%{margin-left: 3px;}

  50%{margin-left: -2px;}

  90%{margin-left: 3px;}

  100% {}
}


/*详情列表*/
.ad-content{padding-top: 40px;}
.ad-content-list{margin-bottom: 35px;}
.ad-content-top{background-color: #f7f7fb; padding:20px; position: relative; border-top: 1px solid #eee}
.ad-content-top .fn-center{float: right; margin-right: 116px;}
.ad-content-top .fn-right{position: absolute; right:20px; top:32px;}
.ad-content-top table th{text-align: right; padding:0; color: #666; padding-right: 70px; background-color:#F7F7FB; width: 100px;}
.ad-content-top table td{text-align: right; padding:9px 0; color: #333; font-size: 14px; font-weight: bold; vertical-align: top; padding-right: 70px;}
.pb-icon{background: url("../images/pb-icon.png") no-repeat 0 0; width: 33px; height: 32px;  display: inline-block; vertical-align: middle; margin-left: 5px; cursor: pointer;}
.ad-content-list.on .pb-icon{background-position: 0 -32px;}

.ad-content-list .table-show{display: none;}
.ad-content-list.on .table-show{display:block;}


/*盈亏*/
.yinkui-table{margin-top: 30px;}
.yinkui-table table th{padding:19px 10px;}
.yinkui-table table td{padding:19px 10px;}

.fund-date-tab{margin-top: 15px; margin-bottom: 10px; border-bottom: 2px solid #cbcadc;line-height: 45px; height: 90px; position: relative;}
.fund-date-tab .fn-left{margin-top: 45px;}
.fund-date-tab .date-tab{ line-height: 45px; position: absolute; }
.fund-date-tab .date-tab ul li{padding:0 20px;float: left; line-height: 45px; cursor: pointer; background: url("../images/tab-line.png") no-repeat left center; }
.fund-date-tab .date-tab ul li.on{color: #2396dd;border-bottom: 2px solid #2396dd;}
.fund-date-tab .date-tab ul li:first-child{background-image: none;}

.fund-date-tab .fn-right{position: absolute; left:0; margin-bottom: 45px;}

.dateinput-btn{color: #333; background-color: #fefefe; line-height: 23px; border: 1px solid #d9d9d9; padding:0 18px; cursor: pointer;}


/*开户*/
.open-step ul{ margin-left: 165px; }
.open-step ul li{position: relative; width: 272px; float: left; height: 116px;top: -10px;}
.open-step ul li .step-line{ border-bottom:dashed 2px #9d9fb3; position: absolute; width: 92%; left:0; top:46px; *top:25px;}
.open-step ul li.ostep-2 .step-line{left: 10%;}
.open-step ul li .step-title{width: 100px; text-align: center; position: absolute;  top:58%; line-height: 20px; color: #333;left:-44px;font-weight: bold;}
.open-step ul li.ostep-4{width: auto;}

.open-step-da ul li{width: 400px; }
.open-step-da ul li.ostep-3{width: auto;}

.open-step .ostep-yuan{ width: 32px; height: 32px; border-radius: 50%;background-color: #cccdd6; text-align: center; line-height: 30px; z-index: 21;
                        font-size: 24px; color: #fff; font-family:"Arial Black"; font-weight: bold; position: absolute; top:28%; left:-10px; 
                      background:-webkit-linear-gradient(180deg, #cccdd6, #e5e6ea); /* Safari 5.1 - 6.0 */
                      background: -o-linear-gradient(180deg, #cccdd6, #e5e6ea); /* Opera 11.1 - 12.0 */
                      background: -moz-linear-gradient(180deg, #cccdd6, #e5e6ea); /* Firefox 3.6 - 15 */
                      background: linear-gradient(180deg, #cccdd6, #e5e6ea); /* 标准的语法（必须放在最后） */}
.open-step .ostep-yuan-red{z-index: 20; content:' ';position: absolute;z-index:2;top: 37%;left: 1px;width:10px;height:10px;background-color: #ff4200;border-radius: 50%; display: none;} 
.open-step .ostep-yuan-red:before {
content:' ';
position: absolute;
z-index:1;
width:10px;
height:10px;
left:50%;
top:50%;
margin-left: -5px;
margin-top:-5px;
border:2px solid #2396dd;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,.3) inset;
-webkit-animation-name:'nequan';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 3s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: normal;/*定义动画方式*/
}  
@keyframes nequan {
    0% {
    left:50%;
    top:50%;
    margin-left:-6px;
    margin-top:-6px;
    opacity:0.6;
    width: 10px;
    height:10px;
    }
    100% {
    left:50%;
    top:50%;
    margin-left: -61px;
    margin-top:-61px;
    opacity: 0;
    width:120px;
    height:120px;
    }
}                

.open-step .ostep-yuan-red:after {
content:' ';
position: absolute;
z-index:1;
width:10px;
height:10px;
left:50%;
top:50%;
margin-left: -5px;
margin-top:-5px;
border:2px solid #2396dd;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,.3) inset;
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 3s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: normal;/*定义动画方式*/
}
@keyframes ripple {
    0% {
    left:50%;
    top:50%;
    margin-left:-6px;
    margin-top:-6px;
    opacity:0.6;
    width: 10px;
    height:10px;
    }
    100% {
    left:50%;
    top:50%;
    margin-left:-41px;
    margin-top:-41px;
    opacity: 0;
    width:80px;
    height:80px;
    }
}

/*------开户第1步*/
.open-step.ostep-one .ostep-1 .ostep-yuan{background-color: #2396dd;
                      background:-webkit-linear-gradient(180deg, #2396dd, #3dc6ff); /* Safari 5.1 - 6.0 */
                      background: -o-linear-gradient(180deg, #2396dd, #3dc6ff); /* Opera 11.1 - 12.0 */
                      background: -moz-linear-gradient(180deg, #2396dd, #3dc6ff); /* Firefox 3.6 - 15 */
                      background: linear-gradient(180deg, #2396dd, #3dc6ff); /* 标准的语法（必须放在最后） */}
.open-step.ostep-one .ostep-1 .ostep-yuan-red{display: block;}

/*------开户第2步*/
.open-step.ostep-two .ostep-1 .ostep-yuan{background: #33adff url('../images/gou.png') no-repeat center center; text-indent: -9999px;}
.open-step.ostep-two .ostep-2 .ostep-yuan{background-color: #2396dd;
                      background:-webkit-linear-gradient(180deg, #2396dd, #3dc6ff); /* Safari 5.1 - 6.0 */
                      background: -o-linear-gradient(180deg, #2396dd, #3dc6ff); /* Opera 11.1 - 12.0 */
                      background: -moz-linear-gradient(180deg, #2396dd, #3dc6ff); /* Firefox 3.6 - 15 */
                      background: linear-gradient(180deg, #2396dd, #3dc6ff); /* 标准的语法（必须放在最后） */}
.open-step.ostep-two .ostep-2 .ostep-yuan-red{display: block;}
.open-step.ostep-two .ostep-1 .step-line{border-bottom: solid 4px #9d9fb3;}

/*------开户第3步*/
.open-step.ostep-three .ostep-1 .ostep-yuan{background: #33adff url('../images/gou.png') no-repeat center center; text-indent: -9999px}
.open-step.ostep-three .ostep-2 .ostep-yuan{background: #33adff url('../images/gou.png') no-repeat center center; text-indent: -9999px}
.open-step.ostep-three .ostep-3 .ostep-yuan{background-color: #2396dd;
                      background:-webkit-linear-gradient(180deg, #2396dd, #3dc6ff); /* Safari 5.1 - 6.0 */
                      background: -o-linear-gradient(180deg, #2396dd, #3dc6ff); /* Opera 11.1 - 12.0 */
                      background: -moz-linear-gradient(180deg, #2396dd, #3dc6ff); /* Firefox 3.6 - 15 */
                      background: linear-gradient(180deg, #2396dd, #3dc6ff); /* 标准的语法（必须放在最后） */}
.open-step.ostep-three .ostep-3 .ostep-yuan-red{display: block;}
.open-step.ostep-three .ostep-1 .step-line{border-bottom: solid 4px #9d9fb3;}
.open-step.ostep-three .ostep-2 .step-line{border-bottom: solid 4px #9d9fb3;}

/*------开户第4步*/
.open-step.ostep-four .ostep-yuan{background: #33adff url('../images/gou.png') no-repeat center center; text-indent: -9999px}
.open-step.ostep-four .step-line{border-bottom: solid 4px #9d9fb3;}
.open-step.ostep-four .ostep-4 .ostep-yuan{background-color: #2396dd; background-image: none;text-indent:0;
                      background:-webkit-linear-gradient(180deg, #2396dd, #3dc6ff); /* Safari 5.1 - 6.0 */
                      background: -o-linear-gradient(180deg, #2396dd, #3dc6ff); /* Opera 11.1 - 12.0 */
                      background: -moz-linear-gradient(180deg, #2396dd, #3dc6ff); /* Firefox 3.6 - 15 */
                      background: linear-gradient(180deg, #2396dd, #3dc6ff); /* 标准的语法（必须放在最后） */}
.open-step.ostep-four .ostep-4 .ostep-yuan-red{display: block;}


.open-block{padding-top: 40px;  }
.open-block-content{border:1px solid #e1e2e2; background-color: #ffffff; width: 1198px; margin: 0 auto; padding-bottom: 40px;}
.open-block-small{width:1070px; position: relative;}
.open-block-small .open-step ul{margin-left: 122px;}
.open-block-small:after{
	content: "";
	background: url('../images/open-block-arrow.png') no-repeat top center;
	display:inline-block;
	width:24px; 
	min-height: 451px;
	top:47px;
	position: absolute;
	right: -24px;
}

.open-step{height: 88px;background-color: #f2f6fb;}
.open-red{font-size: 16px; color: #ec132f; margin-right: 5px;}

.tong-title{line-height: 32px;margin-left: 15px;}

.open-table .open-gua-title{ font-size: 16px; font-weight: bold; color: #333; margin-left: 355px; }

.open-table{position: relative;}
.open-table tr{position: relative;}
.open-table th{ font-size: 16px; text-align: right;color: #333;  vertical-align: top; background-color:#fff; padding-right:0;padding-top:11px}
.open-table td{ text-align: left;color: #333; padding:9px 20px;   border-bottom:none;}
.open-table tr:hover{background-color: #fff;}

.open-table .ck-img,.bang-code .ck-img{ width: 130px; height: 44px; border:1px solid #e2e4e5; vertical-align: middle; float: left; margin-left: 15px; display: block; }

.up-get-message{border:1px solid #c0cad2; line-height: 45px; height: 45px; text-align: center; width: 130px; margin-left: 15px; color: #0099ff; background-color: #fff; cursor: pointer;}
.up-get-message.btn-disabled{color:#ccc;/* background-color: #c0cad2; color: #fff; 倒计时背景修改，客户提的*/}
.up-get-message1{border:1px solid #c0cad2; line-height: 45px; height: 45px; text-align: center; width: 130px; margin-left: 15px; color: #0099ff; background-color: #fff; cursor: pointer;}
.up-get-message1.btn-disabled{background-color: #c0cad2; color: #fff;}

.open-up{background-color: #f4f7f9; width: 70%; height: 48px; line-height: 48px; text-align: center; margin: 0 auto; color: #038ae9; font-size: 16px; cursor: pointer;}
.open-up-icon{background: url('../images/open-up-icon.png') no-repeat left center; background-position: 0 0; width:14px; height: 8px;display: inline-block; vertical-align: middle; margin-left: 10px;}
.open-up.on .open-up-icon{ background-position: 0 -8px ;}
.open-up .open-up-2{display: none;}
.open-up.on .open-up-1{display: none;}
.open-up.on .open-up-2{display: inline-block;}

.open-tr-none{height: 0;overflow: hidden;}
.open-tr-none.on{height: auto; overflow: visible;}


.lian-slelect .chosen-container{width: 120px !important; float: left; margin-right: 5px;}
.lian-slelect .hs-ui-select{float: left;}
.lian-slelect input{float: left; display: block;}

/*解决下拉框弹出窗口方式，往上弹*/
.lian-slelect180 .chosen-container .chosen-drop {bottom:100%; top:auto; border-top:1px solid #cacaca; margin-bottom: -1px;}
.lian-slelect180 .chosen-drop ul{ max-height: 180px; }

/*风险评测提示*/
.risk-test-tip{background-color: #fff8ec;padding:10px 20px; position: relative; margin: 20px 33px 0 33px;}
.risk-test-tip .fn-left{position: absolute; left: 21px; top:13px;}
.risk-test-tip .fn-right{margin-left: 30px; line-height: 25px; float: left;}
.risk-test-tip-ne{padding:10px 20px; margin:0;  margin-top: 20px;}

.risk-question {max-height: 720px; overflow-x:auto; position: relative;}
.risk-question2 {max-height:none; overflow-x:auto; padding-left: 40px; }
.risk-question dl{ margin-bottom: 48px;   }
.risk-question dt{ font-size: 16px; color: #333; margin-bottom: 10px; }
.risk-question dd{line-height: 30px}

.risk-question dd label input{visibility: hidden;}
.risk-question dd label{padding-left:20px;background: url("../images/radiobox-no.png") no-repeat 0 7px;cursor: pointer; display: block;}
.risk-question dd label.on{background: url("../images/radiobox-yes.png") no-repeat 0 7px;}

.risk-question ul{margin-left: 15px;}
.risk-question ul li{padding-left:30px;background: url("../images/radiobox-no.png") no-repeat left center;cursor: pointer;}
.risk-question ul li .fund-num{font-size: 12px; color: #999; margin-left: 10px;}
.risk-question ul li.on{background: url("../images/radiobox-yes.png") no-repeat left center;}

.yxrisk-tmnum>span{cursor: pointer;}

.yxrisk-tmnum>span.yxrisk-red{background: url(../images/risk-icon.png) no-repeat -33px 0; color: #fff; cursor: pointer;
                animation: pulse 1s;
                -moz-animation: pulse 1s;	/* Firefox */
                -webkit-animation:pulse 1s;	/* Safari 和 Chrome */
                -o-animation: pulse 1s;	/* Opera */
}
.yxrisk-tmnum>span.yxrisk-blue{background: url(../images/risk-icon.png) no-repeat 0 0; color: #fff; cursor: pointer;
                 animation: pulse 1s;
                -moz-animation: pulse 1s;	/* Firefox */
                -webkit-animation:pulse 1s;	/* Safari 和 Chrome */
                -o-animation: pulse 1s;	/* Opera */
              }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.3,1.3,1.3);
        transform: scale3d(1.3,1.3,1.3)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.3,1.3,1.3);
        transform: scale3d(1.3,1.3,1.3)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}


/*基金类型*/
.fund-type-block{ border:1px solid #e1e1e1; padding: 3px 0 20px 20px;  margin-top: 30px;}
.fund-type-block2{border:none; padding:0;margin-top: 30px;padding-left: 8px;}
.fund-type ul li {position: relative;margin-top: 16px;}
.fund-type .fund-type-title{float: left;line-height: 25px;}
.fund-type .trade_acco_title{line-height: 27px;}
.fund-type dl {float: left;max-width: 1020px;}
.fund-type dl dd{float: left; margin-right: 15px; margin-bottom:5px;}
.fund-type dl dd a{padding:0 15px; line-height: 25px; color: #333; display: block; text-align: center;border-radius: 2px;}
.fund-type dl dd.on a{color: #fff;background-color: #2396dd;}
.w1{width: 107px;}

.fund-type-search{line-height: 37px; margin-top: 16px;}
.type-search{border:1px solid #e1e1e1;}
.type-search-input{ border: 0; line-height: 37px;height: 37px; padding-left: 15px;width:255px; display: block;float: left; }
.type-search-btn{width: 38px;height: 37px; background: #f4f4f4 url("../images/search-btn.png") no-repeat center center; float: left; }

.fund-type-search2{margin-top:0; float: left;}
.fund-type-search2 .type-search-input{line-height: 25px; height: 25px; width: 160px;}
.fund-type-search2 .type-search-btn{width: 25px; height: 24px; background: #fff url("../images/search-btn1.png") no-repeat center center;}

.favor-icon{background: url("../images/favor-icon.png") no-repeat 0 -21px; width: 20px; height: 20px;cursor: pointer;  }
.favor-icon.on{background-position: left top;}


/*银行卡*/
.select-card{position: relative;}
.pay-list-card{position: absolute; top:45px; left:0;z-index: 25;}
.card-num{border:1px solid #c0cad2; width: 430px; height: 45px; position: relative;}
.select-card .card-num img{width: 30px; height: 30px; position: absolute; right:30px; top:5px;display: none;}
.select-card .card-num .card-down-icon{ width: 12px; height: 8px; background: url("../images/card-down-icon.png") no-repeat center center; display:none;position: absolute; right:15px; top:17px; cursor: pointer;}
.card-input{height: 30px; line-height: 30px; width: 265px; position: absolute; padding-left:15px; top:7px; border:none;}
.card-run{display: none;}
.select-card.on .card-num img,.select-card.on .card-num .card-down-icon{display: block;} 
.select-card.on .card-run{display: block;} 

.card-run{width: 430px;position: relative;height: 47px;overflow: hidden;}
.card-run-tu {width:20px; height:20px;background: url("../images/card-down-icon.png") no-repeat center right; cursor: pointer; color: #ec132f; position: absolute; right:15px; top:15px;}
.card-run ul { /*height:189px;*/height:auto; overflow: hidden; }
.card-run ul li{border:1px solid #c0cad2; line-height: 46px; border-top:none; cursor: pointer;}
.card-run ul li span{background-color: #f4f7f9;display: inline-block;width: 94px;padding-left: 10px;text-align: left;margin-right: 15px;}
.card-run ul li.on span{background-color: #f4f7f9;color: #0099ff; }
.card-run ul li.on{border:1px solid #0099ff; background: url("../images/card-run-icon.png") no-repeat top right; line-height: 44px; }
.card-ul-height{width:28px; height: 10px; margin:0 auto; background:url("../images/card-ul-height-icon.png") no-repeat center center; }


.card-run.cur{height: auto;}
.card-run.cur .card-run-tu{background: url("../images/card-down-icon1.png") no-repeat center right;}

.pay-list .pay-list-show{display: block;}
.pay-list{ display: none; width: 627px; padding:15px 0 10px 15px;  margin-top: -1px;  background-color: #fff; border: 1px solid #c0cad2;}
.pay-list li{ float:left; width: 150px; margin-bottom: 10px; height:46px; line-height: 46px; text-align: center; font-size: 16px; color: #333333; display: inline; margin-right: 5px; background:#fff url(../images/card-run-icon1.png) no-repeat right top;}
.pay-list li .up-radio{ background: url(../images/radio.png) no-repeat; background-position: left -4px; width: 16px; height: 16px; float: left; margin-top: 18px; margin-left: 10px; margin-right: 10px;}
.pay-list li .up-border{border:1px solid #e2e7eb;  float: left;}
.pay-list li.on .up-border{ border-color: #3c94ff;background:#fff url(../images/card-run-icon.png) no-repeat right top;}
.pay-list li.on .up-radio{ background-position: left -28px;}
.pay-list li input{ display: none;}
.pay-list li label{ display: block; cursor: pointer; width: 146px;}
.pay-list li label img{width: 30px; height: 30px;}
.pay-list li label span{font-size:13px;}


/*支持银行*/
.card-support{width: 800px; margin:0 auto; margin-top: 40px; margin-bottom: 40px;}
.card-support .card-support-title{margin-bottom: 5px;}
.card-support ul{margin-left: -15px;}
.card-support ul li{float: left; margin-left: 15px; margin-top: 15px;}
.card-support ul li a{width: 110px;  background-color: #f4f7f9; padding:15px 18px; text-align: center;display: block;}
.card-support ul li a:hover{color: #666}
.card-support ul li img{width: 110px; height: 35px;}

/*银行卡下拉单*/
.tip-ul{width: 140px; border:1px solid #dfdfdf; padding:10px 20px; background-color: #fff; border-radius: 3px;}
/*.tip-ul li a:first-child{ border-top: none; }*/
.tip-ul li a{color: #0099ff;  display: block;line-height: 35px; text-align: center;}



/*定期充值 每周每月每日每两周*/
.every-date label{font-size: 16px;display: inline-block;vertical-align: top; }

.dropii {/* width: 360px;*/ height: 46px;float: left;line-height: 46px;font-size: 16px;color: #333;    cursor: pointer;position: relative;z-index: 10;}
.dropii .dateselectbox-u {left: 0;}
.dateselectbox-u { width: 250px;position: absolute; top: 100%; left: -132px;display: none;background: #fff; border:1px solid #CCCCCC;z-index: 99999;overflow:hidden;}


.dateselectbox-u .datein{padding:10px 20px; padding-right:0; padding-top:15px;*padding-top:10px;z-index: 99999;}
.dateselectbox-u .datein span {display:block;width:26px;height:26px;line-height:26px;float:left;text-align:center;font-size:15px;color:#72777C;margin-right:6px;margin-bottom:5px;*margin-bottom:0;text-decoration:none;}
.dateselectbox-u .datein span.on{background: #2396dd;color:#fff; border-radius: 5px;}

.dateselectbox-u .weekin{z-index: 99999;}
.dateselectbox-u .weekin span {display:block;line-height:26px;text-align:center;font-size:15px;color:#72777C;text-decoration:none;}
.dateselectbox-u .weekin span:hover{background: #2396dd;color:#fff;}

.comboboxDropdown{position: absolute;  z-index: 10000}
.comboboxDropdown ul{border:1px solid #ccc; background: #fff;}

.comboboxDropdown li{height: 32px;line-height: 32px; border-bottom: 1px solid #ddd;padding-left: 10px;}
.comboboxDropdown li:hover{ background: #f1f1f1}
.comboboxDropdown li.selected{background: #2396dd;color: #fff;}

/*钱包充值中的支付 银行卡，汇款方式*/
.pay-box{width: 430px; }
.pay-box dl dd em{ color: #999;font-size: 12px;float: left;}
.pay-box dl dd span{ float: left; margin-left: 15px;}
.pay-box dl{border-right:1px solid #c0cad2;border-left:1px solid #c0cad2;}
.pay-box dl dd{background: #f7f9fa url("../images/pay-box-line.png") no-repeat top right; font-size: 16px; text-align: center;float: left; width:214px; line-height: 45px;border-bottom:1px solid #c0cad2; border-top:1px solid #c0cad2; cursor: pointer; }
.pay-box.pay-box-3 dl dd{width: 142.6px;}
.pay-box dl dd.pay-hui{border-right: none; background-image: none;}
.pay-box dl dd.on{background-color: #fff; border-bottom:1px solid #fff; color: #2396dd;font-weight: bold; }
/*.pay-box dl dd.on.pay-hui{border:1px solid #0199FF; width:212px; line-height: 45px; background: url("../images/card-run-icon.png") no-repeat top right;}*/
.pay-box dl dd.on.pay-hui{width:212px;border-left:none; border-right: none; }
.pay-box.pay-box-3  dl dd.on.pay-hui{width: 142.6px;}
.pay-block{display: none;border:1px solid #c0cad2;border-top: none;}
.pay-block.ative{display: block;}
.pay-block .pay-list{display: block; width: auto; border: none;padding:15px; margin-top: 0}
.pay-block .pay-list li{float: none; display: block; width: auto; font-size: 14px; line-height: 20px; height: 46px; margin-right: 0; text-align: left; background: none;}
.pay-block .pay-list li .up-border{float: none; border:1px solid #fff; }
.pay-block .pay-list li.on .up-border{background:none;}
.pay-block .pay-list li label{width: auto;background: url("../images/radiobox-no.png") no-repeat 10px 1px; padding-left: 40px;}
.pay-block .pay-list li.on label{width: auto;background: url("../images/radiobox-yes.png") no-repeat 10px 1px}

.pay-block .pay-list li.on-disabled label{  background: url("../images/radiobox-disabled.png") no-repeat 10px center; }
.pay-block .pay-list li p{padding-left: 40px; margin-top: -20px; color: #999; font-size: 12px; }


.pay-block-bootom{height: 48px; padding:5px 0; background: #f7f9fa; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 38px;cursor: pointer;}
.pb-add-bank{float: left; width: 50%; text-align: center; font-size: 16px;}
.pb-more-bank{float: right; width: 50%; text-align: center; font-size: 16px; position: relative;}
.pb-more-bank:after{position: absolute; height: 38px; background: #e6ebee; width: 1px; left:0; display: block; content: '';top:0;}

/*.pay-block .pay-list li.on .up-border{ border-color: #3c94ff;}*/

/*绑定成功 by zsx 0605*/
.open-account-content-success{width:681px;margin:0 auto;}
.open-account-content-success2{width:720px;margin:0 auto;}
.page-button-m{ height:38px; font-size: 16px; width: 174px; text-align: center} /*中按钮*/
.page-button-m a{ height:38px; font-size: 16px; width: 174px; text-align: center}
a.page-button-m{ line-height: 38px;}
.fn-color-tips-red{color:#ec132f}


/*layer-table 弹框里的表格*/
.layer-table th{text-align: right; font-size: 16px; vertical-align: top}
.layer-table td{text-align: left; padding:10px 20px; color: #333}
.layer-table tr:hover{background-color: #fff;}

/*组合名称*/
.group-box{margin-top: 30px;}
.group-box .group-box-td{display: none;}
.group-box.on .group-box-td{display: block;}
.group-box .open-up{background-color:#fafafc; width: 100%; font-size: 14px; line-height: 53px;height: 53px}
.group-box-th{border-top:1px solid #ececee;border-bottom:1px solid #ececee;}
.group-box-th table th{ background-color: #f7f7fb; }
.group-box-td table td{ background-color: #fff; vertical-align: top}
.group-box-code{color: #999; font-size: 12px;}

/*组合中的表格*/
.purse-table table td{padding:14px 10px;}
a.ding-button,.ding-button,.ding-button a{border:1px solid #0199FF; color: #0199FF;  padding:5px 10px; border-radius: 2px;}
a.ding-button:active,.ding-button:active,.ding-button a:active{background: #0199FF;color: #fff;}
a.sheng-btn,.sheng-btn,.sheng-btn a{border:1px solid #F52F3E; color: #fff; background-color: #F52F3E;  padding:4px 15px; border-radius: 2px;}
a.sheng-btn:hover,.sheng-btn:hover,.sheng-btn a:hover{ opacity: 0.8; color: #fff; }
a.sheng-btn:active,.sheng-btn:active,.sheng-btn a:active{background: #0199FF;color: #fff;}

/*选择基金弹框*/
.fund-search-type{ height: 66px; padding:20px 20px 20px 40px; }
.fund-search-type dl dd{float: left; margin-right: 25px;}
.fund-search-type dl dd a{padding:0 15px; line-height: 25px; color: #333; display: block; text-align: center;border-radius: 2px;}
.fund-search-type dl dd.on a{color: #fff;background-color: #0199FF}

.fund-search-input{border:1px solid #d9d9d9; width: 200px; height: 30px; margin-bottom: 20px; position: relative; z-index: 9999;}
.fund-search-input input {border:0; line-height: 28px; height: 28px;padding-left: 10px; width: 155px;}
.fund-search-input .picon-search{ margin-top: 7px; }
.fund-search-select ul{margin-left: -8px;}
.fund-search-select ul li{padding-left:30px;margin-bottom: 15px;float: left;width: 250px;margin-left: 10px;background: url("../images/radiobox-no.png") no-repeat left center;cursor: pointer;}
.fund-search-select ul li .fund-num{font-size: 12px; color: #999; margin-left: 10px;}
.fund-search-select ul li.on{background: url("../images/radiobox-yes.png") no-repeat left center;}
.fund-search-select .open-up{width: 95%; margin:0; font-size: 14px; line-height: 40px; height: 40px;}

.fund-search-input.active .fund-drop{display: block;}
.fund-drop{position: absolute; border:1px solid #D9D9D9; width: 230px; background-color: #fff; top:30px; left:-1px; display: none;}
.fund-drop ul {max-height:270px; overflow-x: hidden; overflow-y:auto;}
.fund-drop ul li{ padding:10px; font-size: 14px; cursor: pointer; }
.fund-drop ul li:hover{background-color: #eff1f2; }
.fund-drop ul li.on{background-color: #eff1f2;}

/*risk-table*/
.risk-table  .often-title{margin-bottom: 10px;}
.risk-open-table th{color: #7a7a7a; font-size: 14px; width: 102px; padding:12px 8px; text-align: right;vertical-align: top;background-color: #fff; }
.risk-open-table td{text-align:left; color: #000; padding:10px 8px; vertical-align: top;border-bottom:none;}
.risk-open-table tr:hover{background-color: #fff;}

/*基金交易*/
.fund-type-table table{margin-top: 18px;}

/*账户 交易明细中的表格，内容过长*/

.a-trade-table table td{padding: 14px 8px;}
.a-trade-table table th{padding: 17px 8px;}
.a-trade-table{margin-top: 30px;}


/*by yixu 0623 add*/

/*A-4基金交易记录*/
.yx-main-right .fund-date-tab{height: 45px;}
.yx-main-right .fund-date-tab .fn-left{margin-top: 0;}
.picon-dao-btn{text-align: right;height: 35px;}
.picon-dao-btn .picon-dao{width: 13px;height: 14px; background: url(../images/record-daoc.png) no-repeat center center;margin-right: 5px;}
.remit-tips{margin-top: 50px;}
.remit-tips p{margin-left: 0;}
.jyxqobox-table th{padding:7px 10px; color: #999999;}
.jyxqobox-table td{font-size: 14px;color: #333333; text-align: left; border-bottom:none; padding:7px 10px;}
.jyxqobox-table td.tdname{font-size: 16px;text-align: right;}
.jyxqobox-table td>span{color: #999999;font-size: 12px;margin-left: 15px;}
.jyxqobox-table tr:hover{background: #fff;}


.record-popup-title{padding:3px 10px; background: #eff9ff; color: #2396dd;border-bottom: 0;}
.record-popup-title:hover{ background: #eff9ff;}

/*修改电话号码*/
.telnum-btn{cursor: pointer;}

/*积分*/
.lottery-ul-content ul{margin-left: -16px;margin-top: 25px;}
.lottery-ul-content ul li{ padding:9px 0;border:1px solid #d9d9d9; float: left; margin-left: 16px; width:216px; text-align: center; margin-bottom: 25px; }
.lottery-ul-content ul li p{ text-align: left; margin:0 9px;margin-top: 7px;}
.lottery-ul-content ul li a.lottery-red-button{ background-color: #f52f3e; line-height:30px; text-align: center;display: block;color: #fff; margin:0 9px; margin-top: 20px; }
.lottery-ul-content ul li a.lottery-red-button:hover{opacity: 0.8}
.lottery-ul-content ul li .gift-button{margin:0 9px; margin-top: 20px;}
.lottery-ul-content ul li a.gift-button-red{width: 46%;background-color: #f52f3e;border:1px solid #f52f3e;  line-height:28px; text-align: center;display: block;color: #fff;float: left; }
.lottery-ul-content ul li a.gift-button-red:hover{color: #fff;}
.lottery-ul-content ul li a.gift-button-blue{width: 46%;background-color: #f4f7f9; border:1px solid #d9d9d9; line-height:28px; text-align: center;display: block;color: #2b93ed;float:right; }
.gift-search-line{margin-top: 20px;}

/*------------积分图片大小*/
.lottery-ul-content ul li img{width: 215px; height: 215px;}
.lotdet-left img{width: 215px; height: 215px;}

.lotdet-right .gift-button{width: 264px;}
.lotdet-right a.gift-button-red{width: 100px;background-color: #f52f3e;border:1px solid #f52f3e;  line-height:28px; text-align: center;display: block;color: #fff;float: left; }
.lotdet-right a.gift-button-red:hover{color: #fff;}
.lotdet-right a.gift-button-blue{width: 100px;background-color: #f4f7f9; border:1px solid #d9d9d9; line-height:28px; text-align: center;display: block;color: #2b93ed;float: left;margin-left: 15px;}

.lottery-count{text-align:right; margin-bottom: 40px;}
.lottery-count ul li{margin-top: 20px;}
.lottery-count ul li .fn-left{width: 120px; text-align: right;}
.lottery-count ul li .fn-right{width: 150px; font-weight: bold; text-align: left;}


.change-line p{line-height: 30px; border-bottom: 1px solid #eee; padding:10px 20px;}
.change-line-button{width: 200px; margin:0 auto; line-height: 40px; margin-top: 20px; background-color: #F52F3E; color: #fff; text-align: center; border-radius: 5px; cursor: pointer;}
.change-line-button:hover{opacity: 0.8;}

/*错误页面 by yazheyu*/

.error-bj{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#05084c url(../images/error-bj.png) center -150px no-repeat}
.errorF-bj{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#221366 url(../images/errorF-bj.png) center -100px no-repeat}
.errorE-bj{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#221366 url(../images/error.png) center -100px no-repeat}
        
.error-main{width:900px;height:100%;margin:auto;position:relative}
#error-person{width:400px;height:240px;background:url(../images/error-per.png) no-repeat;position:absolute;top:380px;right:40px}
.error-word{width:100%;font-size:24px;color:#fff;position:absolute;top:70px;left:50%;margin-left:-50%;text-align:center}
.error-Jump{width:100%;font-size:16px;color:#fff;position:absolute;top:120px;left:50%;margin-left:-50%;text-align:center}
.error-Jump a{color:#328fff;text-decoration:underline}
.errorFour-ship1{width:80px;height:52px;background:url(../images/four1.png) no-repeat;position:absolute;top:200px;right:200px;-webkit-animation:bounce-up 2s linear infinite;animation:bounce-up 2s linear infinite}
.errorFour-ship2{width:75px;height:70px;background:url(../images/four2.png) no-repeat;position:absolute;top:300px;left:215px;-webkit-animation:bounce-up 2.8s linear infinite;animation:bounce-up 2.8s linear infinite}
.errorFour-ship3{width:65px;height:70px;background:url(../images/four3.png) no-repeat;position:absolute;top:400px;left:380px;-webkit-animation:bounce-up 3.5s linear infinite;animation:bounce-up 3.5s linear infinite}


.errorF-main{width:900px;height:100%;margin:auto;position:relative}
.errorF-shark-box{position:absolute;width:150px;height:150px;top:380px;right:218px}
.errorF-shark{width:195px;height:145px;background:url(../images/error-shark.png) no-repeat;position:absolute;top:0;right:-60px;animation:4s infinite shark;-webkit-animation:4s infinite shark}
@-webkit-keyframes shark{0%{top:0}
50%{top:-15px}
100%{top:0}
}
@keyframes shark{0%{top:0}
50%{top:-15px}
100%{top:0}
}
.errorF-word{width:100%;font-size:24px;color:#fff;position:absolute;top:100px;left:50%;margin-left:-50%;text-align:center}
.errorF-Jump{width:100%;font-size:16px;color:#fff;position:absolute;top:150px;left:50%;margin-left:-50%;text-align:center}
.errorF-Jump a{color:#328fff;text-decoration:underline}
.errorF-ship1{width:65px;height:30px;background:url(../images/F1.png) no-repeat;position:absolute;top:220px;right:150px;-webkit-animation:bounce-up 1.8s linear infinite;animation:bounce-up 1.8s linear infinite}
.errorF-ship2{width:85px;height:60px;background:url(../images/F2.png) no-repeat;position:absolute;top:450px;left:80px;-webkit-animation:bounce-up 2s linear infinite;animation:bounce-up 2s linear infinite}
.errorF-ship3{width:35px;height:35px;background:url(../images/F3.png) no-repeat;position:absolute;top:300px;left:170px;-webkit-animation:bounce-up 3.8s linear infinite;animation:bounce-up 3.8s linear infinite}
.errorF-ship4{width:30px;height:30px;background:url(../images/F4.png) no-repeat;position:absolute;top:350px;right:160px;-webkit-animation:bounce-up 2.8s linear infinite;animation:bounce-up 2.8s linear infinite}
.errorF-ship5{width:30px;height:30px;background:url(../images/F5.png) no-repeat;position:absolute;top:330px;right:420px;-webkit-animation:bounce-up 4.8s linear infinite;animation:bounce-up 4.8s linear infinite}
.errorF-ship6{width:40px;height:40px;background:url(../images/F6.png) no-repeat;position:absolute;top:470px;left:250px;-webkit-animation:bounce-up 3.8s linear infinite;animation:bounce-up 3.8s linear infinite}
@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(10px)}
100%,50%{-webkit-transform:translateY(0)}
75%{-webkit-transform:translateY(-10px)}
}
@keyframes bounce-up{25%{transform:translateY(10px)}
100%,50%{transform:translateY(0)}
75%{transform:translateY(-10px)}
}
.errorStar{position:relative;width:20px;height:20px}
.errorS1{top:250px;left:50px}
.errorS2{top:500px;left:300px}
.errorS3{top:100px;left:750px}
.dot{position:absolute;width:8px;height:8px;left:6px;top:6px;border-radius:50%;z-index:2}
.errorS1 .dot{background:#35a6b5}
.errorS2 .dot{background:#b036a7}
.errorS3 .dot{background:#7434b7}
.pulse{position:absolute;width:10px;height:10px;left:-5px;top:-5px;border:10px solid #35a6b5;border-radius:50%;z-index:1;opacity:0}
.errorS1 .pulse{-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}
.errorS2 .pulse{-webkit-animation:warn 3s ease-out;-moz-animation:warn 3s ease-out;animation:warn 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}
.errorS3 .pulse{-webkit-animation:warn 4s ease-out;-moz-animation:warn 4s ease-out;animation:warn 4s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}
@keyframes warn{0%{transform:scale(0);opacity:0}
25%{transform:scale(.25);opacity:.3}
50%{transform:scale(.5);opacity:.6}
75%{transform:scale(.75);opacity:.3}
100%{transform:scale(1);opacity:0}
}
@-webkit-keyframes warn{0%{transform:scale(0);opacity:0}
25%{transform:scale(.25);opacity:.3}
50%{transform:scale(.5);opacity:.5}
75%{transform:scale(.75);opacity:.3}
100%{transform:scale(1);opacity:0}
}

.txtMarquee-left{ position:relative;   }
.txtMarquee-left .hd{ overflow:hidden;  height:37px; background:#f4f4f4; padding:0 10px;  }
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; 			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.txtMarquee-left .hd .next{ background-position:0 -50px;  }
.txtMarquee-left .hd .prevStop{ background-position:-60px 0; }
.txtMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.txtMarquee-left .bd{height:37px; }
.txtMarquee-left .bd .tempWrap{ width:900px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:37px; line-height:37px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }

.favor-icon-pink{background: url("../images/favor-icon-pink.png") no-repeat 2px -2px; width: 25px; height: 19px; }


.login-type{position: absolute; border-top:none; width: 100%;}
.login-box .ef{position: absolute;width: 44px;height: 39px;background:  no-repeat center center;right: 5px;top: 5px;}
.login-box .btn-login-type i{background-position:-369px -140px;width:15px;height:8px;margin: -4px 0 0 -8px;}
.login-box .ef i{width: 14px; height: 9px; background: url(../images/lo.png) no-repeat center center; position: absolute;top: 50%; right: 30%;}
.login-box .login-type a{display:block;height:30px;line-height:30px;text-indent: 20px;}
.login-box .in{border: 1px solid #C7CACC;border-top:none; }
.login-box .login-type a{display:block;height:30px;line-height:30px;}
.login-box .login-type a:hover,.login-area .login-type a.cur{background: #eee;color: #333;cursor: pointer;}

.moneyfundlistdiv{font-size: 16px;width:100%;margin-left:45%;}

#nowpay{color: #2396DD;font-size: 16px;}
span.link {
	position: relative;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	z-index: 1;
}

span.link div.tips {
	border: 1px solid #e6e6e6;
	padding: 10px;
	background-color: #fff;
	position: absolute;
	top: -10px;
	left: -150px;
	display: none;
	z-index: 999;
	width: 300px;
	color: #989898
}

span.link:hover div.tips {
	z-index: 999;
	display: inline;
}


/*待办事项*/
.daiban-block td{position: relative; height:129px;}
.daiban-block tr:last-child td{border-bottom: 0;}
.daiban-block td{padding-left:17px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.daiban-even{ background: #f7f7fb; }
a.big-btn,.big-btn a{display: inline-block; min-width: 193px; text-align: center; line-height: 40px; height: 40px; background: #2396dd;box-shadow:0px 3px 6px 0px #cce7f7; font-size: 16px; color: #fff; border-radius: 2px;}
a.big-btn:hover,.big-btn a:hover{color: #fff;opacity: 0.8;}
a.big-btn:active,.big-btn a:active {background-color:#1b76af;}    

/*我的智投*/
.zhi-money-block{min-height: 142px; padding:28px 52px 0 30px; border-bottom: 4px solid #f5f5f5;}
.zhi-money-left{float: left;width: 370px; padding-left: 25px;}
.often-title3 a.look-for{display: inline-block; vertical-align: middle;}

a.zhi-blue-btn,.zhi-blue-btn a{display: inline-block; width: 94px; text-align: center;  line-height: 32px; height: 32px; background: #2396dd;box-shadow:0px 3px 6px 0px #cce7f7; font-size: 16px; color: #fff; border-radius: 2px;}
a.zhi-blue-btn:hover,.zhi-blue-btn a:hover{color: #fff;opacity: 0.8;}
a.zhi-blue-btn:active,.zhi-blue-btn a:active{background: #1b76af;color: #fff;}
a.zhi-white-btn,.zhi-white-btn a{display: inline-block; width: 94px; text-align: center;  line-height: 30px; height: 30px; background: #fff; border:1px solid #2396dd; box-shadow:0px 3px 6px 0px #fff; font-size: 16px; color: #2396dd; border-radius: 2px;}
a.zhi-white-btn:hover,.zhi-white-btn a:hover{color: #2396dd ;opacity: 0.8;}
a.zhi-white-btn:active,.zhi-white-btn a:active{background: #2396dd;color: #fff;}
/*a.zhi-gray-btn,.zhi-gray-btn a{display: inline-block; width: 94px; text-align: center;  line-height: 30px; height: 30px; background: #fff; border:1px solid gray; box-shadow:0px 3px 6px 0px #fff; font-size: 16px; color: gray; border-radius: 2px;}*/
/*a.zhi-gray-btn:hover,.zhi-gray-btn a:hover{color: gray ;opacity: 0.8;}*/
a.zhi-gray-btn,.zhi-gray-btn a{display: inline-block; width: 94px; text-align: center;  line-height: 30px; height: 30px; background: #9a9a9a; border:1px solid #9a9a9a; box-shadow:0px 3px 6px 0px #fff; font-size: 16px; color: #fff; border-radius: 2px;}
a.zhi-gray-btn:hover,.zhi-gray-btn a:hover{color: #fff ;opacity: 0.8;}
.zhi-assets dl{min-height: 115px; border-bottom: 1px solid #eeeeee; padding:20px 10px 8px 10px; padding-bottom: 8px; }
.zhi-assets dl:hover{background: #f7f7fb}
.zhi-assets dl td{border-bottom: 0;}
.zhi-assets dl:last-child{border-bottom: 0}

a.zhi-assets-tip{border:1px solid #ff9d4a; padding:0 10px; line-height: 26px; font-size: 12px; display: inline-block; height: 26px; background: #f8f1e4;cursor: default;}
/*a.zhi-assets-tip:hover{color: #666;}*/
a.zhi-assets-tip .pages-icon{display: inline-block; margin-right: 5px;}


/*买入*/
.buy-fund-list dd{border-bottom: 1px solid #eee;padding:20px;zoom:1;}
.buy-fund-list dd:hover{background: #f7f7fb}
.buy-fund-list dd:last-child{border-bottom: 0}

.buy-left{float: left; width: 620px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.buy-right{float: left; width: 465px;border-left:1px solid #eee; padding-left: 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.buy-right .title{color: #b9b9b9;}
.buy-right .title ul{width: 340px;}
.buy-right .title ul li{display: inline-block;color: #666666;width: 25%;cursor: pointer;float: left;text-align: right;}
.buy-right .title ul li.on,.buy-right .title ul li:hover{color: #2396dd;}

/*提交后的表格*/
.look-table-title{color: #999;font-size: 18px;text-align: center; margin-bottom: 20px;}
.look-table{width: 50%; margin: 0 auto;background-color: #f2f6fb; padding:60px; padding-top: 20px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.look-table tr{}
.look-table td,.look-table th{background-color:#f2f6fb;font-size: 16px;color: #555;border:0;}
.look-table th{ text-align: right; padding: 7px 10px;width: 150px; }
.look-table td{text-align: left;padding: 7px 20px; font-weight: bold; padding-left: 10px; }
.look-table  tr:nth-child(odd){ background-color: #fff; }


.look-table-top{width: 65%; text-align: center; margin: 0 auto; margin-top: 30px}
.look-table-top .open-account-success{width: 155px;height: 108px;background: url("../images/open-account-success1.png") no-repeat top center;float: none; margin: 0 auto;}
.look-table-top .open-account-false{width: 155px;height: 108px;background: url("../images/open-account-false1.png") no-repeat top center;float: none; margin: 0 auto;}
.look-table-top .open-account-state{width: 190px;height: 149px;background: url("../images/open-account-state1.png") no-repeat bottom center;float: none; margin: 0 auto;}

.state-title{font-size: 22px; font-weight: bold; color: #333;}

.look-step{margin: 0 auto; margin-top: 30px;}
.look-step dl{ width:33%; float: left; height: 120px; position: relative;}
.look-step.look-step2 dl{ width:19.9%; float: left; height: 120px; position: relative;}
.look-step dt{position: relative; height: 60px; }
.look-step dl dt .st-circle{width: 44px; height: 44px; display: block; border-radius: 100px; position: absolute;top:50%; margin-top: -22px; z-index: 11;
left:50%; margin-left: -22px;
background-color: #cccdd6;
background:-webkit-linear-gradient(180deg, #cccdd6, #e5e6ea); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(180deg, #cccdd6, #e5e6ea); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(180deg, #cccdd6, #e5e6ea); /* Firefox 3.6 - 15 */
background: linear-gradient(180deg, #cccdd6, #e5e6ea); 
}

.look-step dl.on dt .st-circle{width: 44px; height: 44px; display: block; border-radius: 100px; position: absolute; 
background-color: #2396dd;
background:-webkit-linear-gradient(180deg, #2396dd, #3dc6ff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(180deg, #2396dd, #3dc6ff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(180deg, #2396dd, #3dc6ff); /* Firefox 3.6 - 15 */
background: linear-gradient(180deg, #2396dd, #3dc6ff);
}
.look-step dt i{width: 44px; height: 44px; display: block;border-radius: 100px; background: url("../images/st-icon.png") no-repeat 0 0;}
.look-step dt i.st-icon-1{background-position: 0 0}
.look-step dt i.st-icon-2{background-position: 0 -44px }
.look-step dt i.st-icon-3{background-position: 0 -88px }

.look-step dl .st-line{position: absolute; width: 100%; background:#dddde3; height: 4px; top:50%; left:50%; margin-top: -2px;z-index: 10}
.look-step dl.on .st-line{background:#3cc5fe }

.look-step dl dd{position: absolute; top:65px; width: 100%; text-align: center;}

.product-name{padding-left: 25px;height: 65px;line-height:35px;font-size: 18px;font-weight: bold;color: #333333;}

.percent-top-bg{background: #fff8ec; padding:15px;}
.product-percent-left{float: left; width: 220px;}
.product-percent-left ul li.on{background: #fff; color:#2396dd;}
.product-percent-left ul li{ line-height: 45px; background: #f7f7fb; text-indent: 25px; cursor: pointer;}

.product-percent3.product-percent{width: 72%;float: right;padding: 0 25px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;max-height: 465px; overflow-x: hidden; overflow-y:auto;
box-sizing: border-box;}

.product-percent3.product-percent4{width: 50%;float: right;padding: 0 25px; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;max-height: 465px; overflow-x: hidden; overflow-y:auto;
    box-sizing: border-box;}

.product-percent th.table-right{text-align: right;}
.product-percent td.table-right{text-align: right;}



.product-percent3.product-percent2{width: 75%;float: right;-webkit-box-sizing: border-box;padding:25px; 
-moz-box-sizing: border-box;max-height: 465px; overflow-x: hidden; overflow-y:auto;
box-sizing: border-box;}
.product-percent3{padding:25px 0;}
.product-percent3 table{margin-top: 15px;}
.product-percent3 em{display: inline-block;width: 20px;height: 20px;vertical-align: middle; margin-right: 16px;}
.product-percent3 th{text-align: left; background:#fff;padding:8px 10px ;font-weight: bold; font-size: 16px; }
.product-percent3 small{font-size: 16px;}
.product-percent3 td{text-align: left; background:#f2f2f2; border-bottom: 1px solid #fff;padding:12px 10px ;}
.product-percent3 td:first-child{border-radius: 7px 0 0 7px}
.product-percent3 td:last-child{border-radius: 0 7px 7px 0}

.product-percent3.product-percent4 th{font-size: 14px;}

.color-0 th{color: #6F6FF7; }
.color-0 th em{background: #6F6FF7;}
.color-1 th{color: #fa7453; }
.color-1 th em{background: #fa7453;}
.color-2 th{color: #ffae45; }
.color-2 th em{background: #ffae45;}
.color-3 th{color: #42b1f5; }
.color-3 th em{background: #42b1f5;}
.color-4 th{color: #3dc6a8; }
.color-4 th em{background: #3dc6a8;}

.color-5 th{color: #7F00FF; }
.color-5 th em{background: #7F00FF;}
.color-6 th{color: #FF0080; }
.color-6 th em{background: #FF0080;}
.color-7 th{color: #6F6FF7; }
.color-7 th em{background: #6F6FF7;}
.color-8 th{color: #FF7F00; }
.color-8 th em{background: #FF7F00;}

.color-9 th{color: #0AAA0A; }
.color-9 th em{background: #0AAA0A;}
.color-A th{color: #B2B208; }
.color-A th em{background: #B2B208;}



.footer-btn-cont{height: 70px;padding-right: 25px;border-top: 1px solid #e7e7e7;}
.footer-btn-cont .btn-close{
    display: inline-block;
    width: 120px;
    background-color: #2396dd;
    box-shadow: 0px 3px 6px 0px rgba(35,150,221,0.28);
    color: #fff;
    outline: none;
    border: 0;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-top: 15px;
    border-radius: 4px;
}

/*匹配智投*/
.pipei-block dt{ font-size: 18px; color: #333 ;padding-top: 26px;}
.pipei-block dd{}
.pipei-block dd span{ border:1px solid #c0cad2; text-align: center; width: 160px; line-height: 46px; margin-top: 26px;
    height: 46px; text-align: center;display: block; float: left; margin-right: 20px; font-size: 18px; cursor: pointer;}
.pipei-block dd span.on{background: #2396dd; color: #fff; border:0; line-height: 48px; height: 48px; width: 162px;}

.pipei-block-top{margin-left: -40px;}
.pipei-block-top .open-account-rise{width:300px;height:129px;background: url("../images/open-account-rise.png") no-repeat bottom center;}

.silo-list-top{padding:40px 0; padding-bottom: 50px; position: relative;}
.silo-line{width: 100%; padding:0 60px; background:#f5f5f5; height: 4px; bottom: 0; position: absolute; margin-left: -60px; }

.layer-table .warning-tr td{padding: 5px 10px;    font-size: 16px;}
.layer-table td.warning-fundname-C {width:100px;}
.layer-table td.warning-fundname-B {width:130px;}

.login-menu ul li {
    float: left;
    position: relative;
}
.login-menu ul li .aciton-down{position: absolute; width: 150px; left:50%; border-radius: 3px; margin-left: -80px; text-align: center; display: none;}
.login-menu ul li.on:hover .aciton-down{display: none;}
.login-menu ul li:hover .aciton-down{display: block;}


#scroll-3 .aciton-down{position: absolute; width: 150px; left:-125%;top:10%; border-radius: 3px; margin-left: -80px; text-align: center; display: none;}
#scroll-3 li.on:hover .aciton-down{display: none;}
#scroll-3:hover .aciton-down{display: block;}.layer-table td.warning-fundname-B {width:130px;}

.fixed_width_first{width:180px;}
.fixed_width_second{width:100px;}
.fixed_width_third{width:120px;}
.fixed_width_therd{width:150px;}

.protocol_check{ width: 800px;  margin: auto;}


/* 智投详情 */
.has-border-b{border-bottom: 1px solid #eeeeee;}
.m-color-lightBlack{color: #474d5c;}
.m-color-blue{color: #2396dd;}
.pd-l-26{padding-left: 26px;}
.pd-r-26{padding-right: 26px;}
.invest-panel{padding: 40px 0;}
.invest-panel .invest-left{float: left; width: 580px;padding: 0 90px 0 26px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.invest-panel .invest-right{float: left;width: 614px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.invest-panel .invest-left .title{color: #b9b9b9;}
.invest-panel .invest-left .title ul{width: 340px;}
.invest-panel .invest-left .title ul li{display: inline-block;color: #666666;width: 25%;cursor: pointer;float: left;text-align: right;}
.invest-panel .invest-left .title ul li.on,.buy-right .title ul li:hover{color: #2396dd;}
.invest-panel .invest-status{margin-top: 9px;}
.invest-panel .inv-status-item{display: inline-block; height: 24px;margin-right: 6px; line-height: 24px;color: #2396dd;font-size: 14px;padding: 0 5px;background: #e9f7ff;}
.invest-panel .info{background: #fafafc;line-height: 24px; padding: 12px 18px;box-sizing: border-box;}
.pie-info-panel .asset-type li{height: 45px;margin-bottom: 8px; padding: 0 16px 0 14px; line-height: 45px; background: #fafafc;border-radius: 5px;}
.pie-info-panel .asset-type li .block{width: 20px;height: 20px;margin: 12px 8px 0 0;background: #fa7453;}
.repo-lists ul{margin-top: 22px;}
.repo-lists li{height: 48px;line-height: 48px;padding: 0 22px;font-size: 14px;color: #666;border-bottom: 1px solid #eeeeee;}
.repo-lists li:hover{background: #f7f7fb;}

.index-assetdetail-icon{
    background: url(../images/index-assetdetail-down.png) no-repeat left center;
    background-position: 0 0;
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.often-down.on-cur .index-assetdetail-icon{
    background: url(../images/index-assetdetail-up.png) no-repeat left center;
}

/*反洗钱上传*/
.aml-pos{position: relative; z-index: 10; margin-top: 20px;}
.aml-img{background:#f2f6fb; width: 317px; height: 403px; position: absolute; right:0; top:0;}
.aml-img-bg{width: 248px; height: 150px; border:dashed 1px #ccc; border-radius: 5px; background: #BDC9D1; margin:0 auto; margin-top: 8px;position: relative;}
.aml-img-bg img{width: 100%; height: 100%;}
.aml-img-bg p{display: block;position: absolute;width:136px; height: 54px; left:50%; top:50%; margin-left: -68px; margin-top: -27px;
    background: url("../images/new/aml-img-bg.png") no-repeat center center;}

.amlfile-line{border-radius: 8px;width: 302px; height: 188px; border:dashed 1px #dcdfe1; position: relative; background: #f3f8fd; overflow: hidden; margin:0 18px;}
.amlfile-img-name{width: 197px; height: 119px; display: block;position: absolute; top:50%; margin-top: -60px; left:50%; margin-left: -99px; vertical-align: middle;}
.amlfile-img-name.amlfile-1{ background: url("../images/new/amlfile-1.png") no-repeat center center;}
.amlfile-img-name.amlfile-2{ background: url("../images/new/amlfile-2.png") no-repeat center center;}
.amlfile-img-name img{width:100%; height: 100%}
.amlfile-text{width: 302px;height: 40px; line-height: 40px; position: absolute;left:0; bottom: 0; text-align: center; color: #8fc0ee; font-size: 16px; display: block;}

.amlfile-add{display:block;  width: 302px; height: 188px; cursor: pointer;
    background: url("../images/new/amlFile-add.png") no-repeat center center;position:relative; overflow:hidden;text-align: center; vertical-align: middle; float: left;

    transition: All 0.2s ease-in-out;
    -webkit-transition: All 0.2s ease-in-out;
    -moz-transition: All 0.2s ease-in-out;
    -o-transition: All 0.2s ease-in-out;
}
/*添加照片后去掉加号*/
.add-on{background:0 0!important}
.amlfile-add:hover{transform:rotate(360deg);transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px)}

.amlfile-add input{position:absolute;left:0; top:0; font-size:200px; opacity:0; filter:alpha(opacity=0); width: 320px;}
.amlfile-line i{ background:url("../images/new/del.png") no-repeat center center;  width:15px; height: 18px;  position: absolute; right:10px; bottom: 15px; display: none; }

.amlfile-line.on .amlfile-text{background: url("../images/new/delbg.png"); color: #fff;}
.amlfile-line.on i{display: block;}

.amlfile-line big{color: #8fc0ee; font-size: 14px; position: absolute; width: 100%;left:0; top:0; line-height: 30px;text-align: center;}
.amlfile-line.on big{display: none;}

/*基金名称满6个汉字换行*/
.a-trade-table table td.fundname{width: 92px}
/*交易状态字段，满2个汉字换行*/
.a-trade-table table td.trade_status{width:40px}
/*业务名称满4个汉字换行 */
.a-trade-table table td.fund_busin_code{width:60px}
/*银行名称满6个汉字换行*/
.a-trade-table table td.bank_name{width:125px}
/*业务名称满4个汉字换行 */
.a-trade-table table th.businessName{width: 60px}
/*交易状态满2个换行 */
.a-trade-table table th.transactionStatus{width: 65px}
/*计划名称满8个汉字换行 */
.a-trade-table table th.planName{width: 115px}
/* 基金定投-定投记录 基金名称满4个汉字换行 */
.a-trade-table table th.fundName{width: 85px}


/*计划名称满8个汉字换行 */
table th.planName{width: 115px}
/* 基金定投-定投记录 基金名称满4个汉字换行 */
table th.fundName{width: 85px}

/*现金宝，首页，专户里面出现的收益*/
.cash-red{ color: #fd5c68;}
.cash-green{ color: #18b51f;}

/*中登css*/
.open-table-zd .open-gua-title{ font-size: 16px; font-weight: bold; color: #333; margin-left: 355px; }

.open-table-zd{position: relative;}
.open-table-zd tr{position: relative;}
.open-table-zd th{ font-size: 16px;
    text-align: right;color: #333;
    vertical-align: top;
    background-color:#fff;
    width: 120px;
padding-top: 20px}
.open-table-zd .tong-error{
    position: absolute;
    bottom: -6px;
    line-height: normal;
    padding-left: 0;
    background-position-y: 2px;
}
.open-table-zd .chosen-container-single .chosen-single{
    height: 45px;
    line-height: 45px;
}
.open-table-zd .chosen-container-single .chosen-single div b{
    background-position-y: 10px;
}
.open-table-zd td{ text-align: left;color: #333; padding:9px 20px 18px;   border-bottom:none;}
.open-table-zd tr:hover{background-color: #fff;}
.open-table-zd .hs-tong-input{width: 250px}
.open-table-zd .ck-img,.bang-code .ck-img{ width: 130px; height: 44px; border:1px solid #e2e4e5; vertical-align: middle; float: left; margin-left: 15px; display: block; }

.config_view_money_breakevenDetailedList .moneytype{
    width: 42px;
}
.config_view_money_breakevenDetailedList .sessionincomerate{
    width: 47px;
}
.config_view_trade_myfund_dxfundlist .melonmethod{
    width: 79px;
}
.config_view_trade_myfund_dxfundlist .moneytype{
    width: 63px;
}
.config_view_account_traderecord_fundlist .trade_status{
    width: 65px;
}
.config_view_account_closeacco_fundlist th{
    width:33.3%;
}
.config_view_account_closeacco_supfundlist th{
    width:33.3%;
}

/*基金列表封闭期3年标签样式*/
.td-tip{width:78px;font-size:12px;line-height:16px;text-align: center;background:#fff8ec;color:#ff9d4a;margin:0 auto;}
/*申购、定投下单  封闭期3年标签样式*/
.fb-3 {display: inline-block;margin-left: 5px;width: 78px;font-size: 12px;line-height: 16px;text-align: center;background: #fff8ec;color: #ff9d4a;}

.pay-method-bank label small a {color: blue;text-decoration: underline;}
.onError a {color: blue;text-decoration: underline;} 
.new-as-empty-button2{width: 100%;position: absolute;right: 0;top: 0;}
.new-no-data{background:none}

/*基金操作*/
.fund-type .fund-type-list{float: left; }
.fund-type .fund-type-title{float: left;line-height: 34px;}
.fund-type dl {float: left;max-width: 1020px;}
.fund-type dl dd{float: left; margin-right: 15px; margin-bottom:5px; margin-top: 5px;}
.fund-type dl dd a{padding:0 15px; line-height: 25px; color: #333; display: block; text-align: center;border-radius: 2px;}
.fund-type dl dd.on a{color: #fff;background-color: #2396dd}
.ftype-list-tab{position: relative; height:23px; line-height: 23px; border-bottom: 1px solid #e1e1e1;margin-bottom: 5px; }
.ftype-list-tab span{ padding:0 11px; display: inline-block; cursor: pointer; position: relative;border:1px solid #fff; border-bottom:0;}
.ftype-list-tab .on-one{margin-right:25px;}
.ftype-list-tab span.on{border:1px solid #e1e1e1; border-bottom:0; }
.ftype-list-tab span.on:after{content: ''; position: absolute; width: 100%; bottom: 0px; left:0; height: 1px; background: #fff}
.lei-big-box dl{display: none;}
.lei-big-box dl.on-cur{display: block;}
#saleDiv .fixed-area {
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 100%;
    background: none;
}

.fee-tag{
    display: inline-block;
    background: #ffefee;
    color: #fc655a;
    font-size: 10px;
    padding: 3px;
}