@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

ul, li, ol { list-style: none }

em, i { font-style: normal }

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

a { text-decoration: none; outline: none; cursor: pointer; color: #0655A9 }

a:hover { text-decoration: underline }

* { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: none }

body { font: 12px/1.6 tahoma, arial, sans-serif }

input, textarea { margin: 0; padding: 0; outline: none; font-size: 12px; vertical-align: baseline }

textarea { resize: none }

textarea, input[type="text"], input[type="password"] { background: #fff url(../images/input_bg_sd.png) 0 0 no-repeat }

hr { border: none; height: 1px }

em { color: #999; font-family: Tahoma, Verdana, helvetica; font-size: 12px; font-style: normal }

/*公用*/

.vimg { vertical-align: middle; }

.nav { width: 100%; height: 34px; background: #FF7A00 url(../images/nav_bg.jpg) repeat-x; margin-bottom: 10px; margin-top: 10px; }

.main, .bar_main, .header, .footer { width: 980px; margin: 0 auto; clear: both; }

/*按钮*/

.but_orange { text-decoration: none; }

.but_orange { background-position: 0 0; }

.hidden { display: none }

/*底部*/

.footer { clear: both; padding: 5px 0 15px 0;  text-align: center; color: #666; margin: 0 auto }

.footer .menu { text-align: center; }

.footer p { line-height: 21px }

.copyright { color: #aaa }

.copyright a { padding-left: 4px; padding-right: 4px }

.fonter_img { margin-top: 10px; }

.fonter_img a { padding: 0 10px 0 10px }

/*头部*/

.pay_head, .pay_main, .footer { width: 960px; margin: 0 auto; padding-top: 10px; }
.imgPay {
        margin-top: 10px;
        font-family: 'Microsoft YaHei' !important;
    }

        .imgPay p {
            font-size: 24px !important;
            line-height: 24px !important;
            color: #666666;
        }

        .imgPay img.logoWx {
            width: 130px;
            vertical-align: middle;
        }

        .imgPay img.tagWx {
            width: 80px;
            vertical-align: middle;
        }

        .imgPay img.erWeiMa {
            margin: 0 auto;
            display: block;
            width: 245px;
        }
        .alert-warning {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #c7254e;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

.pay_head .logo a { display: block; width: 300px; height: 60px; background: url(../images/logo_pay.png) no-repeat; text-indent: -99999px; }

.pay_head span { float: right; padding-top: 20px; color: #666 }

/*充值左边菜单*/

.pay_main { border-radius: 2px 2px 2px 2px; min-height: 500px; position: relative; }

.service_main { float: left; width: 810px; padding: 0 0 0 150px; border: none; }

.service_main .main_nav { position: absolute; left: 0; width: 149px; border: 1px solid #cfcfcf; border-right: none; border-radius: 2px 0 0 2px; }

.service_main .main_nav li { display: block; position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #cfcfcf; }

.service_main .main_nav li:first-child { border-top: none; }

.service_main .main_nav li:last-child { border-bottom: none; }

.service_main .main_nav li a { display: block; height: 50px; line-height: 50px; padding-left: 20px; font-size: 14px; background: #f4f4f4; color: #666; font-weight: bolder; }

.service_main .main_nav li a:hover { text-decoration: none; background: #fcfcfc; }

.service_main .main_nav li.cur { *margin-bottom:-2px;

}

.service_main .main_nav li.cur a { position: absolute; top: 0; left: -1px; width: 150px; border-left: 4px solid #f60; padding-left: 16px; color: #f60; font-weight: bold; background: #fff; }

.service_main .main_cont { min-height: 500px; _height: 500px; border: 1px solid #cfcfcf; border-radius: 0 2px 2px 2px; padding: 20px 20px 20px; }

.service_main .main_nav .fbig { position: absolute; width: 130px; top: -8px; }

.service_main .main_nav .fmin { position: absolute; width: 130px; left: -4px; top: 20px; height: 40px; font-weight: normal }

/*右边*/

.pay_table dl { padding-top: 15px; *float:left;

}

.pay_table dl:after { clear: both; content: " "; display: block; height: 0; }

.pay_table dt { float: left; font-size: 14px; font-weight: bold; line-height: 34px; padding-right: 4px; text-align: right; width: 98px; }

.pay_table dd { float: left; width: 627px; }

.text { background: #FFFFFF; border-color: #AFAFAF #D6D6D6 #D6D6D6 #AFAFAF; border-image: none; border-style: solid; border-width: 1px; color: #151515; font-size: 14px; font-weight: bold; height: 14px; line-height: 14px; padding: 9px; width: 247px; }

.money_list label { width: 230px; height: 32px; line-height: 32px; display: inline-block; cursor: pointer; }

.money_list li { border: 1px solid #DDDDDD; background: #F7F7F7; color: #6A6A6A; cursor: pointer; font-size: 14px; height: 32px; line-height: 32px; margin: 0 -1px -1px 0; position: relative; width: 265px; }

.money_list li input { margin: 9px 5px 0 10px; width: 13px; }

.money_list .check { background-image: url("../images/pay_icon.gif"); background-position: 0 -20px; bottom: 0; display: none; height: 20px; overflow: hidden; position: absolute; right: 0; width: 20px; }

.money_list .recom { background-image: url("../images/pay_recom.gif"); top: 0; height: 27px; overflow: hidden; position: absolute; right: 0; width: 27px; }

.money_list .recom_focus { border: 1px solid #FF6600; z-index: 2; color: #FF6600; background: #FFF2E4; }

.money_list .mb5 { margin-bottom: 5px; }

.money_list li:hover, .money_list .focus { border: 1px solid #FF6600; z-index: 2; color: #FF6600; background: #FFF2E4; }

.money_list .focus .check { display: block; }

.money_list .orange { font-size: 12px; color: #f60; }

.pay_table .pay_btn { background: url("../images/pay_icon.gif") repeat -20px -40px; display: block; height: 34px; line-height: 12; margin-bottom: 10px; overflow: hidden; width: 119px; border: 0px; cursor: pointer; text-indent: -9999px; }

.bank_list { margin-bottom: 15px; }

.bank_list li { border: 1px solid #DDDDDD; color: #6A6A6A; cursor: pointer; float: left; font-size: 14px; height: 32px; line-height: 32px; margin: 0 -1px -1px 0; padding: 1px; position: relative; width: 146px; }

.bank_list .check { background-image: url("../images/pay_icon.gif"); background-position: 0 -20px; bottom: 0; display: none; height: 20px; overflow: hidden; position: absolute; right: 0; width: 20px; }

.bank_list li:hover, .bank_list .focus { border: 2px solid #FF6600; padding: 0; z-index: 2; }

.bank_list .focus .check { display: block; }

.bank_list li input, .bank_list li label, .bank_list li .ico { cursor: pointer; float: left; }

.bank_list li label { width: 110px; }

.bank_list li input { margin: 9px 5px 0 10px; width: 13px; }

.bank_list .ico { background-image: url("../images/bank_ico.png"); height: 18px; line-height: 12; margin: 7px 5px 3px 3px; overflow: hidden; width: 18px; }

.icbc { background-position: 0 0; }

.ico_cmb { background-position: -18px 0; }

.ico_ccb { background-position: -36px 0; }

.ico_abc { background-position: -54px 0; }

.ico_boc { background-position: -72px 0; }

.ico_spdb { background-position: -54px -18px; }

.ico_sdb { background-position: -108px -18px; }

.ico_cib { background-position: 0 -18px; }

.ico_bob { background-position: -126px -18px; }

.ico_ceb { background-position: -90px 0; }

.ico_comm { background-position: -36px -18px; }

.ico_cmbc { background-position: -90px -18px; }

.ico_citic { background-position: -126px 0; }

.ico_gdb { background-position: -72px -18px; }

.ico_pab { background-position: 0 -36px; }

.ico_post { background-position: -18px -18px; }

.ico_union { background-position: -27px -36px; width: 27px !important; }

.ico_jsb { background-position: -54px -36px; }

.ico_srcb { background-position: -72px -37px; }

.ico_nbcb { background-position: -90px -36px; }

.ico_njcb { background-position: -108px -36px; }

.ico_hkb { background-position: -126px -36px; }

.ico_shb { background-position: 0 -54px; }

.ico_hx { background-position: -18px -54px; }

.ico_hzb { background-position: -36px -54px; }

.ico_hkbea { background-position: -54px -54px; }

.ico_ordos { background-position: -72px -54px; }

.ico_cbhb { background-position: -111px -54px; }

.ico_jzb { background-position: -90px -54px; }

.ico_gdrcu { background-position: 0 -73px; }

.ico_nccb { background-position: -18px -73px; }

.ico_glccb { background-position: -36px -73px; }

.ico_bsb { background-position: -54px -73px; }

.ico_ynrcc { background-position: -72px -73px; }

.ico_gzcb { background-position: -90px -73px; }

.ico_cqrcb { background-position: -108px -73px; }

.ico_zjcb { background-position: -126px -73px; }

.ico_bjrcb { background-position: 0 -110px; }

.ico_cz { background-position: -18px -110px; }

.ico_ncb { background-position: -36px -110px; }

.ico_sccb { background-position: -54px -110px; }

.ico_zjtlcb { background-position: -72px -110px; }

.bank_list .ico_cmcc, .bank_list .ico_unicom, .bank_list .ico_telecom { background-image: url("../images/bank_ico_mobile.png"); }

.ico_unicom { background-position: 0 -18px; }

.ico_telecom { background-position: 0 -36px; }

#baofoo_cards li { width: 125px; margin-right: 9px; }

#baofoo_cards li label { width: 90px }

.deno_list { }

.deno_list label { display: inline-block; height: 32px; line-height: 32px; width: 66px; }

.deno_list li { border: 1px solid #DDDDDD; color: #6A6A6A; cursor: pointer; float: left; font-size: 14px; height: 32px; line-height: 32px; margin: 0 -1px -1px 0; padding: 1px; position: relative; width: 66px; text-align: center; cursor: pointer; margin-right: 10px; }

.deno_list .check { background-image: url("../images/pay_icon.gif"); background-position: 0 -20px; bottom: 0; display: none; height: 20px; overflow: hidden; position: absolute; right: 0; width: 20px; }

.deno_list li:hover, .deno_list .focus { border: 2px solid #FF6600; padding: 0; z-index: 2; }

.deno_list .focus .check { display: block; }

.deno_list li, .deno_list li label { cursor: pointer; }

.deno_txt { position: absolute; padding-top: 20px; font-size: 14px; color: #666; font-weight: bolder; display: block; float: left }

.deno_txt { *position:static;

}

.pay_account { height: 34px; line-height: 27px; margin-right: 10px; }

.pay_account b { color: #FF6600; font-size: 24px; margin-right: 5px; }

.pay_type { border: 1px solid #DDDDDD; float: left; height: 32px; line-height: 32px; padding: 1px; position: relative; width: 100px; text-align: center; cursor: pointer; margin-right: 10px; }

.pay_item { border-top: 1px solid #e5e5e5; width: 710px; padding: 20px; margin-top: 20px; color: #666 }

.pay_telico { background: url(../images/pay_telico.jpg) no-repeat; height: 60px; float: left; width: 90px; }

.pay_item p { }

.pay_table .on { background: #f5f5f5 }

/*弹出*/

.flex_tan { width: 340px; height: 120px }

.flex_tan .mc { position: relative; text-align: center; }

.flex_tan p { text-align: left; margin-bottom: 30px; }

.flex_tan .mb { bottom: 10px; position: absolute; text-align: left; }

.flex_tan .btns a { margin: 0 3px; height: 25px; line-height: 25px; background: #F2F2F2; border: 1px solid #DDDDDD; border-radius: 2px; color: #333333; display: inline-block; font-size: 12px; margin-left: 5px; padding-left: 11px; padding-right: 11px; text-decoration: none; }

.flex_tan .btns .btnon { background: #FF771C; border: 1px solid #FF6803; color: #fff; }

.but_gray { background-image: url("../images/but.png"); background-repeat: no-repeat; background-color: transparent; display: inline-block; border: 0 none; color: #FFF; height: 26px; line-height: 26px; margin: 0; padding: 0; width: 86px; cursor: pointer; vertical-align: middle; _vertical-align: baseline; text-align: center }

.but_gray { color: #666; background-position: -264px 0 }

.but_gray:hover { background-position: -264px -31px; text-decoration: none }

/*充值成功 失效*/

.pay_scc { text-align: left; padding: 40px 0 20px 0; margin: 10px 20px; }

.pay_scc h2 { font-size: 28px; padding-bottom: 10px; color: #F60 }

.pay_scc p { line-height: 24px; font-size: 14px }

.pay_scc a { padding-right: 4px; }

.pay_sccbox { width: 364px; margin: 0 auto; float: left; margin-left: 60px; padding: 10px 0 20px 20px; margin-top: 20px; background: #F7F7F7; border: 1px solid #e5e5e5 }

.pay_sccbox h2 { margin-bottom: 10px; }

.pay_sccbox dl { float: left; margin-right: 26px; }

.pay_sccbox dt { height: 65px; width: 65px; }

.pay_sccbox dd { color: #AAAAAA; height: 20px; line-height: 20px; overflow: hidden; text-align: center; }



/*弹窗登陆*/

.dialog_login { width: 490px; font-size: 14px; }

.dialog_login .login_form { float: left; padding: 10px 25px 5px 10px; width: 280px; }

.dialog_login .login_form a { padding-left: 12px; }

.dialog_login .login_fail { padding-left: 65px; visibility: hidden; width: 240px; }

.dialog_login .login_form dd { float: left; line-height: 28px; text-align: right; vertical-align: middle; width: 55px; }

.dialog_login .login_form dt { color: #666666; height: 26px; margin-bottom: 15px; }

.dialog_login .login_form dt .text { color: #999; border: 1px solid #C8C8C8; height: 28px; line-height: 28px; padding: 0 2px; width: 215px; font-size: 14px; font-weight: normal; }

.dialog_login .login_form dt .checkbox { height: 14px; margin-right: 4px; vertical-align: middle; }

.dialog_login .login_form .login_btn { background-color: #7CAF00; border: 1px solid #7CAF00; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-weight: 700; height: 28px; line-height: 28px; padding: 0 15px; width: 95px; font-size: 14px; }

.dialog_login .reg_or_oauth { border-left: 1px solid #C8C8C8; display: inline-block; padding-left: 25px; width: 140px; margin-top: 10px; color: #666666; }

.dialog_login .reg_or_oauth p { vertical-align: middle; line-height: 26px; }

.dialog_login .reg_or_oauth a { color: #666666; }

/*弹窗*/

.d-outer { text-align: left; }

.d-border, .d-dialog { border: 0 none; margin: 0; border-collapse: collapse; width: auto; }

.d-nw, .d-n, .d-ne, .d-w, .d-c, .d-e, .d-sw, .d-s, .d-se, .d-header, .d-main, .d-footer { padding: 0; }

.d-header, .d-button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family: Tahoma, Arial, Helvetica, STHeiti; -o-font-family: Tahoma, Arial; }

.d-title { overflow: hidden; text-overflow: ellipsis; cursor: default; }

.d-state-noTitle .d-title { display: none; }

.d-close { display: block; position: absolute; text-decoration: none; outline: none; _cursor: pointer; }

.d-close:hover { text-decoration: none; }

.d-main { text-align: center; vertical-align: middle; min-width: 9em; }

.d-content { display: inline-block; display: block\0/*IE8 BUG*/; display: inline-block\9\0; *zoom:1;

*display:inline;

text-align: left; border: 0 none; }

.d-content.d-state-full { display: block; width: 100%; margin: 0; padding: 0!important; height: 100%; }

.d-loading { width: 96px; height: 32px; text-align: left; text-indent: -999em; overflow: hidden; background: url(../images/loadingAnimation.gif) no-repeat center center; }

.d-buttons { padding: 8px; text-align: right; white-space: nowrap; }

.d-button { margin-left: 15px; padding: 0 8px; cursor: pointer; display: inline-block; min-height: 2.2em; text-align: center; *padding:4px 10px;

*height:2em;

letter-spacing: 2px; font-family: Tahoma, Arial/9!important; width: auto; overflow: visible; *width:1;

color: #333; border: 1px solid #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');

background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition: -moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }

.d-button::-moz-focus-inner, .d-button::-moz-focus-outer {

border:0 none;

padding:0;

margin:0;

}

.d-button:focus { outline: none 0; border-color: #426DC9; box-shadow: 0 0 8px rgba(66, 109, 201, .9); }

.d-button:hover { color: #000; border-color: #666; }

.d-button:active { border-color: #666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF');

background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow: inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }

.d-button[disabled] { cursor: default; color: #666; background: #DDD; border: 1px solid #999; filter: alpha(opacity=50); opacity: .5; box-shadow: none; }

.d-state-highlight { color: #FFF; border: 1px solid #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc');

background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }

.d-state-highlight:hover { color: #FFF; border-color: #0F3A56; }

.d-state-highlight:active { border-color: #1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc');

background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }

.d-mask { background: #000; filter: alpha(opacity=30); opacity: .3 }

/* common end */



.d-inner { background: #FFF; }

.d-nw, .d-ne, .d-sw, .d-se { width: 5px; height: 5px }

.d-nw, .d-n, .d-ne, .d-w, .d-e, .d-sw, .d-s, .d-se { background: rgba(0,0,0,.2); background: #000\9!important; filter: alpha(opacity=20) }

.d-titleBar { position: relative; height: 100%; font-size: 14px; border-bottom: 1px solid #E9E9E9; background-color: #f7f3f3; color: #666 }

.d-title { height: 28px; line-height: 26px; padding: 0 48px 0 10px }

.d-state-focus .d-content { color: #000 }

.d-state-drag .d-title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8');

box-shadow: none; }

.d-state-drag .d-titleBar { box-shadow: none; }

.d-close { padding: 0; top: 4px; right: 4px; width: 21px; height: 21px; line-height: 21px; font-size: 18px; color: #68767b; text-align: center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow: 0 1px 0 rgba(255, 255, 255, .9); }

.d-close:hover { background: #2288CC; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); }

.d-content { color: #666; }

.d-state-focus .d-content { color: #000; }

.d-buttons { background-color: #F6F6F6; border-top: 1px solid #DADEE5; }

.d-state-noTitle .d-nw, .d-state-noTitle .d-ne, .d-state-noTitle .d-sw, .d-state-noTitle .d-se { width: 3px; height: 3px; }

.d-state-noTitle .d-inner { border: 1px solid #666; background: #FFF; }

.d-state-noTitle { border: 0 none; box-shadow: none; }

.d-state-noTitle .d-nw, .d-state-noTitle .d-n, .d-state-noTitle .d-ne, .d-state-noTitle .d-w, .d-state-noTitle .d-e, .d-state-noTitle .d-sw, .d-state-noTitle .d-s, .d-state-noTitle .d-se { background: rgba(0, 0, 0, .05); background: #000\9!important; filter: alpha(opacity=5)!important; }

.d-state-noTitle .d-titleBar { bottom: 0; _bottom: 0; _margin-top: 0; }

.d-state-noTitle .d-close { top: 0; right: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; text-indent: 0; font-size: 18px; text-decoration: none; color: #214FA3; background: none; filter:!important;

}

.d-state-noTitle .d-close:hover, .d-state-noTitle .d-close:active { text-decoration: none; color: #900; }

.d-state-noTitle .d-dialog { box-shadow: none; }

 @media screen and (min-width:0) {

.d-state-focus .d-dialog { box-shadow: 0 0 3px rgba(0,0,0,.2) }

.d-state-drag, .d-state-focus:active { box-shadow: none }

.d-state-focus { box-shadow: 0 3px 8px rgba(0,0,0,.3) }

.d-outer { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out; transition: box-shadow .2s ease-in-out, transform .2s ease-in-out }

.d-state-visible { -webkit-transform: scale(1); transform: scale(1) }

.d_loading { background: url(../images/onLoad.gif) no-repeat scroll 20px center transparent; padding: 10px 40px 10px 50px }

/*Stip提示*/

.lj-stip { min-width: 10px; min-height: 15px; font-family: 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, Arial, sans-serif }

.lj-stip, .lj-in, .lj-close { display: inline-block }

.lj-stip { background: #F4FBFF; line-height: 1.5em; padding: 5px 15px; border: 1px solid #2192D3; position: absolute; text-align: left }

.lj-in { position: absolute; zoom: 1; border: 6px dotted transparent; width: 0px; height: 0px }

.lj-in .lj-span { zoom: 1; width: 0px; height: 0px; overflow: hidden }

.lj-close { position: absolute; text-decoration: none; color: #000; font-size: 14px; zoom: 1; text-indent: 1px; height: 9px; width: 9px; overflow: hidden; line-height: 0.5em; right: 0; top: 0 }

.lj-close:hover { color: #39F }

.lj-content { }

.lj-top { border-top: 5px solid #2192D3; bottom: -12px; left: 8px }

.lj-top .lj-span { border-top: 5px solid #F4FBFF; margin: -6px 0 0 -6px }

.lj-right { border-right: 5px solid #2192D3; bottom: 5px; left: -12px; top: 8px }

.lj-right .lj-span { border-right: 5px solid #F4FBFF; margin: -6px 0 0 -5px }

.lj-bottom { border-bottom: 5px solid #2192D3; top: -12px; left: 8px }

.lj-bottom .lj-span { border-bottom: 5px solid #F4FBFF; margin: -5px 0 0 -6px }

.lj-left { border-left: 5px solid #2192D3; right: -12px; top: 8px }

.lj-left .lj-span { border-left: 5px solid #F4FBFF; margin: -6px 0 0 -6px }

.lj-left ~ .lj-close { left: 0 }

.lj-stip { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-box-shadow: 2px 2px 3px #eee; -moz-box-shadow: 2px 2px 3px #eee; -o-box-shadow: 2px 2px 3px #eee; box-shadow: 2px 2px 3px #eee }

.lj-stip { position: absolute; z-index: 9999 }

.lj-error { background: #F90; color: #f60; border: 1px solid #FF822E; background: #FEF2F2 }

.lj-error .lj-top { border-top-color: #FF822E }

.lj-error .lj-right { border-right-color: #FF822E }

.lj-error .lj-left { border-left-color: #FF822E }

.lj-error .lj-bottom { border-bottom-color: #FF822E }

.lj-error .lj-top .lj-span { border-top-color: #FEF2F2 }

.lj-error .lj-right .lj-span { border-right-color: #FEF2F2 }

.lj-error .lj-left .lj-span { border-left-color: #FEF2F2 }

.lj-error .lj-bottom .lj-span { border-bottom-color: #FEF2F2 }

.lj-ok { color: #000; border: 1px solid #2192D3; background: #F4FBFF }

.lj-ok .lj-top { border-top-color: #2192D3 }

.lj-ok .lj-right { border-right-color: #2192D3 }

.lj-ok .lj-left { border-left-color: #2192D3 }

.lj-ok .lj-bottom { border-bottom-color: #2192D3 }

.lj-ok .lj-top .lj-span { border-top-color: #F4FBFF }

.lj-ok .lj-right .lj-span { border-right-color: #F4FBFF }

.lj-ok .lj-left .lj-span { border-left-color: #F4FBFF }

.lj-ok .lj-bottom .lj-span { border-bottom-color: #F4FBFF }

.pay_tangg { position: absolute; top: 11px; right: 1px; }