﻿@charset "utf-8";

html,body{color:#666;font-size:12px;}
.indexTitle{font-size:18px;color:#333;padding:30px 0 15px 0;background-position: 0 -116px;padding-left: 43px;}

/*head*/
.indexHeaderBox{height:100px; background: #fff;}
.indexHeader{width:990px;height:100px;margin:0 auto; position:relative;}
.indexLogo,.indexLogo2{ position:absolute;top:25px;left:0;background-size: 158px 48px;}
.indexLogo2{left:200px}
.indexTolls{ position:absolute;/*right:30px;*/left:175px;top:0;}
.indexTolls a{font-size:15px;line-height:97px;display:inline-block;padding:0 30px;color:#333; position: relative;}
.indexTolls a:link,.indexTolls a:visited{color:#333;}
.indexTolls .ico-new{ display: block; height: 18px; width: 51px; background: url(../images/ico-new.gif) no-repeat; position: absolute; right: -14px; top: 25px;}
.indexTolls .ico-zhitou{ display: block; height: 24px; width: 80px; background: url(../images/zhitou-ico.png) no-repeat; position: absolute; right: 26px; top: 11px;}
.indexTolls .active,.indexTolls a:hover{border-top:2px solid #f44336;}
 .indexLinkApp, .indexLinkApp:link, .indexLinkApp:visited, .indexLinkApp i{color: #333;}
.indexLinkApp{position: absolute;right: 0;top: 40px;}
.indexLinkApp i{vertical-align: -2px;}
.indexLinkApp:hover{cursor: pointer;}
i.iconfont{font-size: 18px;padding-right: 2px;} 

/*banner*/
.indexBannerBox{height:320px; position:relative;z-index:1; overflow:hidden;}
.indexBannerBK{height:320px;}
.indexBanner{width:990px;height:320px;margin:0 auto;display:block;outline:none;}
.bannerPointBox{width:990px;height:0;margin:0 auto; position:relative;z-index:12; text-align:center}
.bannerPoint{text-align:center; position:absolute;top:-40px;left:0;width:990px;}
.bannerPoint span{padding:5px;font-size:26px; font-family:Arial;color:#fff; cursor:pointer;}

/*loginPopBox*/
.loginPopBoxCon{width:990px;margin:0 auto; position:relative;z-index:10;}
.loginPopBoxDiv{width:246px;height:246px;position:absolute;top:10px;right:0; background:#fff;padding:27px;}
.hellowText{color:#666;padding:10px 0 20px 0;display:block;font-size:14px;}
.loginBtn1,.loginBtn2{width:113px;height:38px;line-height:38px; background:#f44336;color:#fff;font-size:14px;border:1px solid #f44336;display:inline-block; text-align:center;}
.loginBtn2{border-color:#666;color:#666; background:#fff;}
.loginBtn1:link,.loginBtn1:visited{color:#fff;}
.loginBtn2:link,.loginBtn2:visited{color:#666;}
.loginBtn1:hover{ background:#e1271a;}
.loginBtn2:hover{ background:#ff5357;color:#fff}
.splitLine{margin:30px 0;font-size:0;line-height:0;height:0;border-top:1px dashed #e1e1e1;display:block;}
.infoBox{overflow:hidden;color:#999;padding-top:15px;line-height:26px}
.infoBoxLeft{width:120px;float:left}
.infoBoxRight{width:120px;float:left}
.infoAmmount{font-size:24px;color:#333; font-family:Arial;}
.hellowText2{font-weight:bold;font-size:16px;color:#333;}
.userName{font-family:Arial;}
.hellowText3Box{ position:relative;padding:3px 0 24px 0}
.exitLink{ position:absolute;right:0;top:3px;}
.m20{margin:15px 0}
.ammountInfo{color:#999;padding-bottom:20px; position:relative;}
.ammountInfoLetter{letter-spacing:4px;}
.ammountInfoTitle{padding-bottom:3px;display:block;}
.iText1{font-size:20px;color:#f44336;font-family:Arial;}
.iText2{font-size:18px;color:#333;font-family:Arial;}
.manageLink{ position:absolute;right:0;top:5px;}
.wbtn1{width:auto;display:block;margin-top:8px;}
.hiddenInfoBtn{ position:absolute;top:0;right:0;width:48px;height:48px;background:url(../images/index.png) -204px -23px; cursor:pointer;}
.redBagGif{margin:10px auto;display:block}
.nologinBox .hellowText{padding-bottom:7px;}
.nologinBox .loginBtn1{margin-bottom:10px;}
.nologinBox .splitLine{margin-bottom:20px;}
.loginBZ{width:250px;height:80px;background:url(../images/yan.png);}

/*about*/
.aboutFundBK{height:252px; background:#fff;}
.aboutFundBox{width:990px;height:252px;margin:0 auto;}
.aboutLeft{width:700px;float:left;border-right:1px solid #ebebeb;padding-right:45px}
.stepIcon{height:23px;background:url(../images/index.png) no-repeat;line-height:0;font-size:0;margin:20px 0 5px 0}
.stepUL{color:#666;text-align:center;margin-left:-40px;margin-right:-40px}
.stepUL li{float:left; width:190px;}
.stepUL li strong{font-family:Arial;font-size:14px;padding-bottom:3px;display:inline-block}
.stepUL .redText{color:#f44336}
.aboutRight{width:200px;float:right;color:#333;font-size:14px;}
.aboutRight .infoBox{font-size:12px;}

/*indexMain*/
.indexMainBK{background:#f6f6f6;border-top:1px solid #ebebeb;padding-bottom:30px}
.indexMainBox{width:990px;margin:0 auto;}

/*recommend*/
.recommendList{padding-top:20px;}
.recommendList li{width:328px;height:280px;float:left;text-align:center; background:#fff;margin-top:20px;}
.recommendList li .recommendTitle{height:50px;font-size:20px;color:#fff;line-height:50px; position:relative; text-align:left;padding-left:98px;}
.recommendList li .bgd1{background:#f44336;}
.recommendList li .bgd2{background:#00bcd4;}
.recommendList li .bgd3{background:#ffb607;}
.recommendList li .bgd4{background:#f44336;}
.recommendList li .bgd5{background:#00bcd4;}
.recommendList li .bgd6{background:#ffb607;}
.f-left{}
.recommendIcon{width:100px;height:73px;display:inline-block; position:absolute;top:5px;left:0px}
.recommendTextBox{height:230px;border:1px solid #ececec;border-top:none;border-right:none;}
.rateBox{font-size:30px;font-family:Arial;padding-top:20px;margin-bottom:5px;}
.rateText{font-size:25px;}
.rateTextPercent{font-size:30px}
.recommendDesc{font-weight:bold;line-height:22px;color:#777;width: 300px;display: block;margin: 0 auto;margin-top:10px;margin-bottom: 20px;}
.recommendList li:hover{box-shadow:0px 1px 3px  #ddd;}

/*indexMainLeft*/
.indexMainLeft{width:740px;float:left;}
.productListTable{width:100%;border-right:1px solid #f3f3f3;border-left:1px solid #f3f3f3;}
.productListTable .firstClum a:link,.productListTable .firstClum a:visited{color:#666;}
.productListTable .firstClum a:hover{color:#df1a2d}
.productListTable tr td{ background:#fff;height:72px;}
.productListTable tr td,.productListTable tr th{border:1px solid #ececec;border-left:none;border-right:none;}
.productListTable tr th{ background:#f8f8f8;height:50px;font-size:14px; position:relative;border-bottom:none;}
.productListTable .firstClum{padding-left:30px;width:172px}
.productListTable .rate,.productListTable .rateGay{font-size:24px;color:#f44336;font-family:Arial;}
.productListTable .rateGay{color:#999;}
.tableBtn{width:98px;height:36px;line-height:36px; background:#f44336;color:#fff; text-align:center;display:inline-block;border:1px solid #f44336}
.tableBtn:link,.tableBtn:visited{color:#fff;}
.tableBtn_zt1:hover{ background:#e1271a}
.tableBtn_zt2{border-color:#f44336;color:#f44336; background:#fff;line-height:15px;padding-top:3px;height:33px}
.tableBtn_zt3{border-color:#999;color:#999; background:#fff;}
.tableBtn_zt2:link,.tableBtn_zt2:visited{color:#f44336;}
.tableBtn_zt3:link,.tableBtn_zt3:visited{color:#666;}
.tableBtn_zt2:hover{ background:#ffeee5;}
.tableBtn_zt3:hover{ background:#f3f3f3;color:#666}
.tableBtn_zt4{border-color:#f44336;color:#f44336; background:#fff;}
.tableBtn_zt4:link,.tableBtn_zt4:visited{color:#f44336;}
.tableBtn_zt4:hover{ background:#ffeee5;}
.pd2{width:166px}
.pd3{width:142px}
.pd4{width:100px}
.pd5{width:130px}
.moreSelBox{ position:relative;}
.moreSel{width:150px; background:#fff; position:absolute;top:0;left:0px;box-shadow:0px 1px 3px #ddd; display:none;}
.moreSelSY{left:-29px}
.moreSelCon{padding:16px 0 15px 30px;}
.moreSelUl{font-size:12px;color:#666;padding-top:10px;}
.moreSelUl li{height:33px;line-height:33px;}
.moreSelUl input{ vertical-align:middle;margin-right:12px;margin-top:-2px;}
.moreSelUl li a:link,.moreSelUl li a:visited{color:#666}
.moreSelUl li a:hover{color:#df1a2d}
.order_tip2{ position:static; vertical-align:middle}
.proArr{border-color: #626262 transparent transparent;border-style:solid;border-width: 4px 4px 0;height:0;margin:0;overflow: hidden;transition:transform 0.2s ease-in 0s;width:0;z-index:300;margin-left:5px;display:inline-block; vertical-align:middle}
#moreSel_1_btn .proArr{Left:90px;}
.moreSelBox:hover .proArr{transform: rotate(180deg);}



/*indexMainRight*/
.indexMainRight{width:240px;float:right;}
.indexTabBox{border-right:1px solid #f3f3f3;border-left:1px solid #f3f3f3;border-bottom:1px solid #ececec; background:#fff;}
.indexTab{height:50px;font-size:0;}
.indexTab span{width:33.33%;height:50px;line-height:50px;display:inline-block; cursor:pointer; text-align:center;color:#555;font-size:14px; background:#f8f8f8;border:1px solid #ebebeb;border-left:none;border-right:none}
.indexTab .active{ background:#fff;border:none;/*width:118px*/}
.tabConBox{padding:30px 0 30px 20px}
.tabNewsList{color:#999;line-height:30px;}
.qaBox{padding:20px; background:#fff;border:1px solid #ececec;border-right:1px solid #f3f3f3;border-left:1px solid #f3f3f3;}
.tabNewsList a:link,.tabNewsList a:visited{color:#666}
.tabNewsList a:hover{color:#df1a2d}
.epayAppImg{background:url(../images/wx_tab.png@2015120901.png) no-repeat 0 0;width:222px;height:182px;margin-left:-10px;}
/*.epayAppImg{ background-position:0 -182px;}*/
.promotionList2{width:740px;margin-top:20px;display:block}
.promotionList3{width:240px;margin-top:20px;display:block}

/*introBox*/
.introBox{height:145px;border-top:1px solid #e0dfdf; background:#eaeaea;}
.introList{width:990px;height:145px;margin:0 auto; overflow:hidden;}
.introList li{width:314px;padding-top:43px;float:left;color:#999;height:145px;}
.introList li h5{font-weight:bold;font-size:16px;color:#555;padding-bottom:3px;}
.introList li .iconSpan{width:68px;height:68px;background:url(../images/index.png) 0 -23px;display:block;float:left;}
.introList li .iconSpan_2{ background-position:-68px -23px;}
.introList li .iconSpan_3{ background-position:-136px -23px;}
.introList li div{width:235px;float:right;padding-top:5px;}

/*kefu--*/
.kefu { background-color: #09824d; border: 2px solid #fff; position: fixed; width: 80px; top: 138px; right: 20px; text-align: center; display: block; -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); border-radius: 8px; font-size: 12px; z-index: 9999999; }
.kefu ul li a { display: block; color: #FFF; text-decoration: none; border-top: 1px solid #ffb4a6; overflow: hidden; height: auto; width: 100%; padding: 0; height: 30px; width: 80px; z-index: 999999; padding-top: 50px; }
.kefu ul li a:hover { background-color: #589ED7; }
.kefu a.kefu-lx { border-top: 0px solid #ffb4a6;background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: 0 -10px;  }
.kefu a.kefu-lx:hover { border-radius: 6px 6px 0px 0px; }
.kefu ul li a.kefu-yy { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -90px; }
.kefu ul li a.kefu-zx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -170px; }
.kefu ul li a.kefu-wx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -250px; }
.kefu ul li a.kefu-wx .kefu-weixin { padding: 20px; background-color: #FFFFFF; position: absolute; top:242px; left: -182px; display:none;-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);  }
.kefu ul li a.kefu-wx:hover .kefu-weixin { display:block; }
.kefu ul li a.kefu-top { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -335px;padding-top:40px; }
.kefu ul li a.kefu-top:hover { border-radius: 0px 0px 6px 6px; }
.kefu ul li a.kefu-yy,.kefu ul li a.kefu-zx,.kefu ul li a.kefu-top,.kefu ul li a.kefu-wx  { display: none; }
.kefu:hover ul li a.kefu-yy,.kefu:hover ul li a.kefu-zx,.kefu:hover ul li a.kefu-top,.kefu:hover ul li a.kefu-wx { display: block; }

/*footer*/
.indexFooterBox{background:#222}
.indexFooter{width:990px;margin:0 auto;background:#222;color:#999;padding:40px 0}
.footTitle{font-size:14px;font-weight:bold;}
.bankCompany{display:block;margin:10px 0 20px 0;}
.footerLink{line-height:26px;}
.footerLink a:link,.footerLink a:visited{color:#999;}
.footerLink em{color:#444;padding:0 20px;display:inline-block;}
.footerLink .buy-tip {
    padding-left: 8px;
}

/*
 * 统计数据样式修改
 * hzchenhaiyun
 * 2015-04-13
 */
 .index-statistics{ min-width: 990px; height: 30px; padding: 25px 0 20px; margin: 0; line-height: 30px; border-bottom: 1px solid #e6e6e6; clear: both; background: #f6f6f6; font-size: 14px; text-align: center;}
  .index-statistics-num{ color: #f44336; font-size: 30px; font-family: Arial;}

/*
 * 底部广告浮动
 * hzliuyanlong
 * 2015-10-10
 */
.footer-ad {
    position: fixed;
    left: 0;
    bottom: -110px;
    width: 100%;
    background-color: #fb3e38;
    z-index: 1000;
}
.footer-ad .footer-ad-container {
    display: block;
    width: 990px;
    height: 110px;
    margin: 0 auto;
    background: url(../images/footer-ad.png@v=2015101401.png) 0 0 no-repeat;
}
.footer-ad-ewallet{
    bottom: -130px;
}
.footer-ad-ewallet .footer-ad-container{
    width: 100%;
    min-width: 990px;
    height: 130px;
    margin: 0;
    background: #d42136 url(../images/footer-ad-ewallet.jpg@v=201512171743.jpg) center top no-repeat;
}
.footer-ad-piaoju{
    bottom: -130px;
}
.footer-ad-piaoju .footer-ad-container{
    width: 100%;
    min-width: 990px;
    height: 130px;
    margin: 0;
    background: #d42136 url(../images/footer-ad-piaoju.jpg@v=20160115.jpg) center top no-repeat;
}
.footer-ad-kaola{
    bottom: -130px;
}
.footer-ad-kaola .footer-ad-container{
    width: 100%;
    min-width: 990px;
    height: 130px;
    margin: 0;
    background: #6621af url(../images/footer-ad-huolibao.jpg@v=20160316.jpg) center top no-repeat;
}
.footer-ad .footer-ad-close {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 36px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 40px;
    outline: none;
    color: #ffced9;
    cursor: pointer;
}

.footer-ad-common{
    bottom: -130px;
}
.footer-ad-common .footer-ad-container {
    width: 100%;
    min-width: 990px;
    height: 130px;
    margin: 0;
}