/*除了新增之外修改部分前面已加“20150827”区别旧版CSS*/
@charset "utf-8";
/* CSS Document */
html { height: 100%; }
body { color: #666; line-height: 20px; height: 100%; }
a { color: #666; text-decoration: none; }
a:hover { color: #0066CC; }
.hb100 { min-height: 100%; height: auto; _height: 100%; }
.pb115 { padding-bottom: 115px; }


.topnavbox { width: 100%; height: 25px; background: #fff; font-size: 14px; font-family: "微软雅黑","Microsoft YaHei"; }
.topnavbox .box { width:810px; height: 25px; float: right; position: relative; z-index: 11; }
.topnavbox .box .topnav { width:760px; height: 25px; }
.topnavbox .box .topnav .topli { float: left; width: auto; height: 25px; margin-right: 10px; line-height: 25px; cursor: pointer; display: block; }
.topnavbox .box .topnav .topli span { margin-left: 10px; }
.w98{width:98px !important}
.topnavbox .box .topnav .topli ul {
    overflow: hidden;
    border-radius: 5px;
    display: none;
    background: url(../Images/tkbc02.png) no-repeat;
    background-position: 70% 0%;
    background-size: 8px 4px;
    padding-top: 4px;
    width: 125px;
}
.topnavbox .box .topnav .topli .nav01 li { background: #088e6b; width: 125px; height: 20px; overflow: hidden; }
.topnavbox .box .topnav .topli .nav01 li:first-child { height: 20px; padding-top: 5px; border-radius: 5px 5px 0 0; }
.topnavbox .box .topnav .topli .nav01 li.last-child { height: 20px; padding-bottom: 5px; }
.topnavbox .box .topnav .topli .nav01 li a { background: none; font-size: 12px; color: #fff; width: 125px; height: 20px; line-height: 20px; display: block; text-align: center; }
.topnavbox .box .topnav .topli .nav01 li a:hover { color: #ffee00; }

.navandlogo { height: 100px; border-bottom: 5px solid #36a181; position: relative; box-shadow: 0 2px 3px rgba(51,51,51,0.2); z-index: 1; }
.navbox { width: 1100px; height: 100px; }
.logo { width: 219px; }
.navb a { display: inline-block; margin-left: 50px; color: #2D2D2D; }

.step1 { width: 788px; height: 318px; background: #F6F6F6; border-radius: 8px; margin-left: auto; margin-right: auto; margin-bottom: 130px; margin-top: 100px; }
.step1 .title { width: 788px; height: 70px; line-height: 70px; text-align: center; color: #323232; }
.step1 .namebox { width: 788px; height: 60px; margin-top: 20px; }
.step1 .namebox input { display: block; width: 440px; height: 58px; margin: 0 auto; padding-left: 6px; line-height: 58px; border: 2px solid #3eb140; border-radius: 2px; font-size: 18px; font-family: "微软雅黑"; color: #b3b3b3; }
.step1 .namebox select { display: block; width: 450px; height: 58px; margin: 0 auto; padding-left: 6px; line-height: 58px; border: 2px solid #3eb140; border-radius: 2px; font-size: 18px; font-family: "微软雅黑"; color: #b3b3b3; }


.step1 .btnbox { margin-left: 336px; margin-top: 30px; }
.step1 .btnbox .nextbtn { border-radius: 4px; cursor: pointer; width: 114px; height: 40px; line-height: 40px; background: #56c358; color: white; font-size: 20px; border: none; font-family: "微软雅黑"; }
.chargebtn { width: 152px; height: 37px; line-height: 37px; background: #56c358; border-radius: 4px; cursor: pointer; display: block; color: #fff; }


/*导航菜单*/
.menu { width: 840px; height: 100px; position: relative; z-index: 10; }
.nav { width: 840px; height: 37px; margin-top: 50px; }
.nav .li01 { float: left; width: auto; height: 37px; display: block; }
.nav .li01 a { color: #000; display: block; width: auto; height: 37px; line-height: 37px; text-align: center; margin: 0 25px; }
.nav .li01 a:hover { color: #35A181; }
.menu_hover { border-top: 2px #35A181 solid; }
.nav .li01 ul { display: none; position: absolute; background: #fff; width: auto; padding-top: 5px; padding-bottom: 5px; }
.nav .li01 .navli li { width: auto; height: 30px; line-height: 30px; overflow: hidden; }
.nav .li01 .navli li a { background: none; font-size: 16px; width: auto; height: 30px; line-height: 30px; display: block; text-align: left; }
.nav .li01 .navli li a:hover { color: #35A181; }


/*底部*/
.foot { clear: both; height: 114px; min-width: 1000px; background: #F3F3F3; overflow: hidden; padding-top: 20px; }
.footli01 { width: 115px; }
.footli02 { width: 690px; }
.footli03 { width: 175px; padding-top: 65px; }
#tooltip-keleyi-com { position: absolute; background-color: #eee; border: 1px solid #999; width: 344px; height: 344px; -webkit-border-radius: 6px; padding: 10px; }
.foot_pay { height: 94px; margin-top: -115px; border-top: 1px #ccc dashed; }
.foot_login { height: 94px; margin-top: -115px; border-top: 1px #ccc solid; }

/*充值*/
.text_box { width: 30px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; }
/*订单*/
.a02 { width: 80px; height: 35px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; }
.a02:hover { border: 1px #FF6600 solid; color: #666; }

.xz { border: 2px #FF6600 solid; }
.qx { border: 1px #ccc solid; }


.an_lv03 { width: 480px; height: 54px; background-color: #56c358; display: block; color: #fff; border-radius: 5px; line-height: 54px; }
/*支付*/
.paytop { height: 37px; border-bottom: 2px #209AF4 solid; padding-top: 50px; }
.paylogo { width: 200px; }
.paytoptxt { width: 500px; }
.orderinfo { height: 80px; background: #F0F9FF; }
.ordertable { border-collapse: collapse; width: 100%; }
.ordertable tr td { border: 1px #98D0FA solid; width: 16%; padding-left: 10px; height: 30px; overflow: hidden; }
.txt_shu02 { width: 210px; height: 25px; border: 1px #ccc solid; font-size: 14px; padding-left: 5px; line-height: 24px; }
.txt_shu03 { width: 350px; height: 25px; border: 1px #ccc solid; font-size: 14px; padding-left: 5px; line-height: 24px; }
.gryshu { color: #999; }
.gryshu input { background: #EAEAEA; }
.pay_x { height: 50px; border-bottom: 1px #999 solid; }
.pay_x a { width: 98px; height: 28px; border: 1px #dddddd solid; margin-bottom: 10px; display: block; margin-right: 10px; }
.pay_x a.selected { width: 98px; height: 30px; display: block; background: url(../Images/zffx.gif)no-repeat; border: none; }
.pay_x a:hover { color: #000; }

#online { }
#online a { width: 98px; height: 30px; line-height: 30px; border: 1px #dddddd solid; margin-bottom: 10px; display: block; margin-right: 10px; }
#online a img { width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; }
#online a.selected { width: 98px; height: 30px; line-height: 30px; display: block; border: 2px #56c358 solid; }
#online a:hover { color: #000; }


.a03 { width: 100px; height: 30px; border: 1px #ccc solid; background: #DBDBDB; display: block; cursor: pointer; font-size: 16px !important; }
.a03:hover { border: 1px #FF6633 solid; color: #fff; background: #FF9966; }
.hj01 { border: 0px; width: 80px; }
.payok { width: 350px; background: url(../Images/ok.png) no-repeat; height: 150px; overflow: hidden; margin: 120px auto; }



.eject_box { width: 100%; min-height: 100%; height: auto; position: absolute; background: url(../Images/sign_bb.png); z-index: 2002; left: 0px; top: 0px; display: none; }
.eject_gg { width: 420px; margin: 20px auto; margin-top: 260px; top: 30%; background: #fff; padding: 10px; font-size: 12px; color: #333; }
.eject_gg #close { width: 420px; height: 16px; margin-top: 2px; margin-bottom: 10px; text-align: right; }
.eject_gg #close img { border: 0px; cursor: pointer; }
.eject_gg .btncss { background: url(../Images/btnbg.gif) no-repeat; width: 102px; height: 32px; line-height: 32px; color: #fff; text-align: center; cursor: pointer; }
/*-----------------------弹窗登录样式----------------------------------------*/
#loginbox { width: 420px; height: 240px; }
#loginbox .title { width: 400px; margin: 0px 10px; height: 40px; margin-top: 10px; line-height: 20px; }
#loginbox .tabbox { width: 400px; margin-top: 30px; padding-left: 10px; padding-right: 10px; }
#loginbox .tabbox table { width: 400px; }
#loginbox .tabbox table td { height: 40px; line-height: 40px; }
#loginbox .tabbox table .txtalign { text-align: right; width: 80px; }
#loginbox .tabbox table input { width: 208px; height: 30px; line-height: 30px; padding-left: 2px; background: #fff; border: #c3c3c3 1px solid; }
#loginbox .tabbox table #btnbox { width: 320px; height: 32px; }
/*-----------------------弹窗登录样式----------------------------------------*/
/*-----------------------操作员列表样式----------------------------------------*/
#userlist { width: 420px; }
#userlist .topbox { width: 400px; margin-left: 10px; margin-right: 10px; }
#userlist .topbox table { width: 100%; }
#userlist .topbox table td { width: 120px; height: 25px; line-height: 25px; }

#userlist .listbox { width: 400px; margin-top: 5px; margin-left: 10px; margin-right: 10px; }
#userlist .listbox table { border-collapse: collapse; width: 100%; }
#userlist .listbox table td { border: 1px #77C9F0 solid; width: 120px; padding: 7px; }
#userlist .listbox table td.tdbg { background: #E2F3FC; }
#userlist .bottombox { width: 400px; height: 32px; margin: 10px; }
/*-----------------------操作员列表样式----------------------------------------*/

/*-----------------------消息提示样式----------------------------------------*/
#msgbox { width: 420px; height: 160px; }
#msgbox .box { width: 200px; height: 80px; margin: 40px auto; }
#msgbox .infobox { height: 40px; line-height: 40px; width: 200px; text-align: center; }
/*-----------------------消息提示样式----------------------------------------*/

.pro_tab01 { border-collapse: collapse; }
.pro_tab01 td { border: 1px #77C9F0 solid; padding: 7px; }
.pro_tab01td { background: #E2F3FC; }
.w315 { width: 315px; }
.an_lv04 { width: 152px; height: 37px; cursor: pointer; background-color: #56c358; display: block; color: #fff; border-radius: 5px; line-height: 37px; }

/*注册成功*/
.success { width: 540px; margin-top: 150px; margin-left: auto; margin-right: auto; }
.success .box { width: 540px; height: 240px; margin-bottom: 150px; }
.success .box .top { background: url(../Images/ok.png) no-repeat left center; height: 65px; padding-left: 80px; line-height: 65px; }

/*块钱支付结果页面*/
.kq_pay_result_box { border-bottom: 1px dashed #CCCCCC; height: 800px; position: relative; }
.kq_result { width: 400px; height: 140px; position: relative; top: 50%; left: 50%; margin: -200px 0 0 -200px; }
.kq_ok { background: url("../Images/ok_ico.png") no-repeat; width: 340px; height: 60px; line-height: 60px; padding-left: 60px; color: #333333; font-size: 28px; font-weight: bold; }
.kq_error { background: url("../Images/false_ico.png") no-repeat; width: 340px; height: 60px; line-height: 60px; padding-left: 60px; color: #FF2D2D; font-size: 28px; font-weight: bold; }
.result { color: #727E8B; font: 13px 微软雅黑; width: 400px; text-align: center; height: 30px; line-height: 30px; }
.result a { color: Blue; }


/*-----------------------订单选项----------------------------------------*/
.items { clear: both; width: 1000px; height: 50px; }
.items .lbox { float: left; text-align: left; width: 70px; height: 50px; line-height: 50px; }
.items .rbox { float: left; margin-left: 10px; width: 920px; height: 50px; line-height: 50px; }

.items .rbox a { float: left; width: 80px; height: 35px; line-height: 35px; margin-top: 7px; margin-right: 20px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; font-size: 12px; text-align: center; }
.items .rbox a:hover { border: 1px #FF6600 solid; color: #666; }
.items .rbox .box { float: left; margin-top: 7px; width: 25px; height: 30px; line-height: 30px; background: #F6F6F6; border: 1px #ccc solid; text-align: center; cursor: pointer; }
.items .rbox .inputbox { float: left; position: relative; margin-top: 7px; overflow: hidden; height: 30px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; }
.items .rbox .inputbox input { width: 40px; height: 25px; -webkit-appearance: none; line-height: 28px; text-align: center; border: none; }
.items .rbox li { float: left; margin-right: 20px; }
.items .btnbox { height: 50px; width: 320px; margin: 0 auto; }
.items .fxa { float: left; width: 80px; height: 35px; line-height: 35px; margin-top: 7px; margin-right: 20px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; font-size: 12px; text-align: center; }
.items .fxa:hover { border: 1px #FF6600 solid; color: #666; }

.items .rbox input[type="radio"] { margin-top: 0px; }

.items .lbox02 { float: left; color: #F60; font-size: 14px; text-align: right; width: 400px; height: 50px; line-height: 50px; }
.items .lbox02 a { font-size: 14px; color: #F60; }
.items .rbox02 { float: left; margin-left: 20px; width: 580px; height: 50px; line-height: 50px; }


/*-----------------------章鱼侠云ERP订单选项----------------------------------------*/
.orderbox { width: 1000px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; }
.orderbox .product { width: 1000px; height: 40px; line-height: 40px; font-size: 24px; color: #333; padding-bottom: 15px; }
.orderbox .title { width: 1000px; height: 50px; line-height: 50px; font-size: 14px; }

.items01 { clear: both; width: 1000px; height: 50px; }
.items01 .lbox { float: left; text-align: right; width: 70px; height: 50px; line-height: 50px; }
.items01 .rbox { float: left; margin-left: 10px; width: 920px; height: 50px; line-height: 50px; }
.items01 .rbox .ptype-item { float: left; width: 80px; height: 35px; line-height: 35px; margin-top: 7px; margin-right: 20px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; font-size: 12px; text-align: center; }
.items01 .rbox .ptype-item:hover { border: 1px #FF6600 solid; color: #666; }
.items01 .rbox .box { float: left; margin-top: 7px; width: 25px; height: 30px; line-height: 30px; background: #F6F6F6; border: 1px #ccc solid; text-align: center; cursor: pointer; }
.items01 .rbox .inputbox { float: left; margin-top: 7px; width: 40px; height: 30px; border: 1px #ccc solid; }
.items01 .rbox .inputbox input { width: 40px; height: 28px; line-height: 28px; text-align: center; border: none; }
.items01 .rbox li { float: left; margin-right: 20px; }
.items01 .btnbox { height: 50px; width: 320px; margin: 0 auto; }
.items01 .fxa { float: left; width: 80px; height: 35px; line-height: 35px; margin-top: 7px; margin-right: 20px; border: 1px #ccc solid; background: #F6F6F6; display: block; cursor: pointer; font-size: 12px; text-align: center; }
.items01 .fxa:hover { border: 1px #FF6600 solid; color: #666; }
.items01 .rbox input[type="radio"] { margin-top: 0px; }
.items01 .lbox02 { float: left; color: #F60; font-size: 14px; text-align: right; width: 400px; height: 50px; line-height: 50px; }
.items01 .lbox02 a { font-size: 14px; color: #F60; }
.items01 .rbox02 { float: left; margin-left: 20px; width: 580px; height: 50px; line-height: 50px; }
.text_box01 { width: 30px; height: 32px; margin-top: 7px; line-height: 32px; font-size: 14px; text-align: center; }
.bt1d { border-top: 1px #CCC dashed; }
.red { color: red; }
#tel_consult {
    width: 155px;
    height: 151px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #35A181;
    position: relative;
}

    #tel_consult img {
        width: 100%;
        height: 100%
    }

    #tel_consult .arrow {
        width: 0;
        padding: 0;
        height: 0px;
        border: 10px solid rgba(255,64,0,0);
        border-left: 10px solid #35A181;
        position: absolute;
        right: -20px;
        top: 20px;
    }



/* formbox */
.form label, .form input, .form select, .form textarea, .form button, .form .label {
    float: left;
    font-size: 12px;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.overflow {
    overflow: hidden;
}

.clear {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.yellow_button {
    background: url(../Images/an_lv03.png);
    cursor: pointer;
    height: 37px;
    width: 152px;
}

.red {
    color: #ff0000;
    font-family: "宋体";
    font-weight: normal;
}

.formbox .item {
    height: 45px;
    overflow: hidden;
    line-height: 26px;
}

.formbox .label {
    width: 140px;
    text-align: right;
    font-size: 14px;
}

.formbox select {
    height: 30px;
    padding: 4px 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.formbox .span-150 {
    width: 150px;
}

.formbox .text {
    width: 240px;
    height: 20px;
    padding: 4px 3px;
    border: 1px solid #ccc;
    font-size: 14px;
}

.formbox .text-1 {
    width: 100px;
}

.formbox .blank {
    width: 16px;
    height: 16px;
    margin: 2px 0px 0;
}

.formbox .succeed {
    background: url(../Images/pwdstrength.gif) no-repeat -105px 0;
    margin-left: 15px;
}

.formbox .yellow_button {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border: none;
    cursor: pointer;
}

.formbox .highlight1 {
    border: 1px solid #EFA100;
    outline: 2px solid #FFDC97;
    *border: 2px solid #ffcc66;
    *padding: 3px 2px;
}

.formbox .highlight2 {
    border: 1px solid #f00;
    outline: 1px solid #FFC1C1;
    color: #f00;
}

.formbox .pwdbg {
    background: #FFF8EB;
}

.formbox .focus {
    color: #999;
    line-height: 28px;
    *line-height: 20px;
    font-size: 12px !important;
}

.formbox .null, .formbox .error {
    color: red;
    line-height: 22px;
    *line-height: 20px;
    font-size: 12px !important;
}

.formbox .checkbox {
    margin-top: 6px;
    *margin-top: 2px;
}

.formbox #referrer {
    color: #999;
    font-size: 12px;
}

.formbox #protocol {
    margin: 0px 5px 0 0;
    display: inline;
}

#pwdstrength {
    color: #999;
    line-height: 22px;
    padding-right: 10px;
}

    #pwdstrength b {
        float: left;
        width: 104px;
        height: 13px;
        overflow: hidden;
        margin-top: 5px;
        *margin-top: 3px;
    }

.strengthA b {
    background: url(../Images/pwdstrength.gif) no-repeat 0 0;
}

.strengthB b {
    background: url(../Images/pwdstrength.gif) no-repeat 0 -13px;
}

.strengthC b {
    background: url(../Images/pwdstrength.gif) no-repeat 0 -26px;
}

.btts {
    width: auto;
    height: 28px;
    border: 1px #CC4646 solid;
    background: #F27171;
}

.btts1 {
    width: auto;
    height: 28px;
    color: #666;
}

.hqyz {
    width: auto;
    height: 28px;
    border: 1px #ccc solid;
    background: #E6E6E6;
}

.fl {
    float: left;
}

.yzmtext {
    float: left;
    width: 100px;
    height: 30px;
}

.yzmimg {
    float: left;
    margin-left: 20px;
    width: 68px;
    height: 28px;
    line-height: 28px;
}

.yzmbtn {
    float: left;
    margin-left: 20px;
    width: 120px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    font-size: 12px;
    background: #E6E6E6;
    height: 30px;
    line-height: 30px;
    border: 1px #ccc solid;
    color: #666;
}