/* ============================================================
   [银行快捷支付]公共部分
   ============================================================ */

/* 银行营业厅(hall)、快捷支付(ydt)、快捷优惠(preference) tab切换 */
.bank-tab{height:42px;line-height:42px;margin:0 0 5px;top:-6px;}
.bank-tab .tab-title li{width:140px;height:42px;border:none;margin:0;overflow:hidden;}
.bank-tab .tab-title li a{width:130px;height:42px;text-indent:-999em;}
.bank-tab .tab-title li a span{display:none;}
/* 信息块公用样式 */
.bank-ydt .pannel, .bank-hall .pannel{padding:0 0 44px;margin:0;}
.bank-ydt .pannel .pannel-title, .bank-hall .pannel .pannel-title{border:none;border-left:4px solid #AA7031;height:20px;margin-bottom:15px;text-indent:-999em;}
.bank-hall .pannel .pannel-title{border-left:4px solid #C21A00;}
.bank-ydt .pannel .pannel-title h2, .bank-hall .pannel .pannel-title h2{height:20px;}
.bank-ydt .pannel .pannel-main, .bank-hall .pannel .pannel-main{border:1px solid #E2E2E2;padding:0;}

/* 素材(标签、修饰标签、标题、图标、按钮) */
/* 标签 */
.bank-tab .tab-title li a.tab-hall, .bank-tab .tab-title li a.tab-ydt, .bank-tab .tab-title li a.tab-prefer, .bank-tab .tab-title li.on a.tab-hall, .bank-tab .tab-title li a.tab-hall:hover, .bank-tab .tab-title li.on a.tab-ydt, .bank-tab .tab-title li a.tab-ydt:hover, .bank-tab .tab-title li.on a.tab-prefer, .bank-tab .tab-title li a.tab-prefer:hover,.bank-tab .tab-title li a.tab-renewal{background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_tab.png?v=20130625) no-repeat;}
.bank-tab .tab-title li a.tab-hall{background-position:0 0;}
.bank-tab .tab-title li a.tab-ydt{background-position:0 -83px;}
.bank-tab .tab-title li a.tab-prefer{background-position:0 -167px;}
.bank-tab .tab-title li a.tab-renewal{background-position:0 -260px;}
.bank-tab .tab-title li.on a.tab-hall, .bank-tab .tab-title li a.tab-hall:hover{background-position:0 -41px;}
.bank-tab .tab-title li.on a.tab-ydt, .bank-tab .tab-title li a.tab-ydt:hover{background-position:0 -125px;}
.bank-tab .tab-title li.on a.tab-prefer, .bank-tab .tab-title li a.tab-prefer:hover{background-position:0 -209px;}
.bank-tab .tab-title li.on a.tab-renewal, .bank-tab .tab-title li a.tab-renewal:hover{background-position:0 -313px;}
/* 修饰标签 */
.bank-ydt .paystyle-pk .pannel-main li .ico-paystyle-pk, .bank-ydt .paystyle-pk .pannel-main li.odd .ico-paystyle-pk, .more-preper li p em{background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_tag.png?v=20121213) no-repeat;}
.bank-ydt .paystyle-pk .pannel-main li.odd .ico-paystyle-pk{background-position:0 0;}
.bank-ydt .paystyle-pk .pannel-main li .ico-paystyle-pk{background-position:0 -42px}
.more-preper li p em {background-position:0 -86px;}
/* 标题 */
.bank-ydt .ydt-support .pannel-title h2, .bank-hall .ydt-support .pannel-title h2, .ydt-descrip .pannel-title h2, .ydt-descrip .more-facile dl dt, .ydt-descrip .more-safe dl dt, .ydt-descrip .more-cheap dl dt, .pay-expert .pannel-title h2, .user-wishes .pannel-title h2, .bank-ydt .ydt-faq .pannel-title h2, .bank-hall .ydt-faq .pannel-title h2, .bank-hall .hall-descrip dt, .bank-ydt .paystyle-pk .pannel-title h2, .paystyle-tradition .paystyle-tradition-title h3, .paystyle-fastpay .paystyle-fastpay-title h3, .bank-ydt .paystyle-pk .tradition-fisrt dt, .bank-ydt .paystyle-pk .tradition-second dt, .bank-ydt .paystyle-pk .tradition-third dt, .bank-ydt .paystyle-pk .fastpay-fisrt dt, .bank-ydt .paystyle-pk .fastpay-second dt, .bank-ydt .paystyle-pk .fastpay-third dt, .bank-ydt .ydt-right-active .ydt-right .pannel-title h2, .bank-ydt .ydt-right-active .ydt-active .pannel-title h2, .bank-preper .yfqhg .pannel-title h2, .bank-preper .second-skill .pannel-title h2, .bank-preper .more-preper .pannel-title h2, .bank-preper .coupons .pannel-title h2, .bank-preper .what-fastpay dl dt{background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_title.png?v=20150112) no-repeat;}
.bank-ydt .ydt-support .pannel-title h2{background-position:10px -171px;}
.bank-ydt .ydt-right-active .ydt-active .pannel-title h2{background-position:10px -90px;}
.bank-hall .ydt-support .pannel-title h2{background-position:10px -327px;height:26px;}
.ydt-descrip .pannel-title h2{background-position:10px -10px;width:850px;}
.ydt-descrip .more-facile dl dt{background-position:0 -529px;}
.ydt-descrip .more-safe dl dt{background-position:0 -569px;}
.ydt-descrip .more-cheap dl dt{background-position:0 -609px;}
.pay-expert .pannel-title h2{background-position:10px -210px;}
.user-wishes .pannel-title h2{background-position:10px -251px;}
.bank-ydt .ydt-faq .pannel-title h2, .bank-hall .ydt-faq .pannel-title h2{background-position:10px -290px;}
.bank-hall .hall-descrip dt{background-position:0 -971px;height:28px;text-indent:-999em;}
.bank-ydt .paystyle-pk .pannel-title h2{background-position:10px -131px;}
.paystyle-tradition .paystyle-tradition-title h3{background-position:0 -640px;}
.paystyle-fastpay .paystyle-fastpay-title h3{background-position:22px -680px;}
.bank-ydt .paystyle-pk .tradition-fisrt dt{background-position:0 -734px;}
.bank-ydt .paystyle-pk .tradition-second dt{background-position:0 -773px;;}
.bank-ydt .paystyle-pk .tradition-third dt{background-position:0 -812px;;}
.bank-ydt .paystyle-pk .fastpay-fisrt dt{background-position:0 -853px;}
.bank-ydt .paystyle-pk .fastpay-second dt{background-position:0 -892px;;}
.bank-ydt .paystyle-pk .fastpay-third dt{background-position:0 -933px;}
.bank-ydt .ydt-right-active .ydt-right .pannel-title h2{background-position:10px -50px;}
/* 图标 */
.ydt-descrip .more-facile .ico-facile, .ydt-descrip .more-safe .ico-safe, .ydt-descrip .more-cheap .ico-cheap, .bank-hall .hall-descrip .ico-hall, .bank-ydt .paystyle-pk .tradition-fisrt .ico, .bank-ydt .paystyle-pk .tradition-second .ico, .bank-ydt .paystyle-pk .tradition-third .ico, .bank-ydt .paystyle-pk .fastpay-fisrt .ico, .bank-ydt .paystyle-pk .fastpay-second .ico, .bank-ydt .paystyle-pk .fastpay-third .ico{background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_ico.jpg?v=20121213) no-repeat;}
.ydt-descrip .more-facile .ico-facile{background-position:0 -548px;}
.ydt-descrip .more-safe .ico-safe{background-position:-96px -470px;}
.ydt-descrip .more-cheap .ico-cheap{background-position:-96px -548px;}
.bank-hall .hall-descrip .ico-hall{background-position:0 -470px;}
.bank-ydt .paystyle-pk .tradition-fisrt .ico{background-position: 0 -182px;}
.bank-ydt .paystyle-pk .tradition-second .ico{background-position:-96px -182px;}
.bank-ydt .paystyle-pk .tradition-third .ico{background-position:0 -278px;}
.bank-ydt .paystyle-pk .fastpay-fisrt .ico{background-position: -96px -278px;}
.bank-ydt .paystyle-pk .fastpay-second .ico{background-position:0 -374px;}
.bank-ydt .paystyle-pk .fastpay-third .ico{background-position:-96px -374px;}
/* 按钮 */
.ydt-descrip .btn-video-demo, .ydt-descrip .btn-video-demo:hover, .bank-ydt .bank-ydt-banner .btn-openfastpay, .bank-ydt .bank-ydt-banner .btn-openfastpay:hover, .bank-preper .what-fastpay .btn-openfastpay, .bank-preper .what-fastpay .btn-openfastpay:hover, .more-preper li p .btn{background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_btn.png?v=20121213) no-repeat;}
.ydt-descrip .btn-video-demo{background-position:0 -104px;}
.ydt-descrip .btn-video-demo:hover{background-position:0 -139px;}
.bank-ydt .bank-ydt-banner .btn-openfastpay{background-position:0 0;}
.bank-ydt .bank-ydt-banner .btn-openfastpay:hover{background-position:0 -52px;}

/* ============================================================
   [银行快捷支付]页面私有部分
   ============================================================ */
/* 银行营业厅(hall)、快捷支付(ydt)通用样式 */
/* 支持银行 */
.bank-hall .ydt-support .pannel-title{height:26px;}
.bank-ydt .ydt-support .pannel-main, .bank-hall .ydt-support .pannel-main{width:996px;border:none;}
.bank-ydt .ydt-support .pannel-main ul, .bank-hall .ydt-support .pannel-main ul{padding:0 1px 1px 0;}
.bank-ydt .ydt-support .pannel-main ul li, .bank-hall .ydt-support .pannel-main ul li{background:#FAFAFA;width:215px;float:left;border:1px solid #DDDEDE;margin:0 -1px -1px 0;overflow:hidden;padding:18px 24px 18px 8px;position:relative;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;}
.bank-ydt .ydt-support .pannel-main ul li p, .bank-hall .ydt-support .pannel-main ul li p{height:33px;line-height:33px;}
.bank-ydt .ydt-support .pannel-main ul li:hover, .bank-ydt .ydt-support .pannel-main ul li.on, .bank-hall .ydt-support .pannel-main ul li:hover, .bank-hall .ydt-support .pannel-main ul li.on { border-color:#CCCCCC;position:relative;background:#F9F9F9;box-shadow:0 0 15px #EEEEEE inset;}
.bank-ydt .ydt-support .pannel-main ul li.last, .bank-hall .ydt-support .pannel-main ul li.last{width:234px;}
.bank-ydt .ydt-support .pannel-main ul li .gray{color:#969696;}
.bank-hall .bank-icbc, .bank-hall .bank-cmb, .bank-hall .bank-ccb, .bank-hall .bank-abc, .bank-hall .bank-boc, .bank-hall .bank-spdb, .bank-hall .bank-sdb, .bank-hall .bank-cib, .bank-hall .bank-bob, .bank-hall .bank-cebb, .bank-hall .bank-boco, .bank-hall .bank-cmbc, .bank-hall .bank-ecitic, .bank-hall .bank-gdb, .bank-hall .bank-pingan, .bank-hall .bank-post, .bank-hall .bank-jsb, .bank-hall .ico-cop, .bank-hall .ico-ydt, .bank-hall .bank-srcb, .bank-hall .bank-bosh, .bank-hall .bank-hxb, .bank-hall .bank-hkbea, .bank-hall .bank-ordos, .bank-hall .bank-cbhb, .bank-hall .bank-jzb, .bank-hall .bank-njcb, .bank-hall .bank-nbcb, .bank-hall .bank-gdrcu, .bank-hall .bank-nccb, .bank-hall .bank-glccb, .bank-hall .bank-bsb, .bank-hall .bank-ynrcc, .bank-hall .bank-gzcb, .bank-hall .bank-cqrcb, .bank-hall .bank-zjcb, .bank-hall .bank-sdrcu,.bank-ydt .bank-icbc, .bank-ydt .bank-cmb, .bank-ydt .bank-ccb, .bank-ydt .bank-abc, .bank-ydt .bank-boc, .bank-ydt .bank-spdb, .bank-ydt .bank-sdb, .bank-ydt .bank-cib, .bank-ydt .bank-bob, .bank-ydt .bank-cebb, .bank-ydt .bank-boco, .bank-ydt .bank-cmbc, .bank-ydt .bank-ecitic, .bank-ydt .bank-gdb, .bank-ydt .bank-pingan, .bank-ydt .bank-post, .bank-ydt .bank-jsb, .bank-ydt .ico-cop, .bank-ydt .ico-ydt, .bankbank-ydthall .bank-srcb, .bank-ydt .bank-bosh, .bank-ydt .bank-hxb, .bank-hall .bank-hkbea, .bank-hall .bank-ordos, .bank-hall .bank-cbhb, .bank-hall .bank-jzb, .bank-hall .bank-njcb, .bank-hall .bank-nbcb, .bank-hall .bank-gdrcu, .bank-hall .bank-nccb, .bank-hall .bank-glccb, .bank-hall .bank-bsb, .bank-ydt .bank-ynrcc, .bank-ydt .bank-gzcb, .bank-ydt .bank-cqrcb, .bank-ydt .bank-zjcb, .bank-ydt .bank-sdrcu{width:112px;position:absolute;}
.bank-ydt .ydt-support .btn-white-s, .bank-hall .ydt-support .btn-white-s{ margin:5px 0 0 8px;vertical-align:top;}
.bank-hall .ydt-support .pannel-more{top:12px;color:#999999;}
.bank-ydt .ydt-support .pannel-more{top:8px;color:#999999;}
.bank-ydt .bank-ydt-banner .learn-fastpay{text-decoration:none;position:absolute;font-size:14px;left:285px;top:170px;color:#fff;font-family:'Microsoft YaHei';}
.bank-ydt .bank-ydt-banner .learn-fastpay:hover{color:#0078B6;}
/* 快捷支付细节描述 */
.ydt-descrip .btn-video-demo{width:140px;height:33px;display:block;text-indent:-999em;right:0;top:-6px;}
.ydt-descrip .img-info{width:25%;float:left; padding:35px 40px;}
.ydt-descrip .more-facile .ico-facile, .ydt-descrip .more-safe .ico-safe, .ydt-descrip .more-cheap .ico-cheap, .bank-hall .hall-descrip .ico-hall{width:73px;height:73px;float:left;}
.ydt-descrip .img-info dl{padding-left:18px;}
.ydt-descrip .img-info dl dt{ height:30px;text-indent:-999em;margin:5px 0 0;}
.ydt-descrip .img-info dl dd{font:14px "Microsoft YaHei";color:#C0C0C0;}
/* 支付专家 */
.ydt-expert-user .pannel{width:49%;}
.ydt-expert-user .pannel .pannel-main{padding:26px 30px 0;}
.ydt-expert-user .pannel .pannel-main .img-info{padding-bottom:25px;}
.ydt-expert-user .pannel .pannel-main dl { padding-left:20px;}
.ydt-expert-user .pannel .pannel-main dl dt{font-size:14px;}
.ydt-expert-user .pannel .pannel-main dl dd{color:#999999;}
.pay-expert{margin-right:16px;float:left;}
.pay-expert .head-abc, .pay-expert .head-cbc, .user-wishes .head-bl, .user-wishes .head-gtjy{width:86px;height:86px; float:left;}
/* 用户心声 */
.user-wishes{float:right;}
/* 常见问题 */
.bank-ydt .ydt-faq .pannel-main, .bank-hall .ydt-faq .pannel-main{border:none;border-top:1px solid #EADED2;}
.bank-ydt .ydt-faq .pannel-main dl, .bank-hall .ydt-faq .pannel-main dl{margin:27px 0 0;}
.bank-ydt .ydt-faq .pannel-main dl dt, .bank-hall .ydt-faq .pannel-main dl dt{font-weight:bold;margin-bottom:4px;}
.bank-ydt .ydt-faq .pannel-main dl dd, bank-hall .ydt-faq .pannel-main dl dd { color:#666666;}

/* bank-hall.shtml(银行营业厅)
------------------------------ */
/* 银行营业厅banner */
.bank-hall .bank-hall-banner{height:245px;background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_hall_banner.jpg?v=20150112) no-repeat;text-indent:-999em;margin-bottom:13px;}
/* 营业厅介绍 */
.bank-hall .hall-descrip .pannel-main{padding:28px 48px;border-bottom-width:4px;}
.bank-hall .hall-descrip dl{padding-left:34px;}
.bank-hall .hall-descrip dd{font-size:14px;font-family:"Microsoft YaHei";font-weight:bold; color:#666666;}

/* bank-ydt.shtml(快捷支付)
------------------------------ */
/* 快捷支付banner */
.bank-ydt .bank-ydt-banner{height:245px;background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_ydt_banner.jpg?v=20131022) no-repeat;position:relative;margin-bottom:44px;}
.bank-ydt .bank-ydt-banner p {text-indent:-999em;}
.bank-ydt .bank-ydt-banner .btn-openfastpay{width:192px;height:50px;display:block;position:absolute;left:82px;top:154px;text-indent:-999em;}
/* 支付方式大比拼 */
.paystyle-tradition .paystyle-tradition-title h3, .paystyle-fastpay .paystyle-fastpay-title h3{overflow:hidden;margin:0 auto;width:150px;height:40px}
.bank-ydt .paystyle-pk .pannel-main .paystyle-tradition, .bank-ydt .paystyle-pk .pannel-main .paystyle-fastpay{width:496px;float:left;display:inline;}
.bank-ydt .paystyle-pk .pannel-main .paystyle-tradition .paystyle-tradition-title{width:496px;height:52px;line-height:52px;text-align:center;text-indent:-999em;overflow:hidden;padding-top:13px;}
.bank-ydt .paystyle-pk .pannel-main .paystyle-fastpay{width:497px;float:right;}
.bank-ydt .paystyle-pk .pannel-main .paystyle-fastpay .paystyle-fastpay-title{height:60px;position:relative;height:52px;line-height:52px;text-align:center;text-indent:-999em;overflow:hidden;padding-top:13px;}
.bank-ydt .paystyle-pk .pannel-main .paystyle-tradition{border-right:1px solid #E2E2E2;}
.bank-ydt .paystyle-pk .pannel-main ul li{border-top:1px solid #E2E2E2;padding:23px 50px 23px 62px;position:relative;}
.bank-ydt .paystyle-pk .pannel-main .paystyle-fastpay ul li{padding-left:96px}
.bank-ydt .paystyle-pk .pannel-main ul li.odd{background:#F5F5F5;}
.bank-ydt .paystyle-pk .pannel-main ul li .ico{width:91px;height:91px;float:left;}
.bank-ydt .paystyle-pk .pannel-main ul li dl{padding-left:14px;font-family:"Microsoft YaHei";color:#B4B4B4;}
.bank-ydt .paystyle-pk .pannel-main ul li dl dt{height:18px;text-indent:-999em;margin:10px 0 12px;}
.bank-ydt .paystyle-pk .pannel-main ul li dl dd{font-size:15px;}
.bank-ydt .paystyle-pk .pannel-main li .ico-paystyle-pk{width:78px;height:42px;position:absolute;left:-39px !important;left:-135px;top:44px;z-index:10;}
/* 专享特权 最新活动 */
.bank-ydt .ydt-right-active{padding:0;}
/* 专享特权 */
.bank-ydt .ydt-right-active .ydt-right{width:692px;float:left;}
.bank-ydt .ydt-right-active .ydt-right .pannel-main{width:692px;height:252px;background:url(https://img.tenpay.com/v2/res/tenpay_v2/img/bank/bank_ydt_right.jpg?v=20140108) no-repeat;text-indent:-999em;}
.bank-ydt .ydt-right-active .ydt-right .pannel-main a{width:230px;height:253px;display:block;float:left;margin-left:231px;_display:inline;}
/* 最新活动 */
.bank-ydt .ydt-right-active .ydt-active{width:282px;float:right;}
.bank-ydt .ydt-right-active .ydt-active .pannel-main{width:280px;height:252px;}
.bank-ydt .ydt-right-active .ydt-active .pannel-main a{display:block;width:280px;height:252px;}