/*by zsx 0601*/
.page-button-middle{width:96px;height:32px;text-align:center;margin:8px 25px;}
a.page-button-middle{ line-height: 32px;}

.output-monthly-statement{background:#f7f9fc;height: 50px;}

.user-name i{display:block;float:left;width:50px;height:50px;background: url("../images/user-name.png") no-repeat center center}
.user-name span{line-height:50px;}

.user-card-id i{display:block;float:left;width:50px;height:50px;background: url("../images/user-card-id.png") no-repeat center center}
.user-card-id span{line-height:50px;}

/*by zsx 0602*/
.main-content{width:1200px;position:relative;margin: 40px auto;background: #fff;}
.main-content-content{position:relative;margin:0 150px;}

.open{width:252px;height: 45px;}
.f_a{width: 250px;height: 45px;text-indent: 23px}
.as-empty-as{min-height: 700px;}
.ase-icon-define{background: url("../images/ase-icon-1.png") no-repeat 258px center;}

.reallocation_submit{background-color: #2396dd;  color: #fff; border: none;
  font-size: 16px;
  line-height: 52px;
  text-align: center;}

.reallocation-btn-cancel{
  background-color: #ebecf0;
  color: #2b93ed;
  border: none;
  font-size: 16px;
  line-height: 52px;
  text-align: center;}




/*交易成功*/
.warning-icon{width:44px;height:16px;background: url("../images/warning.png") no-repeat center center;vertical-align: middle; display: inline-block; }
.warning{position:absolute;top:25px;  background-color: #fff9f9; line-height: 40px; margin:0px 65px; }

.transaction-content{width:650px;margin-top:70px;padding-left: 245px;margin-bottom: 50px ;}

.submit-success-icon{width:44px;height:60px;background: url("../images/submit-success.png") no-repeat top center;vertical-align: middle; display: inline-block; }
.verify-results-icon{width:44px;height:60px;background: url("../images/verify-results.png") no-repeat top center;vertical-align: middle; display: inline-block; }
.to-account-icon{width:44px;height:60px;background: url("../images/to-account.png") no-repeat top center;vertical-align: middle; display: inline-block; }
/*by zsx 0606*/
.submit-success-text{line-height: 44px;}
.submit-success-progress-bar li{position:relative;margin-top:90px;}
.submit-success-progress-bar{margin-top:90px;margin-bottom:90px;margin-left: 225px;width: 50%;}

.progress-bar{height:64px;margin-left:68px;}

.cut-line-blue{position:absolute;top:44px;left:4%;margin-left:3px;background:#75c8ff;width:4px;height:130px;}
.cut-line-gray{position:absolute;top:44px;left:4%;margin-left:3px;background:#d2d2d2;width:4px;height:130px;}

/*B-1定期充值计划*/

.rui-line-1{height:40px;}
.rui-line-1 span{line-height:40px;}
.mg-228{margin-left:228px;}
.look-for ,.look-for.on{width:40px;height:40px;background: url("../images/looking-for.png") no-repeat top center;vertical-align: middle;display: block;}
.look-for.none{width:40px;height:40px;background: url("../images/looking-close.png") no-repeat top center;vertical-align: middle;display: block;}

.rui-line-2{width: 630px;height: 50px;}
.rui-line-2 span{line-height: 50px;}
.rui-button-set{line-height:50px;height:50px;width:240px;}
.rui-wallet-icon{width:60px;height:60px;vertical-align: middle;display: inline-block;}
.rui-wallet-icon1{background: url("../images/rui-wallet-icon1.png") no-repeat center center;}
.rui-wallet-icon2{background: url("../images/rui-wallet-icon2.png") no-repeat center center;}
.rui-wallet-icon3{background: url("../images/rui-wallet-icon3.png") no-repeat center center;}
.rui-wallet-icon4{background: url("../images/rui-wallet-icon4.png") no-repeat center center;}
.rui-wallet-icon5{background: url("../images/rui-wallet-icon5.png") no-repeat center center;}
.rui-wallet-icon6{background: url("../images/rui-wallet-icon6.png") no-repeat center center;}
.rui-wallet-icon7{background: url("../images/rui-wallet-icon7.png") no-repeat center center;}
.rui-wallet-icon8{background: url("../images/rui-wallet-icon8.png") no-repeat center center;}
.rui-wallet-icon9{background: url("../images/rui-wallet-icon9.png") no-repeat center center;}
.rui-wallet-icon10{background: url("../images/rui-wallet-icon10.png") no-repeat center center;}
.rui-wallet-icon11{background: url("../images/rui-wallet-icon11.png") no-repeat center center;}
.rui-wallet-icon12{background: url("../images/rui-wallet-icon12.png") no-repeat center center;}

/*by zsx 0607*/
.open-account-content-bangka{width: 739px;margin: 0 auto;}
.rui-wallet-detail{ width:31%;border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;background: #f7f9fc;}
.rui-wallet-detail ul{padding:25px 40px 20px 20px}
.rui-wallet-detail li{width:450px;height:55px;margin-bottom: 30px;line-height:30px;}
.rui-wallet-title{width:280px;height:36px;margin-top:25px;background: url("../images/rui-wallet-title.png") no-repeat left center;}
.rui-wallet-title span{line-height: 36px;margin-left:25px;}

.rui-wallet-content{margin-top:2px;border-bottom:1px solid #eeeeee}
.rui-wallet-content-left{width:43%;margin-top:30px; margin-left:30px; padding-right:20px;background: url(../images/dotted.png) no-repeat right 20px ;}

/*by zsx 0614*/
.rui-combination-content{width:25%;border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;background: #f7f9fc;}
.rui-combination-content-left{width:70%;margin-top:30px; margin-left:30px; padding-right:20px;}
.rui-combination-content ul{padding:25px 40px 20px 20px}
.rui-combination-content li{width:255px;height:55px;margin-bottom: 20px;line-height:50px;}


.rui-combination-detail{ width:30%;border-top:1px solid #eeeeee;border-left:1px solid #eeeeee;background: #f7f9fc;}
.rui-combination-detail ul{padding:25px 40px 20px 20px}
.rui-combination-detail li{width:312px;height:55px;margin-bottom: 30px;line-height:30px;}

.page-button-rui{ height: 38px;font-size: 16px;width: 144px;text-align: center;*margin-top: 8px;}
a.page-button-rui{ line-height: 38px;}

.page-button-manage{ height: 38px;font-size: 16px;width:180px;text-align: center;*margin-top: 8px;}
a.page-button-manage{ line-height: 38px;}

.rui-dingtou-content-left{width:65%;margin-top:30px; margin-left:30px; padding-right:20px;}

.rui-dingtou{margin:0 auto;width:77%}
.rui-dingtou-btn{margin:40px auto;width:50%}
.rui-dingtou-btn2{width:26%;margin:0 auto;padding:20px 0px 60px}

/*by zsx 0620*/
.select-back-way{width:101px;height:101px;}
.select-back-way-1{width:101px;height:101px;background: url("../images/find-back-by-tel.png") no-repeat center center}
.select-back-way-2{width:101px;height:101px;background: url("../images/find-back-by-card.png") no-repeat center center}
.select-back-way-3{width:101px;height:101px;background: url("../images/find-back-query.png") no-repeat center center}

/*by zsx 0622*/
.dotted-row{width:900px;height:1px;background: url("../images/dotted-row.png")}
.star-shining{width:12px;height:12px;background: url("../images/star.png") no-repeat center center}
.star-position-1{position:absolute;top:51px;left:9px}
.star-position-2{position:absolute;top:60px;left:18px}
.star-position-3{position:absolute;top:10px;left:67px}
.star-position-4{position:absolute;top:18px;left:75px}

.find-back-content{width:920px;height:120px;padding-top:60px;padding-bottom:50px}
.find-back-content-pic{position:relative;width:120px;height:120px}
.find-back-content-text{width:784px;height:120px;}

@keyframes star-light-flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.star-light-flash {
  animation-name: star-light-flash;
}

/*by zsx 0629*/
.open-account-wait{width:300px;height:139px;background: url("../images/open-account-waiting.png") no-repeat top center}
.jifen-gift{width:40px;height:40px;margin-right:20px;display: inline-block;vertical-align: middle;background: url("../images/jifen-gift.png") no-repeat center center}

/*by zsx 0703*/
.gift-car-btn{width:21px;height:21px;line-height: 21px; text-align: center; border:1px solid #d9d9d9;background-color:#fff;  cursor:pointer;}
.num-input input{border:1px solid #d9d9d9; line-height: 21px; height: 21px; }

.riskinfo-layer-p-manage{width: 390px;line-height: 25px;float: left;margin-left: 20px;font-size: 16px;}


.tzsm-open-icon{width:10px;height:10px;background: url("../images/tzsm-open.png") no-repeat right center;vertical-align: middle;display: inline-block;}
.tzsm-close-icon{width:10px;height:10px;background: url("../images/tzsm-close.png") no-repeat right center;vertical-align: middle;display: inline-block;}
.riskinfo-layer-cutline{width:384px;height:1px;background: url("../images/tzsm-cutting-line.png") no-repeat center center;padding:10px 12px;}

#view_config_view_hopetrans_applyquery_list .detail{min-width: 30px;}
#view_config_view_hopetrans_applyquery_list .op{min-width: 30px;}
#loginForm_open a:hover{color: #fff; }

.errormessage{
  padding-left: 500px;
  padding-top: 159px;
}
/*by gy 0806*/
.reg{margin-top: 30px;}
.tong-input-error2{}

.reb-1 {
  margin-left: 192px;
  margin-top: -33px;
  display: block;
}

/*by zsx 180912*/
.beyond-risk-open-top{padding: 30px 20px 20px 20px;font-size: 16px;line-height: 24px;padding-top: 30px;padding-bottom: 20px;color: #333333;}
.beyond-risk-open-top span{color :#2396dd;margin: 0 5px;}
.beyond-risk-open-center{margin: 0 20px;background-color: #f2f6fb;padding: 20px 25px;}
.beyond-risk-open-center ul li{line-height: 24px;font-size: 16px;color: #333333;}
.beyond-risk-open-footer{padding: 0 20px;height: 70px;border-top: 1px solid #e7e7e7;}
.beyond-risk-open-footer .btn-retest{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: 2px;
}
.beyond-risk-open-footer .btn-continue{
  width: 120px;
  border: 1px solid #2396dd;
  background-color: #ffffff;
  color: #2396dd;
  outline: none;
  line-height: 38px;
  height: 38px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  float: right;
  margin-top: 15px;
  border-radius: 2px;
  margin-left: 10px;
}
.beyond-risk-open-table{}
.beyond-risk-open-table tr:first-child{border: 0;}
.beyond-risk-open-table tr{border-bottom: 1px solid #f1f1f1;}
.beyond-risk-open-table th{font-size: 14px;padding:0px 10px; color: #999999;height: 45px;}
.beyond-risk-open-table th.t-l{text-align: left;}
.beyond-risk-open-table th.t-r{text-align: right;}
.beyond-risk-open-table td{font-size: 14px;color: #333333; text-align: left; border-bottom:none;height: 45px; padding: 0px 10px;}
.beyond-risk-open-table td.tdname{font-size: 16px;text-align: right;}
.beyond-risk-open-table td.t-c{text-align: center;}
.beyond-risk-open-table td>span{color: #f65959;}
.beyond-risk-open-table tr:hover{background: #fff;}


.redeem-title{
  font-size:16px;
  color:#2396dd;
  margin-bottom: -15px
}

#redeem_ratio_input{
  position: absolute;
  left: 20px;
  margin: 1px;
  font-size: 14px;
  border: none;
  z-index: 999;
}

/* 12-5 */
.zhi-title{
  height: 50px;
  line-height: 50px;
  background: #fafafc;
}
.zhi-list dl{
  border:1px solid #e1e1e1;
  padding: 0;
  margin-bottom: 20px;
}
.zhi-list dl:hover{background: none}
.zhi-list dd table tr:hover{background: none;}
.zhi-icon{
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/wu-icon.png') no-repeat;
  margin-left: 20px;
  margin-top: -5px;
}
.zhi-icon.zhi-icon-1{
  background-position:0 0;
}
.zhi-icon.zhi-icon-2{
  background-position:0 -25px;
}
.zhi-list dd {
  margin: 0 10px;
  border-bottom: 1px solid #e1e1e1;
}
.zhi-list dl:last-child{
  border-bottom: 1px solid #e1e1e1;
}
.zhi-list dd:last-child{
  border-bottom: none;
}
.pie-info-panel-wu ul{
  width:350px;
  margin-top: 50px;
}
.pie-info-panel-wu li{
  width: 50%;
  float: left;
  margin-bottom: 40px;
}
.pie-info-panel-wu .asset-type li .block {
  width: 10px;
  height: 10px;
  /*background: #fa7453;*/
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 5px 10px 0 0;
}
.link-tou{
  position: absolute;
  right: 0px;
  top: -10px;
}

/* 我要投资 */
.want-invest{
  display: inline-block;
  width: 52px;
  background: #fd5c68;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  padding: 20px 0;
  margin-bottom: 10px;
}
.want-invest:hover{
  color:#fff;
  background: #F52F3E;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.color1{background: #fa7453;}
.color2{background: #ffae45;}
.color3{background: #42b1f5;}
.color4{background: #3dc6a8;}
.color5{background: #62a6ed;}
.color6{background: #747dd8;}
.color7{background: #d080d1;}

.zhi-icon{
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/wu-icon.png') no-repeat;
  margin-left: 20px;
  margin-top: -5px;
}
.zhi-icon.zhi-icon-1{
  background-position:0 0;
}
.zhi-icon.zhi-icon-2{
  background-position:0 -25px;
}
.zhi-icon.zhi-icon-3{
  background-position:0 -50px;
}
.zhi-icon.zhi-icon-4{
  background-position:0 -75px;
}
.zhi-icon.zhi-icon-5{
  background-position:0 -100px;
}
.cursor{
  cursor: pointer;
}