@charset "utf-8";
/* 1.基础样式 START	------------------------------------------ */
/* 1.1	重置样式 START	------------------------------------------ */
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, a {
    margin: 0;
    padding: 0;
}

button {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

ul, ol {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
   /* color: #0066b3;*/
    text-decoration: none;
}

    a:hover {
        color: #0066b3;
        text-decoration: none;
        cursor: pointer;
    }



input[type=button], input[type=submit], button {
    cursor: pointer;
    overflow: visible;
}
/*解决Input button padding 在IE里面不兼容问题*/
/* 1.1	重置样式 END	    ------------------------------------------ */

/* 1.2	便捷样式 START	------------------------------------------ */
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

.clear_both {
    clear: both;
}

.show {
    display: block !important;
}

.show_lb {
    display: inline-block !important;
}

/*文本 START*/
.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.vam {
    vertical-align: middle;
}

.vat {
    vertical-align: top;
}

.fs_12 {
    font-size: 12px !important;
}

.fs_14 {
    font-size: 14px !important;
}

.fs_16 {
    font-size: 16px !important;
}

.fs_18 {
    font-size: 18px !important;
}

.fc_default {
    color: black !important;
}

.fc_red {
    color: #d53739 !important;
}

.fc_blue {
    color: #0066b3 !important;
	font-size: 14px; 
}

.fc_grey {
    color: grey !important;
}

.fc_green {
    color: #45B256 !important;
}

.fc_cyan {
    color: cyan !important;
}

.fc_orange {
    color: #FFBA00 !important;
}

.fc_white {
    color: #fff !important;
}

.fw_bold {
    font-weight: bold !important;
}

.fw_normal {
    font-weight: normal !important;
}

.wordBreak { /*文字省略*/
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
/*文本 END*/

/*外边距&内边距 START*/

.mt_5 {
    margin-top: 5px !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_15 {
    margin-top: 15px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mt_40 {
    margin-top: 40px !important;
}

.mr_0 {
    margin-right: 0px !important;
}

.mr_5 {
    margin-right: 5px !important;
}

.mr_10 {
    margin-right: 10px !important;
}

.mr_15 {
    margin-right: 15px !important;
}

.mr_20 {
    margin-right: 20px !important;
}

.mr_40 {
    margin-right: 40px !important;
}

.mr_50 {
    margin-right: 50px !important;
}

.mb_0 {
    margin-bottom: 0px !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_35 {
    margin-bottom: 35px !important;
}

.mb_40 {
    margin-bottom: 40px !important;
}

.ml_0 {
    margin-left: 0px !important;
}

.ml_5 {
    margin-left: 5px !important;
}

.ml_10 {
    margin-left: 10px !important;
}

.ml_20 {
    margin-left: 20px !important;
}

.ml_35 {
    margin-left: 35px !important;
}

.ml_47 {
    margin-left: 47px !important;
}

.ml_57 {
    margin-left: 57px !important;
}

.ml_67 {
    margin-left: 67px !important;
}

.ml_87 {
    margin-left: 87px !important;
}

.ml_97 {
    margin-left: 97px !important;
}

.ml_107 {
    margin-left: 107px !important;
}

.ml_129 {
    margin-left: 129px !important;
}

.ml_145 {
    margin-left: 145px !important;
}

.ml_165 {
    margin-left: 165px !important;
}

.ml_166 {
    margin-left: 166px !important;
}

.ml_170 {
    margin-left: 170px !important;
}

.ml_180 {
    margin-left: 180px !important;
}

.ml_195 {
    margin-left: 195px !important;
}

.ml_206 {
    margin-left: 206px !important;
}

.pt_0 {
    padding-top: 0px !important;
}

.pt_5 {
    padding-top: 5px !important;
}

.pt_10 {
    padding-top: 10px !important;
}

.pt_15 {
    padding-top: 15px !important;
}

.pt_20 {
    padding-top: 20px !important;
}

.pt_25 {
    padding-top: 25px !important;
}

.pt_30 {
    padding-top: 25px !important;
}

.pt_40 {
    padding-top: 40px !important;
}

.pt_50 {
    padding-top: 50px !important;
}

.pt_52 {
    padding-top: 52px !important;
}

.pr_0 {
    padding-right: 0px !important;
}

.pr_5 {
    padding-right: 5px !important;
}

.pr_7 {
    padding-right: 7px !important;
}

.pr_10 {
    padding-right: 10px !important;
}

.pr_20 {
    padding-right: 20px !important;
}

.pr_28 {
    padding-right: 28px !important;
}

.pr_50 {
    padding-right: 50px !important;
}

.pr_52 {
    padding-right: 52px !important;
}

.pr_71 {
    padding-right: 71px !important;
}

.pr_132 {
    padding-right: 132px !important;
}

.pr_137 {
    padding-right: 137px !important;
}

.pr_140 {
    padding-right: 140px !important;
}

.pr_145 {
    padding-right: 145px !important;
}

.pr_150 {
    padding-right: 150px !important;
}

.pr_156 {
    padding-right: 156px !important;
}

.pr_163 {
    padding-right: 163px !important;
}

.pr_168 {
    padding-right: 168px !important;
}

.pr_177 {
    padding-right: 177px !important;
}

.pr_196 {
    padding-right: 196px !important;
}

.pr_210 {
    padding-right: 210px !important;
}

.pr_241 {
    padding-right: 241px !important;
}

.pb_0 {
    padding-bottom: 0px !important;
}

.pb_5 {
    padding-bottom: 5px !important;
}

.pb_10 {
    padding-bottom: 10px !important;
}

.pb_15 {
    padding-bottom: 15px !important;
}

.pb_20 {
    padding-bottom: 20px !important;
}

.pb_40 {
    padding-bottom: 40px !important;
}

.pl_0 {
    padding-left: 0px !important;
}

.pl_5 {
    padding-left: 5px !important;
}

.pl_7 {
    padding-left: 7px !important;
}

.pl_10 {
    padding-left: 10px !important;
}

.pl_20 {
    padding-left: 20px !important;
}

.pl_28 {
    padding-left: 28px !important;
}

.pl_50 {
    padding-left: 50px !important;
}

.pl_52 {
    padding-left: 52px !important;
}

.pl_71 {
    padding-left: 71px !important;
}

.pl_14 {
    padding-left: 14px !important;
}

.pl_16 {
    padding-left: 16px !important;
}

.pl_20 {
    padding-left: 20px !important;
}

.pl_33 {
    padding-left: 33px !important;
}

.pl_85 {
    padding-left: 85px !important;
}

.pl_202 {
    padding-left: 202px !important;
}

.p_x2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
/*外边距&内边距 END*/

.width_10 {
    width: 10px !important;
}

.width_30 {
    width: 30px !important;
}

.width_50 {
    width: 50px !important;
}

.width_60 {
    width: 60px !important;
}

.width_70 {
    width: 70px !important;
}

.width_80 {
    width: 80px !important;
}

.width_90 {
    width: 90px !important;
}

.width_100 {
    width: 100px !important;
}

.width_131 {
    width: 131px !important;
}

.width_150 {
    width: 150px !important;
}

.width_172 {
    width: 172px !important;
}

.width_179 {
    width: 179px !important;
}

.width_190 {
    width: 190px !important;
}

.width_195 {
    width: 195px !important;
}

.width_200 {
    width: 200px !important;
}

.width_207 {
    width: 207px !important;
}

.width_216 {
    width: 216px !important;
}

.width_230 {
    width: 230px !important;
}

.width_400 {
    width: 400px !important;
}

.width_606 {
    width: 606px !important;
}

.width_700 {
    width: 700px !important;
}

.width_730 {
    width: 730px !important;
}

.width_750 {
    width: 750px !important;
}

.height_10 {
    height: 10px !important;
}

.height_30 {
    height: 30px !important;
}

.height_50 {
    height: 50px !important;
}

.height_60 {
    height: 60px !important;
}

.height_70 {
    height: 70px !important;
}

.height_80 {
    height: 80px !important;
}

.height_90 {
    height: 90px !important;
}

.height_100 {
    height: 100px !important;
}

.height_131 {
    height: 131px !important;
}

.height_150 {
    height: 150px !important;
}

.height_172 {
    height: 172px !important;
}

.height_179 {
    height: 179px !important;
}

.height_190 {
    height: 190px !important;
}

.height_195 {
    height: 195px !important;
}

.height_200 {
    height: 200px !important;
}

.height_207 {
    height: 207px !important;
}

.height_216 {
    height: 216px !important;
}

.height_400 {
    height: 400px !important;
}

.height_450 {
    height: 450px !important;
}

.height_606 {
    height: 606px !important;
}

.min-width_10 {
    min-width: 10px !important;
}

.min-width_30 {
    min-width: 30px !important;
}

.min-width_50 {
    min-width: 50px !important;
}

.min-width_60 {
    min-width: 60px !important;
}

.min-width_70 {
    min-width: 70px !important;
}

.min-width_80 {
    min-width: 80px !important;
}

.min-width_90 {
    min-width: 90px !important;
}

.min-width_100 {
    min-width: 100px !important;
}

.min-width_131 {
    min-width: 131px !important;
}

.min-width_150 {
    min-width: 150px !important;
}

.min-width_172 {
    min-width: 172px !important;
}

.min-width_179 {
    min-width: 179px !important;
}

.min-width_190 {
    min-width: 190px !important;
}

.min-width_195 {
    min-width: 195px !important;
}

.min-width_200 {
    min-width: 200px !important;
}



.mouse_pointer {
    cursor: pointer !important;
}

.mouse_not-allowed {
    cursor:not-allowed !important;
}

.mouse_default {
    cursor:default !important;
}

.tl_aln {
    text-align: left !important;
}

.tc_aln {
    text-align: center !important;
}

.tr_aln {
    text-align: right !important;
}


.pos_rel {
    position: relative;
}

.pos_fix {
    position: fixed;
}

.pos_abs {
    position: absolute;
}

.ccb_mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) repeat;
}

.ccb_mask1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) repeat;
}

.bg_blue,
.bg_orange {
    color: #fff;
}

.bg_blue {
    background: #0088cc;
}

.bg_orange {
    background: #EF8C34;
}

/*图标 START*/
[class*=icon_16_] {
    display: inline-block;
    width: auto;
    padding-left: 20px;
    height: 16px;
    line-height: 16px;
    font-style: normal;
    vertical-align: middle;
}

.icon_16_user_w {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.icon_16_bank {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.icon_16_edit {
    cursor: pointer;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.icon_16_check {
    cursor: pointer;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.icon_16_close {
    cursor: pointer;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.icon_16_close_w {
    cursor: pointer;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.icon_16_delete {
    cursor: pointer;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0 0;
}

    .icon_16_delete:hover {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0 -16px;
    }

.icon_16_new {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left;
    width: 22px;
    padding-left: 0;
}

.icon_16_set {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left;
}

.icon_16_set_cyan {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left;
}

.icon_16_plane {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left;
}

.icon_16_house {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left;
}

.icon_16_love {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left;
}

.icon_16_info {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    padding-left: 16px;
}

[class*=icon_24_] {
    display: inline-block;
    width: auto;
    padding-left: 30px;
    height: 24px;
    line-height: 24px;
    font-style: normal;
    vertical-align: middle;
}

.icon_24_close {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0 0;
    padding-left: 24px;
    cursor: pointer;
}

    .icon_24_close:hover {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0 -24px;
    }

[class*=icon_65_] {
    display: inline-block;
    width: 65px;
    height: 65px;
}

.icon_65_aask {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_dhhz {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_dqck {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_gjs {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_grxjgl {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_grzd {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_gzdcx {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_jfzf {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_jj {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_khzjgj {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_lccp {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_plzz {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_sysy {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_whjh {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_wyzz {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_jfjl {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_xykhk {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_zdcx {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_zhcx {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

.icon_65_zhgl {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 0px;
}

[class*=icon_65_]:hover {
    background-position: 0 -65px;
}

[class*=icon_65_].hover {
    background-position: 0 -65px;
}

/*加减按钮 start*/
.icon_30_add {
    width: 28px;
    height: 28px;
    background: url("http://www.ccb.com/cn/home/v3/images/tp.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

    .icon_30_add:hover {
        background: url("http://www.ccb.com/cn/home/v3/images/tp.png") no-repeat;
    }

.icon_30_decrease {
    width: 28px;
    height: 28px;
    background: url("http://www.ccb.com/cn/home/v3/images/tp.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

    .icon_30_decrease:hover {
        background: url("http://www.ccb.com/cn/home/v3/images/tp.png") no-repeat;
    }

.pbd_add {
    display: inline-block;
    width: 298px;
    height: 28px;
    border: 1px solid #0066b3;
    position: relative;
    line-height: 28px;
}

    .pbd_add > span {
        display: block;
        height: 28px;
        line-height: 28px;
        padding: 0px 36px;
        /*color: #aaa;*/
        font-size: 12px;
    }
/*加减按钮 end*/
/*图标 END*/
/* 1.2 便捷样式 END	    ------------------------------------------ */


.contain {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 60px;
}

._border_bottom {
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
}

/*--重写a标签的颜色--*/
.a_font {
    color: #0066B3;
}

.a_hide {
    display: none;
}
.pbd_input_new {
  width: 262px;
  height: 20px;
  line-height: 20px;
  padding: 4px 25px 4px 9px;
  border: 1px #0066B3 solid;
  
}

/*1.3外框样式   START*/
.border_box {
    border: 1px solid #d8d8d8;
    position: relative;
}

    .border_box .border_shadow {
        width: 100%;
        height: 4px;
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat center top;
        overflow: hidden;
        line-height: 0;
        font-size: 0;
        display: block;
        position: absolute;
        left: 0;
        bottom: -5px;
    }
/*1.3 外框样式  END*/
/* 1 基础样式 END	    ------------------------------------------ */


/* 2 公共栏位 START	   如导航、主内容区、侧栏  */
/*2.1导航条 START*/
.breadCrumb {
    width: 960px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
}

    .breadCrumb a {
        color: #0088cc;
    }

.Current {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left center;
    line-height: 33px;
    height: 33px;
    padding-left: 18px;
    font-size: 14px;
    color: #c6c6c6;
    margin: 10px auto;
    width: 940px;
}

    .Current a {
        color: #999;
        margin: 0 5px;
        text-decoration: inherit;
    }

    .Current span {
        color: #999;
        margin-left: 5px;
    }

    .Current a:hover {
        color: #288add;
    }
/*2.1导航条 END*/

/*2.2主内容区 START*/
#pmain {
    width: 960px;
    /*overflow:hidden;*/
    padding-bottom: 60px;
    position: relative;
}

#pbd {
    width: 960px;
    margin: 0 auto;
    min-height: 270px;
}
/*2.2主内容区 END*/

/* 2 公共栏位 END	    ------------------------------------------ */





/* 3 交易样式 START	    ------------------------------------------ */

/*3.1 交易标题 START*/
/*主标题-样式1：*/
.pbd_h2_txt {
    width: 940px;
    height: 44px;
    line-height: 44px;
    padding: 0px 0px 0px 20px;
    border-bottom: solid 1px #D8D8D8;
}

.pbd_h3_txt {
    width: 640px;
    height: 44px;
    line-height: 44px;
    padding: 0px 0px 0px 20px;
    border-bottom: solid 1px #D8D8D8;
}
/*主标题-样式2：*/
.F_title {
    background: #fcfcfc;
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #d8d8d8;
    color: #3f3f3f;
    font-size: 18px;
    padding-left: 20px;
}

    .F_title span {
        display: inline-block;
    }

    .F_title a.more {
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 0;
        color: #0066b3;
    }
/*二级标题*/
.in_title {
    padding: 15px 10px;
}

    .in_title span {
        border-left: 3px solid #dadada;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #666;
        padding-left: 15px;
    }
/*三级标题*/
.pbd_title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #ddd solid;
    font-size: 14px;
    padding: 0 20px;
    background: #FCFCFC;
}

    .pbd_title h2 {
        font-weight: normal;
        font-size: 14px;
    }
/*步骤标题-有分割线*/
.pbd_table_step_title {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 200;
    margin: 8px 12px;
    background: url(../images/line_span.png);
    background-repeat: repeat-x;
    background-position: left center;
}

    .pbd_table_step_title h3 {
        padding: 0px 3px;
        background-color:white;
        display:inline-block;
    }
/*步骤标题-无分割线*/
.pbd_table_step_title_no_line {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    margin: 8px 10px;
}

.pbd_table_form {
    width: 100%;
}

    .pbd_table_form tbody tr td {
        text-align: left;
        padding: 9px 0;
    }

    .pbd_table_form tbody tr .first_td {
        text-align: right;
        width: 75px;
        padding-top: 12px;
    }

    .pbd_table_form tbody tr .second_td {
        width: 110px;
        padding: 9px 10px 9px 10px;
    }

    .pbd_table_form tbody tr .third_td {
        width: 348px;
    }

    .pbd_table_form_btns_div {
        padding-left: 215px;
        margin-top:20px;
        margin-bottom:40px;
    }

     .pbd_table_form_btns_div .btn ,.pbd_table_form_btns_div .btn_disabled {
        margin-right:24px
    }

.pbd_table_form_tip {
    width: 300px;
    padding-left: 20px;
    color: #B6B6B6;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0 1px;
}
/*3.1 交易标题 END*/


/*3.2 流程引导 START*/
.pbd_step {
    padding: 18px 12px;
    border-bottom: 1px #ddd solid;
    margin-bottom: 20px;
    height: 30px;
}

.pbd_step_item {
    height: 20px;
    line-height: 20px;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    float: left;
}

    .pbd_step_item em,
    .pbd_step_item span,
    .pbd_step_item i {
        display: inline-block;
        vertical-align: top;
    }
    .pbd_step_item i.on {
        font-size: 16px;
    }

    .pbd_step_item em {
        width: 20px;
        height: 20px;
        background-image: url(http://www.ccb.com/cn/home/v3/images/tp.png);
    }

    .pbd_step_item span {
        margin-left: 6px;
        color: #999999;
    }

    .pbd_step_item.on span {
        color: #0066B3;
        font-size: 16px;
    }

    .pbd_step_item i {
        width: 20px;
        height: 20px;
        margin: 0px 20px;
    }

.pbd_step_1 em {
    background-position: 0px 0px;
}

.pbd_step_2 em {
    background-position: 0px -20px;
}

.pbd_step_3 em {
    background-position: 0px -40px;
}

.pbd_step_4 em {
    background-position: 0px -60px;
}

.pbd_step_5 em {
    background-position: 0px -80px;
}

.pbd_step_6 em {
    background-position: 0px -100px;
}

.pbd_step_7 em {
    background-position: 0px -120px;
}

.pbd_step_8 em {
    background-position: 0px -140px;
}

.pbd_step_1.on em {
    background-position: -20px 0px;
}

.pbd_step_2.on em {
    background-position: -20px -20px;
}

.pbd_step_3.on em {
    background-position: -20px -40px;
}

.pbd_step_4.on em {
    background-position: -20px -60px;
}

.pbd_step_5.on em {
    background-position: -20px -80px;
}

.pbd_step_6.on em {
    background-position: -20px -100px;
}

.pbd_step_7.on em {
    background-position: -20px -120px;
}

.pbd_step_8.on em {
    background-position: -20px -140px;
}

.pbd_step_item .arrow {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px -180px;
}

.pbd_step_item .more {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat -20px -180px;
}
/*3.2 流程引导 END*/

/*3.2 交易流程特性 START */
.pbd_txSpescial1 {
    float: left;
    width: 840px;
}

.pbd_txSpescial2 {
    float: left;
    width: 118px;
    border-bottom: 1px solid #d8d8d8;

}

.u24_normal {
    /*background: #ffffff url(http://www.ccb.com/cn/home/v3/images/tp.png) left no-repeat;*/
    padding-left: 30px;
    float: right;
    height: 66px;
    float: right;
}

    .u24_normal ul {
        padding: 0px;
        margin: 0px;
        display:none;
    }

        .u24_normal ul li {
            float: left;
            list-style: none;
            width: 40px;
            height: 40px;
            margin: 11px 5px;
        }

.teXing_icon1 {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) 0px 0px no-repeat;
}

.teXing_icon2 {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) 0px -40px no-repeat;
}

.teXing_icon3 {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) 0px -80px no-repeat;
}

.teXing_icon4 {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) 0px -120px no-repeat;
}

.teXing_icon5 {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) 0px -160px no-repeat;
}

.teXing_icon1:hover {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) -40px 0px no-repeat;
}

.teXing_icon2:hover {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) -40px -40px no-repeat;
}

.teXing_icon3:hover {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) -40px -80px no-repeat;
}

.teXing_icon4:hover {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) -40px -120px no-repeat;
}

.teXing_icon5:hover {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) -40px -160px no-repeat;
}
/*3.2 交易流程特性 END*/

/*3.3 标签选项-一般 START*/
.cut {
    background: #fcfcfc;
    padding: 0 10px;
}
/*padding:0 5px;  边距加大*/

.m_index_tab {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
}

    .m_index_tab li {
        float: left;
        padding: 0 10px;
        height: 49px;
        line-height: 49px;
        color: #333;
        text-align: center;
        font-size: 16px;
        cursor: pointer;
        position: relative;
    }

        .m_index_tab li.on {
            height: 46px;
            line-height: 46px;
            color: #288add;
            border-bottom: #288add solid 3px;
            margin-top: 1px;
        }

.m_hide {
    display: none !important;
}
/*3.3 标签选项-一般 END*/


/*3.4 标签选项-图标列表切换 START*/
.m_sort_box {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
    display: inline-block;
}

.list_view_change {
    float: left;
    width: 194px;
    height: 27px;
    border: 1px solid #0364b3;
    display: inline-block;
    margin-left: 10px;
}

    .list_view_change a {
        float: left;
        width: 97px;
        height: 27px;
        display: inline-block;
        font-size: 14px;
        color: #0364b3;
        line-height: 25px;
    }

        .list_view_change a.on {
            background: #0364b3;
            color: #fff;
        }

    .list_view_change .on .list_view_list {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left top;
    }

.list_view_list {
    margin-left: 6px;
    margin-top: 7px;
    float: left;
    height: 14px;
    width: 16px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left -21px;
    margin-right: 8px;
    display: inline-block;
}

.list_view_change .on .list_view_list {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left top;
}

.list_view_change a:hover {
    text-decoration: none;
}

.list_view_square {
    margin-left: 6px;
    margin-top: 6px;
    float: left;
    height: 16px;
    width: 16px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left -74px;
    margin-right: 8px;
}

.list_view_change .on .list_view_square {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left -45px;
}
/*3.4 标签选项-图标列表切换 END*/

/* 3 交易样式 END	    ------------------------------------------ */

/* 4 输入域 START	    ------------------------------------------ */

/*4.1 按钮2-超链接式按钮*/
.btn{
	display:inline-block;
	min-width:56px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	border:none;
	background:#0066B3;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
	outline:none;
    cursor: pointer;
    padding-left:12px;
    padding-right:12px;
}


    .btn:hover {
        text-decoration: none;
        color: #fff;
        background: #2A83C7;
    }


.btn_blue {
    background: #0066B3;
}

    .btn_blue:hover {
        background: #2A83C7;
    }

.btn_grey {
    background: #4C9DD9;
}

    .btn_grey:hover {
        background: #5fafea;
    }

.btn_disabled {
    display: inline-block;
    min-width:56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    outline: none;
    background: #ccc;
    cursor: pointer;
    padding-left:12px;
    padding-right:12px;
}

    .btn_disabled:hover {
        background: #ccc !important;
    }

.btn_add {
    display: inline-block;
    min-width:56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border: none;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 15px center #0066b3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    outline: none;
    right: 10px;
    top: 15px;
    padding-left:12px;
    padding-right:12px;
}

    .btn_add:hover {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 15px center #2A83C7;
        text-decoration: none;
        color: #fff;
    }

.btn_add_disabled {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 15px center #ccc;
    cursor: pointer;
}

    .btn_add_disabled:hover {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 15px center #ccc !important;
    }


input.btn, input.btn_add, input.btn_disabled {
    min-width:80px;
}



/*4.2 输入框*/
.pbd_input {
    width: 280px;
    height: 20px;
    line-height: 20px;
    padding: 4px 9px;
    border: 1px #0066B3 solid;
}
/*4.2 文本框文字消失*/
.width_div {
    position: relative;
    display: inline-block;
}

    .width_div .hidespan {
        position: absolute;
        line-height: 20px;
        left: 5px;
        top: 4px;
        color: #BCBCBC;
        cursor: text;
    }


/*4.3 文本输入域*/
.pbd_textarea {
    width: 280px;
    height: 90px;
    padding: 4px 9px;
    border: 1px #0066B3 solid;
    resize: none;
}

/*4.4 复选框*/
.pbd_radio {
    margin-right: 15px;
}

    .pbd_radio input {
        vertical-align: middle;
        margin-right: 6px;
    }

    .pbd_radio span {
        vertical-align: text-top;
    }

.pbd_radio_group {
    width: 310px;
    margin-top: -9px;
}

.pbd_radio_item {
    display: block;
    width: 92px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    float: left;
    border: 1px #999 solid;
    margin-right: 9px;
    margin-top: 9px;
    cursor: pointer;
}

    .pbd_radio_item:hover {
        border-color: #0066B3;
    }

    .pbd_radio_item.on {
        color: #fff;
        border-color: #0066B3;
        background-color: #0066B3;
    }

/*4.5 复选框*/
.pbd_checkbox {
    margin-right: 15px;
}

    .pbd_checkbox input {
        vertical-align: middle;
        margin-right: 5px;
        cursor: pointer;
    }

    .pbd_checkbox span {
        vertical-align: text-top;
    }

/*4.6.1 下拉框--ul+li实现*/
.pbd_select {
    display: inline-block;
    width: 298px;
    height: 28px;
    border: 1px solid #0066b3;
    position: relative;
    z-index: 1;
}

    .pbd_select p {
        padding-right: 28px;
        height: 28px;
        line-height: 28px;
        background: url(../images/icon_down.png) no-repeat right center;
        cursor: pointer;
        overflow: hidden;
    }

    .pbd_select span {
        display: block;
        height: 28px;
        line-height: 28px;
        padding: 0px 6px;
        /*color: #aaa;*/
        font-size: 14px;
        background-color: #fff;
    }

    .pbd_select ul {
        border: 1px solid #0066b3;
        border-top: 0;
        width: 100%;
        position: absolute;
        left: -1px;
        top: 29px;
        background: #fff;
        display: none;
        box-shadow: 1px 1px 3px #d4d4d4;
        -moz-box-shadow: 1px 1px 3px #d4d4d4;
        -ms-box-shadow: 1px 1px 3px #d4d4d4;
        -o-box-shadow: 1px 1px 3px #d4d4d4;
        -webkit-box-shadow: 1px 1px 3px #d4d4d4;
    }

        .pbd_select ul li {
            display: block;
            padding-left: 6px;
            line-height: 28px;
            cursor: pointer;
        }

            .pbd_select ul li:hover {
                background: #ededed;
            }

/*4.6.2 下拉框--select实现*/
.pbd_selectCtrl {
    display: inline-block;
    width: 298px;
    height: 28px;
    border: 1px solid #0066b3;
    position: relative;
    z-index: 1;
    background: url(../images/icon_down.png) no-repeat 270px center;
}

    .pbd_selectCtrl:hover {
        text-decoration: none;
        color: #3f3f3f;
    }

    .pbd_selectCtrl .cur_select {
        position: absolute;
        display: block;
        width: 262px;
        height: 28px;
        line-height: 28px;

        text-indent: 5px;
        /*padding-right: 11px;*/
        overflow:hidden;
    }

    .pbd_selectCtrl .btn_select {
        position: absolute;
        top: 0;
        left: 0;
        width: 298px;
        height: 28px;
        opacity: 0;
        filter: alpha(opacity: 0);
        font: 14px/20px "Microsoft YaHei";
    }

/*表单边距*/
.pbd_table_form_padding {
    padding-left:12px;
    padding-right:12px;
}

/*查询页面-查询组件区边距*/
.pbd_table_qform_padding {
    padding-left:12px;
    padding-right:12px;
    margin-bottom:20px;
}



/*4.7 日历输入*/
.pbd_date_group {
    width: 320px;
}

.pbd_date_item {
    position: relative;
    float: left;
    margin-right: 9px;
}

.pbd_date_input_280 {
    width: 280px !important;
}

.pbd_date_input {
    width: 125px;
    height: 28px;
    line-height: 28px;
    border: 1px #0066B3 solid;
    padding: 0 9px;
}

    .pbd_date_input::-ms-clear {
        display: none;
    }

.calendar {
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
    display: none;
    border: 2px solid #5baeec;
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #fff;
    font-family: arial;
    margin-top: 2px;
    z-index:1000;
}

    .calendar table {
        font-size: 12px;
        color: #000;
        cursor: default;
        background: #fff;
        font-family: tahoma,verdana,sans-serif;
    }

    .calendar .button {
        text-align: center;
        padding: 1px;
    }

    .calendar thead .title {
        padding: 1px;
        color: #000;
        text-align: center;
        cursor: pointer;
    }

    .calendar thead .headrow {
    }

    .calendar thead .daynames {
    }

    .calendar thead .name {
        padding: 2px;
        text-align: center;
        background: #5baeec;
        color: #fff;
    }

    .calendar thead .weekend {
        color: #f00;
        color: #fff;
    }

    .calendar thead .hilite {
        padding: 0px;
        cursor: pointer;
    }

    .calendar thead .active {
        background: #b8c0c4;
    }

    .calendar tbody .day {
        width: 2em;
        text-align: center;
        padding: 2px 4px 2px 2px;
    }

    .calendar table .wn {
        padding: 2px 3px 2px 2px;
        border-right: 1px solid #000;
        background: #e8f4f0;
    }

    .calendar tbody .rowhilite td {
    }

        .calendar tbody .rowhilite td.wn {
            background: #c8d4d0;
        }

    .calendar tbody td.hilite {
        font-weight: bold;
        padding: 2px 2px 0px 2px;
        border-color: #fff;
        background: #5baeec;
        color: #fff;
    }

    .calendar tbody td.active {
        padding: 1px 1px 0px 1px;
        border: 1px solid;
        border-color: #000 #fff #fff #000;
    }

    .calendar tbody td.selected {
        font-weight: bold;
        padding: 2px 2px 0px 2px;
        border-color: #fff #fff #fff #fff;
        background: #5baeec;
        color: #fff;
    }

    .calendar tbody td.weekend {
    }

    .calendar tbody td.today {
        font-weight: bold;
    }

    .calendar tbody .disabled {
        color: #999;
    }

    .calendar tbody .emptycell {
        visibility: hidden;
    }

    .calendar tbody .emptyrow {
        display: none;
    }

    .calendar tfoot .footrow {
    }

    .calendar tfoot .ttip {
        background: #fff;
        padding: 1px;
        background: #788084;
        background: #fff;
        color: #000;
        text-align: center;
    }

    .calendar tfoot .hilite {
        border-top: 1px solid #fff;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #fff;
        padding: 1px;
        background: #d8e0e4;
    }

    .calendar tfoot .active {
        padding: 2px 0px 0px 2px;
        border-top: 1px solid #000;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #000;
    }

.combo {
    position: absolute;
    display: none;
    width: 4em;
    top: 0px;
    left: 0px;
    cursor: default;
    background: #ffffff;
    font-size: smaller;
    padding: 1px;
    border:1px solid #1693f0;
}

    .combo .label {
        text-align: center;
        padding: 1px;
        font-size: 12px;
    }

    .combo .active {
        background: #5baeec;
        font-weight: bold;
        color: #fff;
        padding: 1px;
    }

    .combo .hilite {
        background: #5baeec;
        color: #fff;
    }

.calendar tbody td {
    padding: 1px 3px 1px 1px;
    border: 1px solid #fff;
    cursor: pointer;
}

.calendar thead td {
    border: 1px solid #ffff;
    background-color: #fff;
    padding: 1px;
}

.calendar .button.hilite {
    text-align: center;
    padding: 1px;
}

.calendar_yprev {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.calendar_ynext {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.calendar_mprev {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.calendar_mnext {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.calendar_close {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.pbd_date_icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}

/* 4 输入域 END	    ------------------------------------------ */

/* 5 表格列表 START	    ------------------------------------------ */
/*5.1 表格-通用属性 start*/
.one_lines_table {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.one_lines_table th {
    background: #dddddd;
    height: 60px;
    font-size: 14px;
    color: #3f3f3f;
    font-weight: normal;
    text-align: center;
}

.one_lines_table td {
    height: 54px;
    font-size: 14px;
    color: #3f3f3f;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.one_lines_table .td_op_a {
    display: inline-block;
    color: #0066b3;
    font-size: 14px;
    margin: 0 3px;
}

.trbg {
    background: #f9f9f9;
}

.td_op_a {
    display: inline-block;
    color: #0066b3;
    font-size: 14px;
    margin: 0 6px;
}

/*5.1表格-通用属性 end*/

/*5.2.1 表格折叠--加号 start*/
.fold_show_plus {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    padding-left: 8px;
}

.fold_hide_plus {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    padding-left: 8px;
}
/*5.2.1 表格折叠--加号 end*/

/*5.2.2 表格折叠--箭头 start*/
.tab_tr {
    display: block;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding-bottom: 5px;
}

    .tab_tr span {
        float: left;
        display: inline-block;
        margin: 0px 0px 0px 40px;
        cursor: pointer;
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 3px 10px;
        width: 20px;
    }

.one_lines_table .tab_tr_td {
    text-align: left;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
}

.one_lines_table span.close_btn {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 3px -20px;
}
/*5.2.2 表格折叠--箭头 start*/

/*5.3 表格排序 start*/
.one_lines_table th .up_sort {
    display: inline-block;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat right 1px;
    padding-right: 12px;
    cursor:pointer;
}

.one_lines_table th .down_sort {
    display: inline-block;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat right -39px;
    padding-right: 12px;
    cursor:pointer;
}

.one_lines_table th .def_sort{
    display: inline-block;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat right -78px;
    padding-right: 12px;
    cursor:pointer;
}
/*5.3 表格排序 end*/




/*5.4 横排表格 start*/
.four_column_table_padLR { /*四列表单 end*/
    padding: 0px 10px 30px;
}

.four_column_table {
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

    .four_column_table tbody th {
        text-align: left;
        padding-left: 10px;
        background-color: #eeeeee;
        width: 17%;
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        border-bottom:0px;
    }

    .four_column_table tbody td {
        text-align: left;
        padding-left: 10px;
        width: 30%;
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        border-bottom:0px;
    }
/*5.4 横排表格 end*/


/*5.5 分页 START*/
.page_bottom {
    margin-bottom: 20px;
}

.page_padRight {
    padding: 0 20px !important; /*根据左右边距不同而设定*/
}

.page {
    height: 22px;
    margin-top: 12px;
    padding: 0 10px;
}

    .page span {
        float: right;
        padding: 0px 0px;
        text-align: center;
        cursor: pointer;
        line-height: 22px;
    }

.page_total {
    display: inline-block;
    margin: 0 5px;
}



.page ul {
    display: inline-block;
    padding-left: 20px;
    float: right;
    margin-top: 3px;
}

    .page ul li {
        float: right;
        width: 16px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        text-align: center;
        cursor: pointer;
        margin-right: 15px;
    }

.page span input {
    width: 40px;
    height: 18px;
    text-align: center;
    margin: 0px 2px;
}

.page ul li:hover {
    background-color: #0066b1;
    color: #FFFFFF;
}

.page_currten {
    background-color: #0066b1;
    color: #FFFFFF;
}

/*===============以下是已改造后的翻页样式=============*/
.page_active {
    background-color: #0066B1;
    /*width: 20px;*/
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    display: block;
    font-style: normal;
    text-align: center;
    color: #fff !important;
}

.page_next,.page_prev {
   padding: 0 12px;
}

.pageCtrl a {
    color: #444;
    font: 14px/20px "微软雅黑";
    margin: 0 12px;
    display: block;
    float: left;
    text-decoration: none;
}

.pageCtrl li {
    list-style: none;
     float: left;
}

/*.pageCtrl {width:360px;}*/


/*5.5 分页 END*/

/*5.6.1 选项卡 START*/
.cardbox {
    position: relative;
    overflow: hidden;
    /*padding: 0 30px;*/
    margin-top: 1px;
}

.card_list {
    width: 100%;
    height: 170px;
    overflow: hidden;
    position: relative;
}

    .card_list .mar_left {
        margin-left: 27px !important;
    }

.customization {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .customization li {
        float: left;
        padding: 35px 49px 0 0;
        /*display: inline-block;*/ /*隐藏其他样式隐藏 ，所以注释*/
        width: 100px;
        cursor: pointer;
        background-color: #fff;
    }

    .customization div {
        height: 127px;
        text-align: center;
        float: left;
    }

        .customization div span {
            font-size: 14px;
            font-weight: bold;
            margin-top: 15px;
            display: inline-block;
            width: 100%;
        }

        .customization div p {
            margin-top: 3px;
        }

.prev {
    display: inline-block;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 1px -79px #ececec;
    width: 28px;
    height: 41px;
    position: absolute;
    left: 4px;
    top: 65px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}

    .prev:hover {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 1px -119px #ececec;
    }

.next {
    display: inline-block;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 1px 1px #ececec;
    width: 28px;
    height: 41px;
    position: absolute;
    right: 4px;
    top: 65px;
    -webkit-border-radius: 3px;
    cursor: pointer;
}

    .next:hover {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 1px -39px #ececec;
    }
/*5.6.1 选项卡 END*/

/*5.6.2 选项卡 START*/
.slideCardBox_pre, .slideCardBox_next {
    width: 26px;
    height: 40px;
    background-image: url("http://www.ccb.com/cn/home/v3/images/tp.png");
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 1;
}

.slideCardBox_pre {
    left: 0;
    background-position: 2px 0;
}

.slideCardBox_next {
    right: 0;
    background-position: 0 -80px;
}

.slideCardBox_pre:hover {
    background-position: 2px -40px;
}

.slideCardBox_next1:hover {
    background-position: 0 -120px;
}


/*5.6.2 选项卡 END*/

/*5.7表单-操作区 START*/
.pbd_operation_margin_none {
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.pbd_operation {
    margin-left: 205px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pbd_operation_std {
    margin-bottom: 40px;
    text-align:center;
    padding-left:24px;
}

    .pbd_operation_std .btn,.pbd_operation_std .btn_disabled{
        margin-right: 24px;
    }
/*5.7 表单-操作区 END*/


/* 5 表格列表 END	    ------------------------------------------ */


/* 6 文字与提示信息 START	    ------------------------------------------ */
/*6.1文字 START*/
.font_money {
    font-family: Arial;
    font-weight: bold;
    color: #d62f2f;
}

.font_yahei {
    font-family: "微软雅黑";
}

.font_songti {
    font-family: "宋体";
}

.font_arial {
    font-family: Arial;
}

.font_require {
    color: #ff0000;
    font-weight: bold;
    font-family: Arial;
}

.font_blue {
    color: #0066b3;
}

.font_standardColor {
    color: #3f3f3f;
}

.font_posColor {
    color: #ff6600;
}

.font_negColor {
    color: #45b256;
}

/*6.1 文字 END*/

/*6.2 温馨提示 START*/
.pbd_tips_box {
    
    border: 1px #AAD0F2 solid;
    background: #EDF5FC;
    margin: 0px 11px 40px 11px;
    width:936px;
    padding-top:12px;
    
}

.pbd_tips_title {
    font-size: 16px;
    padding: 0px 12px;
}

.pbd_tips_inner {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 22px;
    padding: 0px 12px;
}

    .pbd_tips_inner li {
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 0px 10px;
        padding: 0px 12px;
        color: #666;
    }
/*6.2 温馨提示 END*/



/*6.3 交易结果成功页 START*/
/*交易结果背景div 成功、失败、警告页面共用*/
.pResult {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin: 0px 10px;
    position: relative;
}

    .pResult table {
        margin-left: 120px;
        line-height: 40px;
    }

    .pResult table {
        margin-left: 120px;
        line-height: 40px;
    }

        .pResult table td {
            width: 85px;
            text-align: center;
            padding-right: 20px;
        }

/*成功页面打钩图标*/
.success_icon {
    /*background: url(../images/success.png) no-repeat 30px center;
		height: 66px;
		padding: 30px 0 30px 30px;
		border-bottom: 1px solid #CCCCCC;
		border-collapse: collapse;
		background-color: #f2f2f2;*/
}

/*成功页面笑面图标*/
.laugh {
    height: 66px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 30px center;
    padding: 30px 0 30px 30px;
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-color: #f2f2f2;
}

.succeed_span {
    background: url(../images/success.png) no-repeat 30px center;
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-color: #f2f2f2;
    padding-left: 130px;
    min-height: 130px;
    display: table-cell;
    vertical-align: middle;
    width: 806px;
    height: 130px;
    line-height: 130px;
}

.succeed_mobileImg {
    position: absolute;
    top: 10px;
    right: 15px;
}

.succeed_span p {
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
    width: 550px;
    word-break: break-all;
}

.share {
    width: 50px;
    height: 15px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    display:none;
}

.share_select {
    width: 115px;
    /*height: 166px;*/
    right: -24px;
    top: 11px;
    z-index: 99;
    position: absolute;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

    .share_select li {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

        .share_select li a {
            background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 10px 3px;
            text-decoration: none;
        }

            .share_select li a span {
                padding-left: 37px;
            }

        .share_select li:hover {
            background-color: #d7d7d7;
        }

/*6.3 交易结果成功页 end*/

/*6.4 交易结果失败页 START*/
/*失败页面图标*/
.failed_icon {
    /*background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 30px center;
		height: 66px;
		padding: 30px 0 30px 30px;
		border-bottom: 1px solid #CCCCCC;
		border-collapse: collapse;
		background-color: #f2f2f2;*/
}

.failed_span {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 30px center;
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-color: #f2f2f2;
    padding-left: 130px;
    min-height: 130px;
    display: table-cell;
    vertical-align: middle;
    width: 806px;
    height: 130px;
    line-height: 130px;
}

    .failed_span p {
        font-weight: bold;
        font-size: 14px;
        line-height: 25px;
        width: 650px;
        word-break: break-all;
    }
/*6.4 交易结果失败页 end*/

/*6.5 交易结果警告页 START*/
/*警告页面图标*/
.warning_icon {
    /*
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 30px center;
    height: 66px;
    padding: 30px 0 30px 30px;
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-color: #f2f2f2;*/
}

.warning_span {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat 30px center;
    border-bottom: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-color: #f2f2f2;
    padding-left: 130px;
    min-height: 130px;
    display: table-cell;
    vertical-align: middle;
    width: 806px;
    height: 130px;
    line-height: 130px;
}

    .warning_span p {
        font-weight: bold;
        font-size: 14px;
        line-height: 25px;
        width: 650px;
        word-break: break-all;
    }
/*6.5 交易结果警告页 end*/

/*提示小图标_问号 ks yuben*/
.icon_tis {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.icon_tis_img {
    display: block;
    width: 24px;
    height: 24px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    bottom: 10px;
}

.icon_tis_pop {
    position: absolute;
    left: -134px;
    top: 28px;
    display: none;
    z-index: 99;
    text-align: left;
}

.icon_tis_bd {
    position: relative;
    width: 240px;
    color: #000;
    padding: 5px 10px 7px 10px;
    border: 1px #0066b3 solid;
    background: #e8f8fe;
}

.icon_tis:hover .icon_tis_pop {
    display: block;
}

.icon_tis_bd p {
    line-height: 20px;
}

.icon_tis_arrow {
    width: 9px;
    height: 5px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    position: absolute;
    left: 125px;
    top: -5px;
}

.icon_tis_pop a {
    color: #0066b3;
}

    .icon_tis_pop a:hover {
        color: #bb2200;
    }

.icon_tis_min {
    width: 14px;
}
/*提示小图标_问号end yuben*/

/*金额 手机 弹出浮层 start*/
.popDiv_text-magnifier {
    background: #F0F7FF;
    border: 2px solid #0066B3;
    color: #0066B3;
    height: 30px;
    position: absolute;
    font: 18px Tahoma,Helvetica,Arial,Simsun,sans-serif;
    font-weight: 700;
    top: -35px;
    left: 0px;
    word-break: keep-all;
    z-index:100;
}

.popDiv_mag-text {
    height: 30px;
    line-height: 30px;
}

.popDiv_fn-hide {
    display: none;
}
/*金额 手机 弹出浮层 end*/


/*气泡样式 开始*/
.qipao {
    height: 30px;
    position: absolute;
    left: 175px;
    top: -33px;
    max-width: 250px;
    min-width: 250px;
    z-index: 999;
}

.qipao_left {
    width: 4px;
    height: 30px;
    float: left;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png);
}

.qipao_center {
    height: 30px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) repeat-x;
    float: left;
    min-width: 170px;
    max-width: 500px;
    position: relative;
}

    .qipao_center span {
        line-height: 30px;
        padding-left: 18px;
        color: #BB2200;
        display: block;
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left center;
    }

.qipao_right {
    width: 3px;
    height: 30px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png);
    float: left;
}

.qipao_jian {
    width: 11px;
    height: 7px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png);
    position: absolute;
    left: 10px;
    top: 29px;
}


.qpao_wp {
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 30px;
    font-size: 12px;
    line-height: 20px;
}

    .qpao_wp p {
        font-weight: normal;
    }

.qpao {
    position: absolute;
    top: -40px;
}

.qpao_bd {
    position: relative;
    width: 250px;
    color: #000;
    padding: 5px 10px 7px 10px;
    border: 1px #0066b3 solid;
    background: #e8f8fe;
}

.qpao_arrow {
    position: absolute;
    width: 5px;
    height: 11px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
    left: -5px;
    top: 22px;
}

.qpao_close {
    position: absolute;
    right: 4px;
    top: -3px;
}


.danpao {
    width: 200px;
    min-height: 20px;
    line-height: 20px;
    position: absolute;
    /*right: -100px;*/
    /*bottom: 33px;*/
    border: 1px solid #0066b3;
    padding-left:10px;
    background: #e8f8fe;
    word-break: break-all;
    word-wrap: break-word;
    z-index:9999
}

    .danpao i {
        width: 11px;
        height: 5px;
        display: block;
        position: absolute;
        bottom: -5px;
        right: 180px;
        background-image: url('http://www.ccb.com/cn/home/v3/images/tp.png');
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

    .danpao i.IMGleft{
        right:auto;
        background:url('http://www.ccb.com/cn/home/v3/images/tp.png');
        left:-5px;
        width:5px;
        height:11px;
        bottom:50%;
        margin-bottom:-5px;
    }

/*气泡样式 结束*/

.mouseTipsbox {
    width: 18px;
    height: 18px;
    background: url("http://www.ccb.com/cn/home/v3/images/tp.png") no-repeat;	
    display:inline-block;		
    font-weight: normal
}

/*猜你想去*/
.RelatedTxs {
    margin-top:10px;
    margin-left:128px;
}


/*提示-弹出框 START*/
.poptis {
}

.poptis_arrow {
}

.poptis_arrow_up {
}

.poptis_arrow_down {
}

.poptis_arrow_left {
}

.poptis_arrow_right {
}

.poptis_inner {
}
/*提示-弹出框 END*/

/*提示-弹窗 START*/
.pop_win {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    background: #fff;
}

.pop_win_hd {
    height: 36px;
    position: relative;
    background: #0066b3;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;
}

    .pop_win_hd i.icon_24_close {
    }

.pop_win_bd {
    padding: 20px;
    padding-bottom: 0;
}

.pop_win_step {
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
}

.pop_win_ft {
    padding: 10px 20px;
}
/*提示-弹窗 END*/




/* 6 文字与提示信息 END	    ------------------------------------------ */

/* 7 交易组件 START	    ------------------------------------------ */
/* 7.1 交易组件-认证方式 START*/
.authGrp li {
    float: left;
}

.authGrp .auth_type {
    cursor: pointer;
    width: 54px;
    height: 52px;
    border: 1px solid #CCCCCC;
    margin: 5px 10px;
}

.authGrp .auth_type_choosed {
    cursor: pointer;
    width: 54px;
    height: 52px;
    border: 2px solid #0066b3;
    margin: 5px 10px;
}

.authGrp .authType_shield {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.authGrp .authType_sms {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.authGrp .authType_scanCode {
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.authTips {
    color: #FF9E3E;
    width: 475px;
}

.authBox_shield {
    display: none;
    width: 350px;
    position: fixed;
    left: 45%;
    top: 50%;
    margin-top: -150px;
    margin-left: -156px;
    z-index: 10000;
    background: #fff;
    border: 1px solid #CCCCCC;
}

.authBox_shieldPic {
    display: none;
    width: 350px;
    position: fixed;
    left: 45%;
    top: 50%;
    margin-top: -150px;
    margin-left: -156px;
    z-index: 10000;
    background: #fff;
    border: 1px solid #CCCCCC;
}

.authBox_shieldPic_Bg {
    width: 350px;
    height: 337px;
    background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat;
}

.authBox_shieldPic_Cf {
    width: 30px;
    height: 20px;
    position: absolute;
    left: 224px;
    top: 233px;
    cursor: pointer;
}

.authBox_sms {
    display: none;
    width: 400px;
    position: fixed;
    left: 45%;
    top: 50%;
    margin-top: -150px;
    margin-left: -156px;
    z-index: 10000;
    background: #fff;
    border: 1px solid #CCCCCC;
}

.authBox_scanCode {
    display: none;
    width: 350px;
    position: fixed;
    left: 45%;
    top: 50%;
    margin-top: -150px;
    margin-left: -156px;
    z-index: 10000;
    background: #fff;
    border: 1px solid #CCCCCC;
}

.authBox_title {
    background: #0066b3;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    padding-left: 14px;
}

    .authBox_title b.close {
        display: inline-block;
        width: 23px;
        height: 23px;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        cursor: pointer;
        float: right;
        margin-right: 10px;
        margin-top: 7px;
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left top;
    }


/* 7.1 交易组件-认证方式 END*/

/*7.2 交易组件-全屏框弹出 START*/
.popupBox {
    width: 400px;
    position: fixed;
    z-index: 10000;
    background: #fff;
    border: 1px solid #CCCCCC;
}

.popupBox_title {
    background: #0066b3;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    padding-left: 14px;
}

    .popupBox_title b.close {
        display: inline-block;
        width: 23px;
        height: 23px;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        cursor: pointer;
        float: right;
        margin-right: 10px;
        margin-top: 7px;
        background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat left top;
    }

.popupBox_tips {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    line-height: 30px;
    margin: 10px 0px;
}

.popupBox_button {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*7.2 交易组件-认证方式 END*/


/* 7 交易组件 END	    ------------------------------------------ */




/*自定义iframe 内页样式 START*/
#ccbPage.inlinePage {
    width: auto;
}

    #ccbPage.inlinePage #pmain {
        width: auto;
        padding-bottom: 0px;
    }

    #ccbPage.inlinePage #pbd {
        width: auto;
        min-height: 0px;
    }
/*自定义iframe 内页样式 END*/


/* ------------------------------------------	协议页面样式 START	------------------------------------------ */


/*协议页头 START*/
#jhxy_queshd {
    background-color: #fff;
    border-bottom: 2px solid #69c;
}

#jhxy_logo {
    height: 74px;
    width: 960px;
    margin: 0 auto;
}

    #jhxy_logo img {
        margin-top: 18px;
    }
/*协议页头 END*/
/*弹出式协议内容  START*/
#jhxy_quesPage {
    height: 680px;
    background-color: #f5f5f5;
}

#jhxy_page {
    margin: 0 auto;
    width: 960px;
    height: 600px;
    background-color: #fff;
    position: relative;
    top: 20px;
    box-shadow: 0px 0px 4px 0px #efefef;
    background-image: url('http://www.ccb.com/cn/home/v3/images/tp.png');
    background-repeat: no-repeat;
    background-position: 804px 498px;
    font-size: 14px;
}

    #jhxy_page h1 {
        text-align: center;
        padding: 40px 0px 30px 0px;
        font-size: 24px;
        font-weight: 900;
        font-family: '微软雅黑';
    }

    #jhxy_page h2 {
        padding: 20px 0px;
        text-align: center;
    }
/*弹出式协议内容 END*/
#jhxy_text {
    padding-top: 28px;
    width: 880px;
    height: 330px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 10px;
    line-height: 200%;
    border: 1px solid #A6A6A6;
    overflow-y: auto;
    text-indent: 20px;
}

    #jhxy_text p {
        font-color: #555555;
        margin-bottom: 30px;
    }

    #jhxy_text .warn {
        color: #bb2200;
        text-decoration: underline;
    }

.jhxy_sign {
    width: 900px;
    margin: 0px auto;
}

.jhxy_btnArea {
    width: 880px;
    margin: 40px auto;
    text-align: center;
}

/*嵌入式协议内容  START*/
#jhxy_zipage {
    margin: 0 auto;
    height: 650px;
    font-size: 14px;
}

    #jhxy_zipage h1 {
        text-align: center;
        padding: 30px 0px 30px 0px;
        font-size: 24px;
        font-weight: 900;
        font-family: '微软雅黑';
    }

    #jhxy_zipage h2 {
        padding: 20px 0px;
        text-align: center;
    }

.jhxy_zipage {
    margin: 0 auto;
    height: 650px;
    font-size: 14px;
}

    .jhxy_zipage h1 {
        text-align: center;
        padding: 30px 0px 30px 0px;
        font-size: 24px;
        font-weight: 900;
        font-family: '微软雅黑';
    }

    .jhxy_zipage h2 {
        padding: 20px 0px;
        text-align: center;
    }
/*嵌入式协议内容 END*/

/* ------------------------------------------	协议页面样式 END	------------------------------------------ */
/* ------------------------------------------	新增页面样式LIUJZ START	------------------------------------------ */
.reltxsline {
    border-bottom: 1px dashed #ccc;
    display: block;
    height: 1px;
    position: relative;
    right: -58px;
    top: -12px;
    width: 850px;
}
/* ------------------------------------------	新增页面样式LIUJZ END	------------------------------------------ */
/* --------- 常用交易 CSS start--------- */
#pToolbar .bd .cyjy {
	margin-right: 20px;
	width: 200px;
}

#pToolbar .bd .cyjy ul {
	margin-top: 10px;
}

#pToolbar .bd .cyjy ul li {
	height: 28px;
	line-height: 28px;
	position: relative;
}

#pToolbar .bd .cyjy ul li a {
	display: block;
	width: 100%;
	text-align: right;
}

#pToolbar .bd .cyjy ul li a span {
	position: absolute;
	left: 0;
	top: 0;
}

#pToolbar .bd .cyjy ul li em {
	display: none;
	position: absolute;
	right: -12px;
	width: 12px;
	height: 12px;
	top: 8px;
	background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat -2px -2px;
	cursor: pointer;
}

#pToolbar .bd .cyjy ul li em:hover {
	background: url(http://www.ccb.com/cn/home/v3/images/tp.png) no-repeat -2px
		-18px;
}

#pToolbar .bd .cyjy ul li:hover em {
	display: block;
}
/* --------- 常用交易 CSS end--------- */