/*v=1.0.7*/
html {
    /*background: #f4f7fa;*/
    font-family: 'Microsoft YaHei', 'Arial', '宋体';
    font-size: 12px;
    color: #4c637b;
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
strong,
xmp {
    font-family: 'Microsoft YaHei', 'Arial', '宋体';
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    background: #e6e9f0;
}

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

fieldset,
img {
    margin: 0;
    border: 0;
}

@font-face {
    font-family: LCEngschrift;
    src: url('/Content/Engschrift.otf');
}

/*a:hover {
        color: #ff5e52;
    }*/

var,
em,
strong {
    font-style: normal;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
    font-weight: inherit;
    font-style: inherit;
}

del,
ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    font-variant: normal;
    border: 0;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}


/*
  共用样式
*/

.member-wrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;
}

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

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

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

.middle {
    vertical-align: middle;
}

.sub {
    vertical-align: sub !important;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

.bold {
    font-weight: bold;
}

.rel {
    position: relative;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

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

.none {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    opacity: 0;
    border: 0;
    filter: alpha(opacity=0);
}

.black {
    color: #292c35 !important;
}

.gray {
    color: #484d5a;
}

.blue {
    color: #3c87d2;
}

.green {
    color: #396;
}

.orange {
    color: #fe7e00;
}

.yellow {
    color: #efa91f;
}

.gray-light {
    color: #d2d2d2;
}

.red {
    color: #ff5f53 !important;
}

.white {
    color: #fff !important;
}

.bg_red {
    background: #f96768;
}

.borderNone {
    border: none !important;
}

.lh0 {
    line-height: 0;
}

.lh16 {
    line-height: 16px !important;
}

.lh20 {
    line-height: 20px;
}

.lh30 {
    line-height: 30px;
}

.lh40 {
    line-height: 40px;
}

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

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.table {
    width: 100%;
}

.font12-txt {
    font-size: 12px;
    line-height: 14px;
}

.font12-txt40 {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
}

.pd8 {
    padding: 8px 0;
}

.pd10 {
    padding: 10px 0;
}

.pt0 {
    padding-top: 0 !important;
}

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

.pt10 {
    padding-top: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pr24 {
    padding-right: 24px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl0 {
    padding-left: 0 !important;
}

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

.pl20 {
    padding-left: 20px;
}

.pl35 {
    padding-left: 35px;
}

.pl60 {
    padding-left: 60px !important;
}

.pd3 {
    padding: 3px 0 !important;
}

.pd20 {
    padding: 20px 0;
}

.pd5 {
    padding: 0 5px;
}

.mt-3 {
    margin-top: -3px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mr10 {
    margin-right: 10px;
}

.mr12 {
    margin-right: 12px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt25 {
    margin-top: 25px;
}

.ml170 {
    margin-left: 170px;
}

.w100 {
    width: 100px !important;
}

.v-top {
    vertical-align: top;
}

.block {
    display: block;
}

.bb-2 {
    border-bottom: 2px solid #e3eaf3;
}

.agent-list-row li {
    line-height: 30px;
    float: left;
    width: 35%;
    margin-bottom: 10px;
}

.list-no-margin li {
    margin-bottom: 0;
}

.agent-list-row .row1 {
    width: 100%;
}

.agent-list-row .row2 {
    width: 50%;
}

.agent-list-row .row3 {
    width: 33%;
}

.agent-list-row .row3-2 {
    width: 66%;
}

.agent-list-row .row4 {
    width: 25%;
}

.agent-list-row .row4-3 {
    width: 75%;
}

.agent-list-row .row5 {
    width: 20%;
}

.agent-list-row .row5-4 {
    width: 80%;
}

.agent-list-row .list-title {
    width: 120px;
}

.agent-list-row .list-con {
    margin-left: 125px;
}

.js-label-file {
    position: relative;
}

.label-radio input,
.js-checkbox input {
    position: absolute;
    top: -2px;
    left: -9999px;
    width: 20px;
    height: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.radio-group .label-radio {
    margin-right: 5px;
}


/*.relative-t2,*/

.label-radio .icon-radio {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}

.label-radio {
    position: relative;
    min-height: 20px;
    padding-left: 20px;
}

    .label-radio span {
        padding: 0 5px 0 5px !important;
    }

.border-bottom {
    border-bottom: 1px solid #f2f2f2;
}

.member-table .label-radio {
    float: none;
}


/*通用模块*/

.member-mainbox,
.member-maincard {
    border-radius: 2px;
    background: #fff;
}

.member-main {
    margin-bottom: 29px;
}

.member-maincard {
    /*padding: 19px 20px 20px 20px;*/
    padding: 5px 0;
}

.indent-listbox {
    padding: 22px 0 0 0;
}

.list-title {
    float: left;
    width: 170px;
}

.list-con {
    min-width: 130px;
    margin-left: 175px;
}

.tablefix {
    table-layout: fixed;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    display: block;
}

/*小标题*/

.common-subtitle {
    font-size: 14px;
    line-height: 16px;
    color: #292c35;
}

　
/*
    图标 icon
*/
.icon,
.icon2 {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.icon-logo {
    width: 68px;
    height: 21px;
    background: url("/Images/menu/logo.png") no-repeat;
}

.icon-logo-small {
    width: 21px;
    height: 21px;
    background: url("/Images/menu/logo-small.png") no-repeat;
}

.icon-home {
    float: left;
    width: 20px;
    height: 20px;
    background-position: -68px 0;
}

    .icon-home:hover {
        background-position: -68px -30px;
    }

.icon-navbox {
    width: 18px;
    height: 17px;
    background-position: -98px 0;
}

    .icon-navbox:hover {
        cursor: pointer;
        background-position: -98px -30px;
    }

.icon-sidetitle {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-position: -470px -98px;
}

.icon-sidetitle-active {
    background-position: -470px -133px;
}


/*侧边导航图标*/

.icon-arrow {
    width: 5px;
    height: 10px;
    background-position: -180px 0;
}

.icon-quick-set {
    margin: 10px 20px;
    background-position: -152px 0;
}

.icon-quick {
    margin: -3px 10px 0;
    background-position: -50px -204px;
}

.icon-round {
    width: 10px;
    height: 10px;
    background-position: -198px 0;
}

.icon-account,
.icon-finance,
.icon-order,
.icon-proxy-platform,
.icon-journal,
.icon-domain,
.icon-host,
.icon-mail,
.icon-server,
.icon-micro-boat,
.icon-database,
.icon-problem,
.icon-answer,
.icon-payment,
.icon-donwload,
.icon-contact,
.icon-conplaint,
.icon-quick,
.icon-quick-set,
.icon-customer,
.icon-admin,
.icon-agent,
.icon-pdm,
.icon-call-mgt,
.icon-micro-office,
.icon-use-host,
.icon-credible,
.icon-promotion,
.icon-affair,
.icon-preferential,
.icon-statistics,
.icon-other,
.icon-proxy-user,
.icon-agent-products,
.icon-agency-finance,
.icon-agency-business,
.icon-agent-call,
.icon-agent-order,
.icon-nav-retract,
.icon-nav-unfold {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.icon-account {
    background-position: 0 -97px;
}

.icon-finance {
    background-position: -25px -97px;
}

.icon-order {
    background-position: -50px -97px;
}

.icon-proxy-platform {
    background-position: -75px -97px;
}

.icon-journal {
    background-position: -100px -97px;
}

.icon-domain {
    background-position: -124px -97px;
}

.icon-host {
    background-position: -148px -97px;
}

.icon-mail {
    background-position: -172px -97px;
}

.icon-server {
    background-position: -196px -97px;
}

.icon-micro-boat {
    background-position: -220px -97px;
}

.icon-database {
    background-position: -244px -97px;
}

.icon-problem {
    background-position: -268px -97px;
}

.icon-answer {
    background-position: -292px -97px;
}

.icon-payment {
    background-position: -316px -97px;
}

.icon-donwload {
    background-position: -340px -97px;
}

.icon-contact {
    background-position: -364px -97px;
}

.icon-conplaint {
    background-position: -388px -97px;
}

.icon-customer {
    background-position: 0 -233px;
}

.icon-admin {
    background-position: -25px -233px;
}

.icon-agent {
    background-position: -50px -233px;
}

.icon-pdm {
    background-position: -100px -233px;
}

.icon-call-mgt {
    background-position: -124px -233px;
}

.icon-micro-office {
    background-position: -460px -233px;
}

.icon-use-host {
    background-position: -148px -233px;
}

.icon-credible {
    background-position: -172px -233px;
}

.icon-promotion {
    background-position: -196px -233px;
}

.icon-affair {
    background-position: -220px -233px;
}

.icon-preferential {
    background-position: -244px -233px;
}

.icon-statistics {
    background-position: -268px -233px;
}

.icon-other {
    background-position: -292px -233px;
}

.icon-proxy-user {
    background-position: -316px -233px;
}

.icon-agent-products {
    background-position: -340px -233px;
}

.icon-agency-finance {
    background-position: -364px -233px;
}

.icon-agency-business {
    background-position: -388px -233px;
}

.icon-agent-call {
    background-position: -412px -233px;
}

.icon-agent-order {
    background-position: -436px -233px;
}

.icon-nav-retract {
    background-position: -484px -257px;
}

.icon-nav-unfold {
    background-position: -508px -257px;
}

.icon-crumb {
    width: 18px;
    height: 18px;
    background-position: -450px -76px;
}


/*导航图标选中状态*/

.active .icon-arrow {
    width: 10px;
    height: 5px;
    background-position: -180px -30px;
}

.active .icon-round {
    background-position: -198px -30px;
}

.active .icon-account {
    background-position: 0 -121px;
}

.active .icon-finance {
    background-position: -25px -121px;
}

.active .icon-order {
    background-position: -50px -121px;
}

.active .icon-proxy-platform {
    background-position: -75px -121px;
}

.active .icon-journal {
    background-position: -100px -121px;
}

.active .icon-domain {
    background-position: -124px -121px;
}

.active .icon-host {
    background-position: -148px -121px;
}

.active .icon-mail {
    background-position: -172px -121px;
}

.active .icon-server {
    background-position: -196px -121px;
}

.active .icon-micro-boat {
    background-position: -220px -121px;
}

.active .icon-database {
    background-position: -244px -121px;
}

.active .icon-problem {
    background-position: -268px -121px;
}

.active .icon-answer {
    background-position: -292px -121px;
}

.active .icon-payment {
    background-position: -316px -121px;
}

.active .icon-donwload {
    background-position: -340px -121px;
}

.active .icon-contact {
    background-position: -364px -121px;
}

.active .icon-conplaint {
    background-position: -388px -121px;
}

.active .icon-customer {
    background-position: 0 -257px;
}

.active .icon-admin {
    background-position: -25px -257px;
}

.active .icon-agent {
    background-position: -50px -257px;
}

.active .icon-pdm {
    background-position: -100px -257px;
}

.active .icon-call-mgt {
    background-position: -124px -257px;
}

.active .icon-micro-office {
    background-position: -460px -257px;
}

.active .icon-use-host {
    background-position: -148px -257px;
}

.active .icon-credible {
    background-position: -172px -257px;
}

.active .icon-promotion {
    background-position: -196px -257px;
}

.active .icon-affair {
    background-position: -220px -257px;
}

.active .icon-preferential {
    background-position: -244px -257px;
}

.active .icon-statistics {
    background-position: -268px -257px;
}

.active .icon-other {
    background-position: -292px -257px;
}

.active .icon-proxy-user {
    background-position: -316px -257px;
}

.active .icon-agent-products {
    background-position: -340px -257px;
}

.active .icon-agency-finance {
    background-position: -364px -257px;
}

.active .icon-agency-business {
    background-position: -388px -257px;
}

.active .icon-agent-call {
    background-position: -412px -257px;
}

.active .icon-agent-order {
    background-position: -436px -257px;
}

.icon-nav-retract:hover {
    color: #3c87d2;
}

.icon-nav-unfold:hover {
    background-position: -508px -233px;
}


/* 实名/手机/邮箱 验证 */

.icon-realname,
.icon-realname-active {
    width: 15px;
    height: 16px;
    background-position: -220px 0;
}

.icon-phone,
.icon-phone-active {
    width: 10px;
    height: 16px;
    background-position: -244px 0;
}

.icon-mail-varification,
.icon-mail-varification-active {
    width: 16px;
    height: 16px;
    background-position: -268px 0;
}

.icon-realname:hover,
.icon-realname-active {
    background-position: -220px -30px;
}

.icon-phone:hover,
.icon-phone-active {
    background-position: -244px -30px;
}

.icon-mail-varification:hover,
.icon-mail-varification-active {
    background-position: -268px -30px;
}


/* 到期提示 */

.icon-histogram-blue,
.icon-histogram-yellow,
.icon-histogram-green,
.icon-histogram-red,
.icon-histogram-violet,
.icon-histogram-brown {
    width: 55px;
    height: 18px;
}

.icon-histogram-blue {
    background-position: 0 -145px;
}

.icon-histogram-yellow {
    background-position: -58px -145px;
}

.icon-histogram-green {
    background-position: -116px -145px;
}

.icon-histogram-red {
    background-position: -175px -145px;
}

.icon-histogram-violet {
    background-position: -235px -145px;
}

.icon-histogram-brown {
    background-position: -296px -145px;
}

.icon-round-yellow,
.icon-round-blue {
    width: 10px;
    height: 10px;
}

.icon-round-yellow {
    background-position: -296px 0;
}

.icon-round-blue {
    background-position: -296px -30px;
}


/*勾 叉 添加*/

.icon-true {
    width: 14px;
    height: 10px;
    background-position: -364px -30px;
}

.icon-false {
    width: 10px;
    height: 10px;
    background-position: -364px -0;
}

.icon-add,
.icon-add-green,
.icon-add-gray {
    width: 12px;
    height: 12px;
}

.icon-add {
    background-position: -388px 0;
}

.icon-add-green {
    background-position: -388px -14px;
}

.icon-add-gray {
    background-position: -388px -30px;
}


/*日历*/

.icon-calendar {
    width: 15px;
    height: 16px;
    background-position: -388px -54px;
}


/*帮助问号*/

.icon-help,
.icon-stop-left,
.icon-drop-bottom,
.icon-complete,
.icon-failure,
.icon-careful,
.icon-careful-red,
.icon-careful-yellow,
.icon-ban,
.icon-ban-blue,
.icon-wait,
.icon-increase,
.icon-cease,
.icon-illegal,
.icon-illegal-yellow,
.icon-round-gray,
.icon-top,
.icon-search,
.icon-deleted {
    width: 16px;
    height: 16px;
}

.icon-help {
    font-style: inherit;
    position: relative;
    top: -2px;
    cursor: pointer;
    background-position: -364px -54px;
}

.icon-careful {
    background-position: -316px -77px;
}

.icon-careful-red {
    background-position: -340px -30px;
}

.icon-careful-yellow {
    background-position: -317px -194px;
}

.icon-ban {
    background-position: -388px -77px;
}

.icon-ban-blue {
    cursor: pointer;
    background-position: -411px -77px;
}

.icon-wait {
    background-position: -412px -54px;
}

.icon-increase {
    cursor: pointer;
    background-position: -412px -30px;
}

.icon-cease {
    background-position: -412px -121px;
}

.icon-illegal {
    background-position: -412px -145px;
}

.icon-illegal-yellow {
    background-position: -412px -168px;
}

.icon-round-gray {
    background-position: -244px -168px;
}

.icon-top {
    background-position: -317px -168px;
}

.icon-search {
    cursor: pointer;
    background-position: -25px -204px;
}

    .icon-search:hover {
        background-position: 0 -204px;
    }

.icon-deleted {
    background-position: -412px -188px;
}


/*正确-完成*/

.icon-complete {
    /*margin: 0 5px;*/
    background-position: -364px -77px;
}

.icon-failure {
    /* margin: 0 5px;*/
    background-position: -340px -77px;
}


/*收缩按钮*/

.icon-stop-left {
    background-position: -292px -54px;
}

.icon-drop-bottom {
    background-position: -268px -54px;
}


/*表单 - 单选框*/

.icon-radio,
.icon-radio-checked,
.icon-checkbox,
.icon-checkbox-checked {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-position: -316px -54px;
}

.icon-radio-checked {
    background-position: -340px -54px;
}


/*表单 - 复选框*/

.js-checkbox {
    position: relative;
}

.icon-checkbox {
    background-position: -364px -145px;
}

.icon-checkbox-checked {
    background-position: -388px -145px;
}


/*优惠券*/

.icon-coupons {
    line-height: 30px;
    width: 48px;
    height: 30px;
    padding: 0 6px 0 26px;
    text-align: center;
    background-position: 0 -168px;
}


/*开启 暂停*/

.icon-start,
.icon-stop,
.icon-stop-green,
.icon-start-yellow,
.icon-start-gray {
    width: 15px;
    height: 16px;
    background-position: -268px -77px;
}

.icon-stop {
    background-position: -296px -77px;
}

.icon-stop-green {
    background-position: -411px -97px;
}

.icon-start-yellow {
    background-position: -412px 0;
}

.icon-start-gray {
    background-position: -412px -205px;
}

.icon-bind,
.icon-belan {
    width: 18px;
    height: 16px;
}

.icon-bind {
    background-position: -269px -168px;
}

.icon-belan {
    background-position: -296px -168px;
}


/*上传-下载*/

.icon-upload,
.icon-dowload,
.icon-open,
.icon-retract {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.icon-dowload {
    background-position: -145px -168px;
}

    .icon-dowload:hover {
        background-position: -172px -168px;
    }

.icon-upload {
    background-position: -116px -168px;
}

    .icon-upload:hover {
        background-position: -88px -168px;
    }

.icon-open {
    background-position: -346px -194px;
}

.icon-retract {
    background-position: -346px -211px;
}


/*支付图标*/

.icon2 {
    position: relative;
    top: -2px;
    left: 0;
    width: 170px;
    height: 28px;
    background-image: url(../images/bg-C.jpg);
}

.icon-icbc {
    background-position: 0 0;
}

.icon-abc {
    background-position: 0 -28px;
}

.icon-ccb,
.icon-cmbc {
    width: 180px;
    height: 40px;
}

.icon-ccb {
    /*background-position: 0 -56px;*/
    background-position: -171px 0;
}

.icon-cmbc {
    /*background-position: 0 -84px;*/
    background-position: -171px -40px;
}

.icon-aip,
.icon-aliplay,
.icon-fast,
.icon-online {
    height: 40px;
}

.icon-aip {
    /*background-position: 0 -112px;*/
    background-position: 0 -317px;
}

.icon-aliplay {
    /*background-position: 0 -140px;*/
    background-position: 0 -277px;
}

.icon-fast {
    /*background-position: 0 -168px;*/
    background-position: 0 -357px;
}

.icon-online {
    /*background-position: 0 -196px;*/
    background-position: 0 -397px;
}

.icon-ccb-small,
.icon-cmb-small {
    width: 53px;
    height: 53px;
}

.icon-ccb-small {
    background-position: 0 -225px;
}

.icon-cmb-small {
    background-position: -53px -225px;
}

.icon-progress {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-position: -198px -168px;
}

.icon-computer {
    width: 16px;
    height: 14px;
    background-position: -364px -168px;
}

.icon-record,
.icon-record-green,
.icon-record-yellow,
.icon-verification,
.icon-verification-green {
    width: 14px;
    height: 16px;
}

.icon-record {
    background-position: -340px -168px;
}

.icon-record-green {
    background-position: -431px -77px;
}

.icon-record-yellow {
    background-position: 0 -33px;
}

.icon-verification {
    background-position: -20px -33px;
}

.icon-verification-green {
    background-position: -38px -33px;
}

.icon-flow,
.icon-flow-close,
.icon-flow-unusual {
    width: 16px;
    height: 16px;
}

.icon-flow {
    background-position: -184px -280px;
}

.icon-flow-close {
    background-position: -166px -280px;
}

.icon-flow-unusual {
    background-position: -202px -280px;
}


/*管理员中心-邮局管理-邮局列表*/

.icon-track {
    width: 17px;
    height: 17px;
    background-position: -170px -203px;
}

.icon-track-blue {
    width: 17px;
    height: 17px;
    background-position: -192px -203px;
}

.icon-log {
    width: 17px;
    height: 15px;
    background-position: -107px -203px;
}

.icon-log-blue {
    width: 17px;
    height: 15px;
    background-position: -83px -203px;
}

.icon-manage {
    width: 17px;
    height: 15px;
    background-position: -150px -203px;
}

.icon-manage-blue {
    width: 17px;
    height: 15px;
    background-position: -128px -203px;
}

.icon-successful-blue {
    width: 40px;
    height: 40px;
    background-position: -367px -187px;
}


/*域名状态*/

.icon-record-no,
.icon-record-exempt,
.icon-approve,
.icon-report-check,
.icon-report-back,
.icon-alteration-check,
.icon-alteration-back,
.icon-cancel-check,
.icon-cancel-back,
.icon-check-success,
.icon-check-fail,
.icon-over-stop {
    width: 16px;
    height: 16px;
}

.icon-record-return {
    width: 20px;
    height: 18px;
}

.icon-record-no {
    background-position: -134px -280px;
}

.icon-record-exempt {
    background-position: -150px -280px;
}

.icon-record-return {
    background-position: 0 -280px;
}

.icon-approve {
    background-position: -22px -280px;
}

.icon-report-check {
    background-position: -38px -280px;
}

.icon-report-back {
    background-position: -54px -280px;
}

.icon-alteration-check {
    background-position: -70px -280px;
}

.icon-alteration-back {
    background-position: -86px -280px;
}

.icon-cancel-check {
    background-position: -102px -280px;
}

.icon-cancel-back {
    background-position: -118px -280px;
}

.icon-check-success {
    background-position: -470px -77px;
}

.icon-check-fail {
    background-position: -488px -77px;
}

.icon-notname {
    width: 20px;
    height: 20px;
    background-position: -220px -279px;
}

.icon-hasname {
    width: 20px;
    height: 20px;
    background-position: -240px -279px;
}

.icon-over-stop {
    background-position: -244px -190px;
}

/*返回按钮图标*/

.icon-back {
    width: 20px;
    height: 14px;
    margin: -4px 4px 0 0;
}

.icon-back {
    background-position: -432px -1px;
}


/*头部图标*/

.icon-qq,
.icon-online-top,
.icon-email,
.icon-phone-top {
    width: 32px;
    height: 32px;
}

.icon-phone-top {
    background-position: -434px -97px;
}

.icon-qq {
    background-position: -434px -130px;
}

.icon-online-top {
    background-position: -434px -163px;
}

.icon-email {
    background-position: -433px -196px;
}

.icon-tips-guide {
    width: 32px;
    height: 32px;
    background-position: -469px -168px;
}


/*头部*/

.member-header {
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
    min-width: 1150px;
    height: 60px;
    background: #fff; /*#d6dfeb;*/
}

    .member-header a {
        /*color: #fff; */
    }


/* logo */

.member-logo {
    position: relative;
    float: left;
    width: 200px;
    height: 60px;
    background-color: #1f252e; /*#cd3736*/
}

    .member-logo .icon-logo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-top: 20px;
        margin-left: 10px;
    }


/* 头部主导航 */

.member-home {
    float: left;
    padding-right: 9px;
    border-right: 1px solid #8c9eaf;
}

.member-nav {
    font-size: 14px;
    line-height: 16px;
    float: left;
    width: auto;
    margin-top: 3px;
    display: inline;
    position: relative;
}

    .member-nav li {
        display: inline;
        color: #8c9eaf;
    }

    .member-nav a {
        padding: 0 8px;
        color: #4e637b;
    }

        .member-nav a:hover {
            color: #cc3a39;
        }

.topbar-nav-btn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 60px;
    width: 100px;
    height: 60px;
    padding: 0 30px;
    cursor: pointer;
}

    .topbar-nav-btn:hover {
        color: #666;
    }

    .topbar-nav-btn .gt {
        position: absolute;
        z-index: 10;
        top: 23px;
        right: 36px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-right: 0;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #d6dfeb;
    }

    .topbar-nav-btn .gt1 {
        z-index: 9;
        right: 35px;
        border-left: 7px solid #55677d !important;
    }

.member-navbox {
    white-space: nowrap;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 10px;
    left: 110px;
    min-width: 395px;
    padding: 9px;
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #666;
}

    .member-navbox:after,
    .member-navbox:before {
        top: 10px;
        left: -8px;
    }

    .member-navbox::after, .member-navbox::before {
        content: '';
        position: absolute;
        top: 9px;
        left: -8px;
        width: 0;
        height: 0;
        border-left: 0;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
        border-bottom: 8px solid transparent;
    }

/* 头部注册信息 */

.member-header-infor {
    float: right;
    /*padding: 15px 15px 10px 0;*/
    /*line-height: 30px;*/
}

.sub-cont {
    position: absolute;
    top: 60px;
    display: none;
}

    .sub-cont .contact li {
        float: left;
    }

    .sub-cont ol {
        background: #ebf0f5;
    }

    .sub-cont dl {
        background: #d6dfeb;
    }

.common-link-list .sub-cont dl {
    padding: 10px 40px;
    cursor: default;
    background: #d6dfeb;
}

.user-info-list li {
    font-size: 12px;
    line-height: 60px;
    float: left;
    min-width: 80px;
}

.common-link-list > li {
    line-height: 60px;
    float: left;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
}

    .common-link-list > li:hover {
        color: #e2383a;
    }

    .common-link-list > li:hover,
    .user-name:hover {
        background: #ebf0f5;
    }

        .common-link-list > li:hover .sub-cont,
        .user-name:hover .sub-cont,
        .sub-cont a {
            display: block;
        }

.common-link-list .contact li {
    padding: 20px 15px;
}

.common-link-list ol li,
.user-name ol li {
    line-height: 30px;
    padding: 0 15px;
    cursor: default;
}

.common-link-list dl dt {
    line-height: 48px;
    float: left;
    width: 50px;
}

.common-link-list dl dd {
    line-height: 24px;
    text-align: left;
}

.user-name ol li {
    clear: left;
    min-width: inherit;
    text-align: center;
}

    .user-name ol li a {
        padding: 6px 10px;
    }

.member-conversion {
    position: relative;
    width: 188px;
    height: 35px;
    margin: 12px 0;
    padding: 3px 2px 0 10px;
    border-radius: 5px;
    background: #fff;
}

    .member-conversion input {
        position: absolute;
        width: 105px;
        height: 30px;
        border: 0;
        background: #fff;
    }

    .member-conversion .btn {
        line-height: 14px;
        position: absolute;
        top: 4px;
        right: -1px;
        color: #55677d;
        background: #b5c4d7;
    }

.member-conversion2 {
    width: 60px;
}

.member-select {
    position: absolute;
    top: 32px;
    left: 0;
    display: none;
    width: 100px;
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 5px;
    background: #333742;
}


/* 页面侧边导航老版本 start */

/*.member-sidenav,
.member-sub-sidenav {
    line-height: 40px;
    z-index: 5;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
}

.member-sidenav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 180px;
}

.icon-box {
    display: inline-block;
    width: 25%;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

    .icon-box .iconfont {
        color: #4c637b;
    }

.member-sub-sidenav {
    position: absolute;
    top: 0;
    right: -160px;
    width: 160px;
    background: #ebf0f5;
}

.member-navlist,
.member-navlist a {
    line-height: 45px;
    z-index: 5;
    color: #9EB2C7;
}

.member-sidenav {
    background: #333a4c;
}

    .member-sidenav h2 {
        position: relative;
        cursor: pointer;
        background: #333a4c;  #0c253b;  2d3143  394458
        line-height: 40px;
    }

        .member-sidenav h2.active {
            color: #00aaef;
            background: #3e4359;
            border-left: 2px solid #00aaef;
        }

        .member-sidenav h2.hoveractive {
            background: #3e4359;
        }

        .member-sidenav h2:hover {
            background: #3e4359;
        }

        .member-sidenav h2 span {
            width: 25px;
            padding-left: 15px;
            text-align: left;
        }

.member-navlist ol {
    display: none;
    background: #2d3143;
}

.member-quicklink ol {
    display: block;
}

.member-sidenav a {
    display: block;
    width: 100%;
    height: 100%;
}

.member-navlist ol a {
    padding-left: 40px;
    text-decoration: none;
    line-height: 25px;
    font-size: 14px;
    cursor: default;
}


/.member-navlist .active a,
.member-navlist .active a:hover {
    color: #00aaef;
    border-left: 2px solid #00aaef;
    background: #3f4a60;
    text-decoration: none;
}/

.member-navlist .hoveractive {
    background: #3e4359;
}

    .member-navlist .hoveractive a {
        border-left: 2px solid #00aaef;
    }

.member-navlist .active .iconfont {
    color: #00aaef;
}

.member-navlist {
    font-size: 15px;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    min-height: 100%;
    background: #02192b;
}

    .member-navlist li {
        position: relative;
        width: 180px;
    }

        .member-navlist li ul {
            overflow: hidden;
            position: relative;
        }

            .member-navlist li ul .navlist-more {
                display: none;
                position: absolute;
                right: 10px;
                bottom: 0px;
            }

                .member-navlist li ul .navlist-more a {
                    color: #819bb6;
                    text-decoration: none;
                    font-size: 12px;
                }

                    .member-navlist li ul .navlist-more a:hover {
                        color: #00aaef;
                    }

            .member-navlist li ul li {
                position: relative;
                font-size: 14px;
            }

                .member-navlist li ul li a {
                    line-height: 25px;
                    height: 25px;
                    text-decoration: none;
                    font-size: 13px;
                    color: #667A8E; /#819bb6;/
                    padding-left: 69px;
                    cursor: pointer;
                }

                    .member-navlist li ul li a span {
                        position: absolute;
                        right: 8px;
                        top: 0px;
                        color: #d9534f;
                        transform: scale(0.8);
                    }

                    .member-navlist li ul li a.active {
                        color: #00aaef;
                    }

                    .member-navlist li ul li a.disable {
                        color: #46525E;
                    }

                    .member-navlist li ul li a:hover {
                        color: #00aaef;
                        background: #3e4359; /#092a44;/
                        text-decoration: none;
                    }


.member-sidenav .member-sidetitle {
    line-height: 30px;
    position: fixed;
    z-index: 5;
    bottom: 6px;
    width: 180px;
    text-align: left;
}
.member-navlist-three {
    display: none;
    position: fixed;
    top: 180px;
    left: 180px;
    width: 150px;
    z-index: 9;
    background: #3e4359;
    max-height: 450px;
}

    .member-navlist-three .nav-title {
        display: block;
        padding-left: 20px;
        color: #9EB2C7;
        font-size: 15px;
        line-height: 45px;
    }

    .member-navlist-three ul {
        display: block;
        overflow: hidden;
    }

    .member-navlist-three li a {
        text-decoration: none;
        cursor: default;
        padding-left: 20px;
        color: #9EB2C7;
        font-size: 14px;
    }

    .member-navlist-three li ul {
        overflow: hidden;
        position: relative;
    }

        .member-navlist-three li ul .navlist-more {
            display: none;
            position: absolute;
            right: 2px;
            bottom: 3px;
        }

            .member-navlist-three li ul .navlist-more a {
                color: #819bb6;
                text-decoration: none;
                font-size: 12px;
            }

                .member-navlist-three li ul .navlist-more a:hover {
                    color: #00aaef;
                }

        .member-navlist-three li ul li {
            position: initial;
            font-size: 14px;
        }

            .member-navlist-three li ul li a {
                line-height: 25px;
                height: 25px;
                text-decoration: none;
                font-size: 13px;
                color: #667A8E; /#819bb6;/
                padding-left: 50px;
                cursor: pointer;
            }

                .member-navlist-three li ul li a.active {
                    color: #00aaef;
                }

                .member-navlist-three li ul li a.disable {
                    color: #46525E;
                }

                .member-navlist-three li ul li a:hover {
                    color: #00aaef;
                    background: #3e4359; /#092a44;/
                    text-decoration: none;
                }




.member-navlink .nav-cont {
    line-height: 35px;
    float: right;
    width: 75%;
    height: 35px;
}

.member-navlink .jiantou-box {
    width: 10%;
    float: right;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
}*/

/* 页面侧边导航老版本 end */

/* 页面侧边导航 start */

.member-sidenav,
.member-sub-sidenav {
    line-height: 40px;
    z-index: 5;
    bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
}

.member-sidenav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 180px;
}

.member-sub-sidenav {
    position: absolute;
    top: 0;
    right: -160px;
    width: 160px;
    background: #ebf0f5;
}

.member-navlist,
.member-navlist a {
    line-height: 45px;
    z-index: 5;
    color: #819bb6;
}

.member-sidenav {
    background: #333a4c;
}

    .member-sidenav h2 {
        position: relative;
        cursor: pointer;
        background: #333a4c; /*#0c253b;  2d3143  394458*/
    }

        .member-sidenav h2:hover {
            background: #3e4359;
        }

.member-navlist ol {
    display: none;
    background: #2d3143;
}

.member-quicklink ol {
    display: block;
}

.member-sidenav a {
    display: block;
    width: 100%;
    height: 100%;
}

.member-navlist ol a {
}

    .member-navlist ol a:hover {
        color: #00aaef;
        background: #3e4359; /*#092a44;*/
        text-decoration: none;
    }

.member-navlist .active a,
.member-navlist .active a:hover {
    color: #00aaef;
    border-left: 2px solid #00aaef;
    background: #3f4a60;
    text-decoration: none;
}

.member-navlist .hoveractive {
    background: #3e4359;
}

    .member-navlist .hoveractive a {
        border-left: 2px solid #00aaef;
    }

.member-navlist .active .iconfont {
    color: #00aaef;
}

.member-navlist {
    font-size: 15px;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    min-height: 100%;
    background: #02192b;
}

    .member-navlist li {
        position: relative;
        width: 180px;
    }

.member-sidenav .member-sidetitle {
    line-height: 30px;
    position: fixed;
    z-index: 5;
    bottom: 6px;
    width: 180px;
    text-align: left;
}

.member-navlist-three {
    display: none;
    position: fixed;
    top: 180px;
    left: 180px;
    width: 150px;
    z-index: 9;
    background: #3f4a60;
}

    .member-navlist-three .navlist-more {
        display: none;
        position: absolute;
        right: 5px;
        bottom: 14px;
    }

        .member-navlist-three .navlist-more a {
            color: #819bb6;
            text-decoration: none;
        }

            .member-navlist-three .navlist-more a:hover {
                color: #00aaef;
            }

    .member-navlist-three ul {
        display: block;
        overflow: hidden;
    }

    .member-navlist-three li:hover {
        background: #2d3143;
    }

    .member-navlist-three li a {
        line-height: 45px;
        color: #819bb6;
    }

        .member-navlist-three li a:hover {
            color: #00aaef;
        }


.icon-box {
    display: inline-block;
    width: 25%;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

    .icon-box .iconfont {
        color: #4c637b;
    }

.member-navlink .nav-cont {
    line-height: 45px;
    float: right;
    width: 75%;
    height: 45px;
}

.member-navlink .jiantou-box {
    width: 10%;
    float: right;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
}

.nav-title {
    line-height: 40px;
    position: absolute;
    z-index: 9;
    top: 40px;
    left: 65px;
    display: none;
    padding: 0 10px;
    white-space: nowrap;
    color: #fff;
    background: rgba(2, 25, 43, .8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#c802192b, endColorstr=#c802192b);
}

    .nav-title:after {
        position: absolute;
        top: 50%;
        left: -12px;
        width: 0;
        height: 0;
        margin-top: -8px;
        content: '';
        border-top: 8px solid transparent;
        border-right: 12px solid rgba(2, 25, 43, .8);
        border-bottom: 8px solid transparent;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#c802192b, endColorstr=#c802192b);
    }
/* 页面侧边导航 end */

.member-subnavbox {
    display: none;
}

    .member-subnavbox ul {
        overflow: hidden;
        width: 160px;
        padding-bottom: 29px;
    }

    .member-subnavbox li a {
        line-height: 20px;
        width: auto;
        padding: 10px 30px 10px 30px;
    }

    .member-subnavbox .active a {
        background: #fff;
    }

    .member-subnavbox li a:hover {
        color: #333;
        background: #f4f6f8;
    }

.member-subnav-h1,
.member-subnav-h2 {
    overflow: hidden;
    width: 160px;
    text-indent: 30px;
}

.member-subnav-h1 {
    font-size: 14px;
    /*line-height: 70px;*/
    font-weight: bold;
    color: #333;
    background: #eaedf1;
}

.member-subnav-h2 {
    background: #e4e8ec;
}

.member-quicklink {
    background: #363d4d;
}

    .member-quicklink a {
        text-decoration: none;
    }

        .member-quicklink a:hover {
            color: inherit;
            text-decoration: none;
        }

.side-corner-bg {
    position: fixed;
    z-index: 8;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 6px;
    background: #cd3736;
}

.alert-tips {
    font-size: 12px;
    font-size: 12px;
    line-height: 28px;
    position: absolute;
    top: 10px;
    left: 40px;
    display: none;
    padding: 0 5px !important;
    white-space: nowrap;
    color: #8c9eaf;
    border: 1px solid #3b3f4a;
    border-radius: 2px;
    background: #24272f;
}

    .alert-tips:after,
    .alert-help-tips:after,
    .alert-help-tips:before {
        position: absolute;
        top: 4px;
        left: -5px;
        width: 5px;
        height: 10px;
        content: '';
    }

a:hover .alert-tips,
h2:hover .alert-tips {
    display: block;
}

.alert-help-tips,
.alert-warn-tips {
    line-height: 20px;
    position: absolute;
    z-index: 9;
    display: none;
    padding: 9px;
    color: #666;
    border: 1px solid #b2b2b2;
    background: #fff;
}

    .alert-help-tips:after,
    .alert-help-tips:before {
        top: 10px;
        left: -10px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-right: 10px solid #b2b2b2;
        border-bottom: 8px solid transparent;
        background: none;
    }

    .alert-help-tips:before {
        z-index: 2;
        top: 10px;
        left: -8px;
        border-right: 10px solid #fff;
    }

.icon-help:hover .alert-help-tips,
.icon-help:hover .alert-warn-tips {
    display: inline-block;
}

.icon-help .alert-help-tips {
    top: -11px;
    left: 28px;
}

.alert-warn-tips:after,
.alert-warn-tips:before {
    position: absolute;
    top: 10px;
    right: -10px;
    width: 0;
    height: 0;
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #b2b2b2;
    background: none;
}

.alert-warn-tips:before {
    z-index: 2;
    top: 10px;
    right: -8px;
    border-left: 10px solid #fff;
}

.icon-help .alert-warn-tips {
    top: -11px;
    right: 65px;
}


/*首次访问引导*/


/*.tips-group {
    position: absolute;
}*/

.tips-group .mask {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background-color: #000;
    filter: alpha(opacity=50);
}

.tips-box-begin {
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 730px;
    height: 568px;
    margin-top: -284px;
    margin-left: -365px;
    color: #4c637b;
    background: url('../images/icon-guide-begin.png') no-repeat center;
}

.tips-begin-cont {
    position: absolute;
    bottom: 0;
    padding: 30px 60px;
}

    .tips-begin-cont h2 {
        line-height: 40px;
    }

    .tips-begin-cont p {
        line-height: 32px;
        text-indent: 2em;
    }

.btn-guide {
    font-size: 16px;
    line-height: 50px;
    display: inline-block;
    width: 150px;
    height: 50px;
    margin-top: 20px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background-color: #ff7475;
}

.tips-guide {
    position: fixed;
    z-index: 999;
    width: 240px;
    padding: 10px;
    color: #4c637b;
    border-radius: 4px;
    background-color: #fff;
}

    .tips-guide:before,
    .tips-guide:after {
        position: absolute;
        top: 14px;
        left: -8px;
        width: 0;
        height: 0;
        content: '';
        border-top: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid #d5d5d5;
        border-bottom: 8px solid rgba(0, 0, 0, 0);
        border-left: 0;
        ;
    }

.tips-box5:before,
.tips-box5:after {
    right: -8px;
    left: inherit;
    border-right: 0;
    border-left: 8px solid #d5d5d5;
}

.tips-guide:after {
    left: -7px;
    border-right: 10px solid #fff;
}

.tips-box5:after {
    right: -7px;
    left: inherit;
    border-right: 0;
    border-left: 10px solid #fff;
}

.tips-guide .user-help-con {
    padding: 0 0 0 45px;
}

.guide-jump {
    color: #819bb6;
}

.tips-box1 {
    top: 58px;
    left: 180px;
}

.tips-box2 {
    top: 58px;
    left: 336px;
}

.tips-box3 {
    top: 100px;
    left: 180px;
}

.tips-box4 {
    top: 340px;
    left: 180px;
}

.tips-box5 {
    top: 20px;
    right: 495px;
}


/*上行弹框*/

.product-tips-alert .icon {
    position: relative;
}

.pro-alert-box {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: -26px;
    left: -5px;
    display: none;
    padding: 0 5px;
    white-space: nowrap;
    color: #666;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff;
}

    .pro-alert-box:after,
    .pro-alert-box:before {
        position: absolute;
        left: 5px;
        width: 0;
        height: 0;
        content: '';
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

    .pro-alert-box:after {
        top: 17px;
        border-top: 6px solid #fff;
    }

    .pro-alert-box:before {
        top: 18px;
        border-top: 6px solid #b2b2b2;
    }

a:hover .pro-alert-box {
    display: block;
}

.nav-retract {
    position: fixed;
    z-index: 5;
    top: 200px;
    left: 395px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #ccc;
    cursor: pointer;
}

    .nav-retract:hover {
        z-index: 20;
        color: #3c87d2;
    }

    .nav-retract .icon {
        vertical-align: top;
    }


/* 页面主体 */

.member-main {
    position: relative;
    z-index: 1;
    /*min-width: 1210px;*/
    margin: 70px 10px 0 360px;
}


/*卡片*/

.mode-rowbox {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}

.mode-card-basicinfo {
    padding-right: 444px;
}

.basicinfo-title dl {
    margin: 10px 0;
}

.basicinfo-title dd {
    line-height: 24px;
}

.mode-card-title {
    line-height: 36px;
    padding: 12px 16px;
    background-color: #e3eaf3;
}

    .mode-card-title .user-name-txt {
        font-size: 16px;
        color: #278bf2;
    }

    .mode-card-title .user-indentity {
        font-size: 12px;
        display: inline-block;
        color: #4c637b;
    }

    .mode-card-title .user-load-info {
        font-size: 12px;
        color: #819bb6;
    }

.mode-card-ctx {
    font-size: 12px;
    line-height: 28px;
    padding: 20px 16px;
    background-color: #f2f6fa;
}

    .mode-card-ctx .user-account-info {
        color: #819bb6;
    }

.user-account-info em {
    font-size: 20px;
    color: #ff7675;
}

.basicinfo-link-line {
    display: inline-block;
    color: #819bb6;
}

    .basicinfo-link-line a {
        color: #278bf2;
    }

.basicinfo-title {
    padding: 17px 33px;
}

.mode-card-advert {
    position: absolute;
    top: 0;
    right: 0;
}

    .mode-card-advert img {
        width: 210px;
        height: 210px;
    }

.mode-card-newPro {
    min-width: 1080px;
}

.newPro-title {
    line-height: 24px;
    position: relative;
    width: 95px;
    padding: 12px 0;
}

.triangle-border-top {
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    width: 0;
    height: 0;
    border-width: 54px 0 0 20px;
    border-style: solid;
    border-color: transparent transparent transparent #e3eaf3;
}

.triangle-border-bottom {
    position: absolute;
    right: -20px;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 54px 20px 0 0;
    border-style: solid;
    border-color: #e3eaf3 transparent transparent transparent;
}

.newPro-title .span-tit {
    font-size: 12px;
    position: relative;
    left: 3px;
    display: inline-block;
    width: 59%;
    margin-top: 9px;
}

.newPro-ctx {
    min-width: 915px;
    padding: 32px 16px 32px 54px;
}

    .newPro-ctx li {
        float: left;
        width: 19.88%;
        text-indent: 20px;
        border-left: 1px solid #e3eaf3;
    }

    .newPro-ctx .tit {
        line-height: 20px;
        color: #4c637b;
    }

    .newPro-ctx .txt {
        font-size: 16px;
        line-height: 24px;
        color: #278bf2;
    }

.myprolist-ctx {
    padding: 0;
}

    .myprolist-ctx ul {
        overflow: hidden;
    }

        .myprolist-ctx ul > li {
            float: left;
            width: 25%;
            min-width: 250px;
            height: 99px;
            margin-bottom: -1px;
            margin-left: -1px;
            padding: 15px 0 5px;
            border-bottom: 1px solid #e3eaf3;
            border-left: 1px solid #e3eaf3;
        }

    .myprolist-ctx ol {
        float: left;
    }

    .myprolist-ctx .sort-title {
        float: left;
        min-width: 70px;
        margin-left: 30px;
        padding: 20px 5px;
        text-align: center;
        color: #4c637b;
    }

.sort-title .iconfont {
    font-size: 32px;
}

.myprolist-ctx .small-title {
    line-height: 30px;
    display: inline-block;
    text-align: right;
    color: #819bb6;
}

.myprolist-ctx .small-con {
    margin-left: 18px;
    color: #278bf2;
}

.mode-card-pie {
    padding-right: 444px;
}

.pie-ctx li,
.pie-title li {
    float: left;
    width: 50%;
    text-align: center;
}

.pie-ctx {
    padding: 28px 16px;
}

.mode-card-news {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 432px;
    margin-left: 12px;
}

.news-title,
.news-ctx {
    position: relative;
}

.news-ctx {
    padding: 0 16px;
}

    .news-ctx li {
        line-height: 39px;
        position: relative;
        border-bottom: 1px solid #e3eaf3;
    }


/*扇形统计图*/

.b_figbox {
    float: left;
    width: 33.33%;
    text-align: center;
}

.figper {
    position: relative;
    width: 85%;
    height: 300px;
    margin: 0 auto;
}


/*.figper svg, .figper div {
    top: -90px !important;
    left: -90px !important;
}*/

.member-bannerbox {
    width: 480px;
}

    .member-bannerbox .box {
        float: left;
        overflow: hidden;
        width: 230px;
        height: 210px;
        margin: 10px 10px 0 0;
        text-align: center;
        border-radius: 2px;
    }

    .member-bannerbox .box2 {
        width: 194px;
        height: 170px;
        padding: 20px 18px;
    }

.member-box-con {
    font-size: 14px;
    line-height: 16px;
    display: block;
    padding: 12px 0;
}

.member-box-price {
    font-size: 48px;
    display: block;
    padding: 12px 0 0;
}

    .member-box-price small {
        position: relative;
        top: -10px;
    }

.member-box-time {
    font-size: 14px;
    line-height: 35px;
}

.member-bannertxt {
    background: #f96768;
}

.member-card {
    padding: 19px 30px 9px 30px;
}

    .member-card .infor-card {
        font-size: 12px;
        float: left;
        width: 45%;
    }


/* 信息卡片 */

.infor-card .red {
    font-size: 16px;
}

.infor-box .icon {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.member-alert {
    font-style: normal;
    line-height: 28px;
    position: absolute;
    top: 24px;
    left: -3px;
    display: none;
    width: 70px;
    text-align: center;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    background: #fff;
}

    .member-alert:before,
    .member-alert:after {
        position: absolute;
        left: 4px;
        width: 0;
        height: 0;
        content: '';
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }

    .member-alert:before {
        top: -5px;
        border-bottom: 5px solid #b2b2b2;
    }

    .member-alert:after {
        top: -4px;
        border-bottom: 5px solid #fff;
    }

.infor-box .icon:hover .member-alert {
    display: inline-block;
    color: #666;
}

.member-links {
    color: #989898;
}

.member-account-infor {
    position: relative;
    padding: 12px 0 28px 0;
}

.member-money {
    font-size: 18px;
    float: left;
    min-width: 70px;
    color: #ff5e52;
}

.infor-card .btn-gray {
    position: absolute;
    top: 14px;
    margin-left: 27px;
}


/* 我的订单 */

.menber-order {
    font-size: 12px;
    line-height: 38px;
    padding-bottom: 7px;
    color: #444;
}

.member-order-detail {
    line-height: 20px;
}

    .member-order-detail li {
        float: left;
        padding-right: 22px;
    }

.member-leftbox2 {
    float: left;
    margin-right: 10px;
}


/* 到期提示 */

.member-staticbox {
    float: left;
    width: 57.7%;
    min-width: 720px;
    margin: 10px 10px 0 0;
}

    .member-staticbox .member-card {
        border: 1px solid #eef0f2;
        border-radius: 2px;
        background: #fff;
    }

.member-tips li {
    float: left;
    width: 31.5%;
    min-width: 208px;
    height: 58px;
    margin: 0 9px 10px 0;
    border: 1px solid #eef0f2;
}

.member-tips .title,
.member-tips .num {
    float: left;
}

.member-tips .title {
    line-height: 20px;
    width: 127px;
    padding: 7px 0 0 9px;
}

.member-tips .num {
    font-size: 30px;
    line-height: 58px;
    width: 72px;
    text-align: center;
}


/* 新闻中心 */

.member-news-center {
    height: 434px;
    padding: 12px 28px;
}

.member-news-title {
    font-size: 14px;
    line-height: 36px;
    color: #444;
    border-bottom: 1px solid #f2f2f2;
}

.member-news-more {
    font-size: 12px;
    float: right;
}

.member-news-list li {
    line-height: 39px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
}

.member-news-list .icon {
    float: left;
    margin: 16px 15px 0 5px;
}

.member-news-con {
    position: absolute;
    right: 140px;
    left: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


/*会员成长曲线图*/

.member-thegraph {
    position: relative;
    height: 250px;
    margin-top: 10px;
}

.member-thegraph-box {
    position: absolute;
    top: 50px;
    left: 40px;
}

.member-thegraph .num {
    line-height: 40px;
    position: absolute;
    top: 2px;
    left: -2px;
    width: 20px;
}

.member-thegraph h3 {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
    color: #444;
}


/*
    快捷入口
 */


/*二级页面通用主体标题*/

.member-main-title {
    padding-bottom: 15px;
    color: #4c637b;
    border-bottom: 3px solid #e3eaf3;
}

.quick-entry {
    font-size: 12px;
    float: right;
    color: #666;
}


/*
    表单列表
*/

.quick-form-list {
    line-height: 30px;
    padding: 22px 0 0 80px;
}

.quick-list-title {
    float: left;
    width: 90px;
    text-align: right;
    color: #555;
}

.quick-list-con {
    /*float: left;
    width: 92%;*/
    padding-left: 95px;
}

.quick-list-default,
.quick-list-visited {
    line-height: 28px;
    display: inline-block;
    width: 298px;
    margin: 0 20px 10px 0;
    cursor: pointer;
    text-indent: 20px;
    color: #666;
    border: 1px solid #fafafa;
    background: #eaedf1;
}

    .quick-list-visited,
    .quick-list-visited:hover {
        position: relative;
        color: #3c87d2;
        border-color: #e0e0e0;
        background: #fff;
    }

    .quick-list-default:hover,
    .quick-list-hover {
        color: #666;
        background: #f2f2f2;
    }

        .quick-list-default:hover .icon-add-gray {
            background-position: -388px 0;
        }

.quick-tab-card .icon {
    float: right;
}

.quick-tab-card .icon-true {
    /*margin: 9px;*/
}

.quick-tab-card .icon-false {
    margin: 9px 7px;
}

.quick-tab-card .icon-add,
.quick-tab-card .icon-add-gray {
    margin: 8px;
}

.quick-list-visited .icon-true {
    cursor: default;
}

.quick-list-nav span {
    padding: 0 10px 0 5px;
    cursor: pointer;
    color: #70aae4;
}

    .quick-list-nav span:hover,
    .quick-list-nav span.checked {
        color: #ff5f53;
    }

.quick-choice-add {
    margin: 20px 80px 30px 105px;
    border: 1px solid #f2f2f2;
}

.quick-choice-title {
    line-height: 40px;
    text-indent: 20px;
    background: #f2f2f2;
}

.quick-choice-con {
    padding: 20px 20px 10px;
}


/*提交*/

.quick-list-submit {
    padding: 20px 0 0;
    /*margin: 0 80px 0 105px;*/
    border-top: 1px solid #f2f2f2;
}


/*
    用户中心-财务管理-保证金明细
*/


/*页码*/

.table-page-number {
    font-size: 12px;
    line-height: 30px;
    padding: 4px 24px 4px 4px;
    text-align: right;
    color: #666;
    border-bottom: 1px solid #fff;
    background: #e3eaf3;
}

    .table-page-number i {
        font-style: normal;
    }

.member-table {
    line-height: 20px;
    text-align: center;
}

    .member-table thead {
        background: #e3eaf3;
    }

    .member-table td,
    .member-table th {
        line-height: 20px;
        padding: 9px 3px 10px;
        text-align: center;
    }

    .member-table tr {
        border-bottom: 1px solid #f2f2f2;
    }

    .member-table tbody tr:hover {
        background: #f7f7f7;
    }

.pagenum-input {
    line-height: 18px;
    width: 28px;
    height: 18px;
    margin: 0 3px;
}


/*横向表格*/

.agent-pricing .table-head {
    overflow: hidden;
    background: #e3eaf3;
}

    .agent-pricing .table-head .table {
        position: relative;
    }

.agent-pricing .table-body {
    overflow: auto;
    /* max-height: 588px;*/
}


/*导出结果*/

.derived-results {
    /*float: left;*/
    text-align: left;
}


/*内容区域蒙版*/

.member-main-mask {
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 15%;
    opacity: .8;
    background: #fff;
    filter: alpha(opacity=80);
}

    .member-main-mask p {
        font-size: 20px;
        line-height: 32px;
        position: absolute;
        top: 45%;
        left: 0;
        width: 100%;
        text-align: center;
    }


/*表单*/



.user-list li {
    line-height: 30px;
    margin-bottom: 10px;
}

.list-title {
    text-align: right;
}

.input-bgblue,
.select-bgblue {
    color: #4c637b;
    border: 1px solid #e3eaf3;
    background: #f2f6fa;
}

.user-input,
.user-input-long,
.user-input-rs,
.user-input-rl {
    /* width: 168px; */
    width: 188px;
    height: 28px;
    padding: 0 5px;
    border-radius: 4px;
}

.user-input-w80 {
    width: 80px;
}

.user-input-w100 {
    width: 100px;
}

.user-input-rs {
    width: 128px;
}

.user-input-rl {
    width: 188px;
}

.user-input-long {
    width: 388px;
}

.user-select {
    /*width: 200px;*/
    height: 30px;
    border-radius: 4px;
}

.user-select-sl {
    width: 60px;
}

.user-select-lg {
    width: 300px;
}

.user-select-rl {
    width: 200px;
}

.user-input-w120 {
    width: 120px;
}

.user-input-w400 {
    width: 400px;
}

.user-select-w100 {
    width: 100px;
}

.table .user-input-cul {
    width: 80%;
    min-width: 80px;
    margin: 0 2px;
    text-align: center;
}

.input-time,
.input-time-sl {
    width: 56px;
    height: 28px;
    padding: 0 2px;
}

.input-time-sl {
    width: 34px;
}

.textarea-default {
    width: 398px;
    height: 98px;
    padding: 0 5px;
}

/*时间插件*/

.canlendarlabel {
    position: relative;
    float: left;
    width: 92px;
    height: 28px;
}

    .canlendarlabel input {
        font-size: 12px;
        width: 82px;
        height: 28px;
        padding: 0 3px;
    }

    .canlendarlabel .icon-calendar {
        position: absolute;
        top: 7px;
        right: 3px;
    }

.at {
    float: left;
    width: 20px;
    text-align: center;
}


/*密码验证*/

.strength-ver {
    float: left;
    width: 180px;
    height: 28px;
    background: url(../images/strength-ver.png) center center no-repeat;
}

.coupons-infor {
    width: 80%;
    min-width: 700px;
    margin-bottom: 10px;
}

    .coupons-infor li {
        line-height: 28px;
        float: left;
        width: 33.33%;
        padding: 8px 0;
    }

    .coupons-infor .user-order-name {
        width: 66.6%;
    }

    .coupons-infor .full-width,
    .product-tempalte-list .full-width {
        width: 100%;
    }


/*tab切换*/

.tab-nav {
    line-height: 40px;
    background: #f2f2f2;
}

    .tab-nav li {
        float: left;
        width: 25%;
        height: 40px;
        text-align: center;
    }

    .tab-nav a {
        font-size: 14px;
        display: block;
        height: 40px;
        color: #b2b2b2;
    }

        .tab-nav a:hover,
        .tab-nav a.active {
            line-height: 39px;
            height: 39px;
            color: #292c35;
            border: 1px solid #e0e0e0;
            border-bottom: 1px solid #fff;
            background: #fff;
        }


/*.tab-con {*/


/*padding: 39px 0 19px ;*/


/*!*border: 1px solid #e0e0e0;*!*/


/*}*/

.tab-con .tab-infor {
    line-height: 39px;
    width: 100%;
}

.tab-infor thead,
.tab-infor .thead {
    width: 100%;
    color: #819bb6;
    background: #e3eaf3;
}

.tab-con tr {
    border-bottom: 1px solid #f2f2f2;
}

.tab-con td,
.tab-con th {
    line-height: 30px;
    padding: 10px 5px;
}

.tab-con tbody th {
    text-align: right;
}

.tab-con tbody a.red {
    padding: 0 10px;
}

.half-bav li {
    width: 50%;
}

.tab-pd5 td,
.tab-pd5 th {
    padding: 10px 5px;
}


/*使用帮助*/

.user-help-icon {
    float: left;
    width: 30px;
}

.user-help-con {
    line-height: 20px;
    padding: 0 0 10px 30px;
}


/*收缩列表*/

.js-slidecon {
    display: none;
}

.js-searchcon {
    display: none;
}


/*弹层*/

.elastic-layer {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

    .elastic-layer .mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: .6;
        background: #fff;
        filter: alpha(opacity=60);
    }

    .elastic-layer .pop {
        position: absolute;
        z-index: 99;
        top: 35%;
        right: 0;
        left: 0;
        margin: auto;
        padding: 20px 0 10px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }

    .elastic-layer .pop-sl {
        width: 600px;
    }


/*滚动条*/

.progress-bar {
    line-height: 24px;
    position: relative;
    float: left;
    width: 400px;
    height: 24px;
    margin: 3px 25px 0 10px;
    text-align: right;
    color: #d2d2d2;
    background: #e8e8e8;
}

.ui-slider-range {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: left;
    color: #fff;
    background: #3c87d2;
}

.progress-box li {
    line-height: 30px;
    padding-bottom: 10px;
    -webkit-user-select: none;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    top: -3px;
    left: 0;
    width: 100%;
    width: 30px;
    height: 100%;
    height: 30px;
    margin-left: -10px;
    cursor: pointer;
    outline: none;
    background: #f00;
}


/*操作成功*/

.member-success-operate {
    width: 90%;
    margin: 59px auto;
    padding: 47px;
    text-align: center;
    border: 1px solid #eef0f2;
    border-radius: 4px;
}


/*服务器*/

.server-table td {
    padding: 8px 0;
}


/*内容区域加载遮罩*/

.mask-relative {
    position: relative;
}

.mask-absolute {
    line-height: 1;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: .5;
    background: #fff;
    filter: alpha(opacity=50);
}

    .mask-absolute p {
        font-size: 16px;
        line-height: 16px;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top: -8px;
    }

.icon-loading,
.icon-loading-lg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../images/loading.gif) 0 0 no-repeat;
    *display: inline;
}

.icon-loading-lg {
    width: 32px;
    height: 32px;
    background-image: url(../images/loading-lg.gif);
}

.invoice-tips {
    padding: 10px 0;
    text-align: center;
}

    .invoice-tips .icon {
        vertical-align: top;
    }


/*=========================================
//////////                 ////////////////
============================================*/

.maincard-tips,
.maincard-success-tips {
    z-index: 99;
    display: none;
}

    .maincard-tips,
    .maincard-success-tips,
    .maincard-tips .mask,
    .maincard-success-tips .mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .maincard-tips .mask,
        .maincard-success-tips .mask {
            opacity: .5;
            background: #fff;
            -ms-filter: alpha(opacity=50);
            filter: alpha(opacity=50);
        }

.delete-tips {
    position: fixed;
    z-index: 2;
    top: 35%;
    left: 50%;
    width: 600px;
    margin: 0 0 0 -300px;
    padding: 19px;
    border: 1px solid #f2f2f2;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 1px #f2f2f2;
    -moz-box-shadow: 0 0 2px 1px #f2f2f2;
    box-shadow: 0 0 2px 1px #f2f2f2;
}

.member-wrapper .covered-tips {
    position: fixed;
}


/*下属用户-订单管理*/

.user-list-row li {
    line-height: 30px;
    float: left;
    width: 35%;
    margin-bottom: 10px;
}

.user-list-row .row1 {
    width: 100%;
}

.user-list-row .row2 {
    width: 50%;
}

.user-list-row .row3 {
    width: 33%;
}

.user-list-row .row3-2 {
    width: 66%;
}

.user-list-row .row4 {
    width: 25%;
}

.user-list-row .row4-3 {
    width: 75%;
}

.user-list-row .row5 {
    width: 20%;
}

.user-list-row .row5-4 {
    width: 80%;
}

.user-list-row .list-title {
    width: 125px;
}

.user-list-row .list-con {
    margin-left: 125px;
}

.user-list-w70 {
    width: 70%;
    margin-left: 30px;
}

    .user-list-w70 li {
        margin-bottom: 0;
    }

.table-insert {
    width: 100%;
}

    .table-insert thead {
        background: none;
    }

.table-slide .table-insert td {
    padding: 10px 0;
}

.table-slide td {
    padding: 0;
}

.table-slide tr {
    border: none;
}

.table-slide {
    background-color: #fafafa;
}


/*下属用户-邮局管理*/

.subordinate-tips-iconbox li {
    line-height: 20px;
    float: left;
    width: 144px;
    margin: 10px 0;
}

.subordinate-tips-iconbox .icon {
    position: relative;
    top: -2px;
    margin-right: 10px;
}


/*下属用户-主机列表*/

.product-info-list {
    display: block;
    overflow: hidden;
    padding: 10px 30px 10px 70px;
}

    .product-info-list li {
        line-height: 20px;
        float: left;
        width: 30%;
        padding: 5px 1.5%;
        text-align: left;
    }

    .product-info-list h3 {
        float: left;
        width: 70px;
        text-align: right;
    }

.product-tips-iconbox {
    width: 95%;
    padding: 0 20px;
}

    .product-tips-iconbox li {
        line-height: 20px;
        float: left;
        width: 150px;
        margin: 10px 0;
    }

.tab-con .user-list > li {
    margin-bottom: 0;
}

.coupons-infor.mt20.pl35 > li {
    line-height: 30px;
    padding: 0;
}


/*下属用户-自定义产品*/

.sub-custom-product {
    margin-top: 10px;
    border-bottom: 1px solid #f2f2f2;
}

    .sub-custom-product .custom-product {
        line-height: 20px;
        padding: 14px 19px;
        border: 1px solid #e0e0e0;
        background: #fafafa;
    }

.custom-product a {
    margin: 0 5px;
}

.sub-custom-product .explain {
    line-height: 20px;
    padding: 14px 20px;
}

.sub-custom-product .title {
    float: left;
}

.sub-custom-product .con {
    display: block;
    margin-left: 60px;
}

.user-sel-tmps label,
.user-sel-tmps label span {
    float: none;
}

.user-sel-tmps img {
    max-width: 98%;
}


/* 域名转移 */

.member-successful-box {
    font-size: 18px;
    line-height: 40px;
    padding: 36px 0;
}

    .member-successful-box .icon {
        margin-right: 25px;
    }

.infor-table tbody th {
    text-align: right;
}

.infor-table thead th,
.infor-table tbody td {
    text-align: left;
}

.js-file-txt {
    display: inline-block;
    /*min-width: 135px;*/
    color: #4c637b;
}

.agent-list-jl .type {
    display: none;
}

@media (min-width: 1366px) and (max-width: 1540px) {
    .member-main {
        min-width: inherit;
        margin: 70px 10px 0 360px;
        margin-bottom: 29px;
    }

    .member-layout1 .member-mainbox,
    .member-layout3,
    .member-layout2 {
        width: 75%;
    }

    .member-layout1 .member-rightbox {
        position: absolute;
        top: 0;
        right: 20px;
        width: 20%;
    }

    .member-layout2 {
        position: absolute;
        top: 220px;
        left: 0;
    }

        .member-layout2 > div {
            width: 100%;
            /*width: auto;*/
        }

    .member-layout3 {
        padding-top: 297px;
        padding-right: 32px;
    }

        .member-layout3 > .member-staticbox,
        .member-layout3 > .member-mainbox {
            width: 100%;
        }

    .domain-list li {
        width: 50% !important;
    }

    .domain-list-large li {
        width: 100% !important;
    }
}

@media (max-width: 1510px) {
    .coupons-infor > li {
        width: 50%;
    }
}

@media (max-width: 1440px) {
    .user-list.product-root-list > li {
        width: 40%;
    }

    .user-list-row .row3 {
        width: 50%;
    }

    .member-maincard > .clearfix > .floatl > a.btn-larger {
        margin-bottom: 10px;
    }
}

@media (max-width: 1366px) {
    .member-main {
        min-width: inherit;
        margin: 70px 10px 0 360px;
        margin-bottom: 29px;
    }

    .member-layout1 .member-mainbox {
        width: 78%;
    }

    .member-rightbox,
    .member-leftbox,
    .member-staticbox {
        width: 78%;
        min-width: 718px;
    }

    .member-layout1 .member-rightbox {
        position: absolute;
        top: 0;
        right: 0;
        right: 0;
        width: 20%;
        min-width: 20%;
        max-width: 20%;
    }

    .member-layout1 .box {
        width: 100%;
        height: auto;
    }

        .member-layout1 .box img {
            display: block;
            width: 100%;
        }

    .member-box-con,
    .member-box-time {
        font-size: 12px;
    }

    .member-box-time {
        line-height: 1.5;
    }

    .member-bannerbox .box2 {
        padding: 0 0 15px;
    }

    .member-box-price {
        padding: 10px 0 20px;
    }

    .product-maincard {
        width: auto;
    }

    .quick-list-submit > .btn,
    .member-maincard > .btn {
        margin: 2px;
    }

    .agent-list-row .row3 {
        width: 50%;
    }

    .myprolist-ctx ul > li {
        width: 33.3%;
    }

    .domain-list li,
    .domain-list-large li {
        width: 100% !important;
    }
}

@media (max-width: 1260px) {
    .member-main {
        min-width: 800px;
        margin: 70px 10px 0 360px;
        margin-bottom: 29px;
    }

    .member-layout1 .member-rightbox {
        display: none;
    }

    .member-layout1 .member-mainbox,
    .member-rightbox,
    .member-leftbox,
    .member-staticbox {
        width: 99%;
        min-width: 800px;
    }

    .product-maincard {
        width: auto;
    }

    .progress-bar {
        width: 49%;
    }

    .user-list.product-root-list > li {
        width: 100%;
    }
}


/*nanoscroller.css*/

.scrollbar-macosx {
    position: relative;
    z-index: 3;
    height: 100%;
}

.nav-super {
    background: #02192b;
}


/*.ps-container>.ps-scrollbar-y-rail {
    z-index: 8;
}*/


/*表单验证插件*/

input.error {
    border: 1px solid #ff5f53;
}

label.error {
    line-height: 16px;
    position: relative;
    padding: 0 0 0 20px;
    color: #ff5f53;
}

    label.error:after {
        position: absolute;
        top: 50%;
        left: 0;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        content: '';
    }

label.checked {
    padding: 0 0 0 20px;
}


/*返回按钮*/

.btn-back {
    font-size: 14px;
    margin-right: 0;
    margin-left: 20px;
    padding: 5px;
    color: #6c7a8c;
    border: 1px solid #bacae0;
    background: #e3eaf3;
}

    .btn-back:hover {
        color: #fff;
        background: #4890c7;
    }

        .btn-back:hover .icon {
            background-position: -457px -1px;
        }

.mode-list {
    float: left;
    width: 100%;
}

    .mode-list li {
        float: left;
    }


/*vcp后台CPU/内存*/

.bcc-cpu-selt {
    float: left;
    overflow: hidden;
    height: 26px;
    border: 1px solid #e0e0e0;
}

    .bcc-cpu-selt li {
        line-height: 26px;
        position: relative;
        float: left;
        width: 46px;
        padding-bottom: 0;
        cursor: pointer;
        text-align: center;
        color: #b2b2b2;
    }

        .bcc-cpu-selt li.active {
            color: #fff;
            background: #2888e5;
        }

        .bcc-cpu-selt li:after {
            position: absolute;
            top: 6px;
            right: -1px;
            width: 1px;
            height: 14px;
            content: '';
            background: #e0e0e0;
        }


/*vcp后台选择时长滑块*/

.progress-len {
    position: relative;
}

    .progress-len .list-con {
        position: relative;
        float: left;
        width: 560px;
        height: 40px;
        margin-left: 0;
    }

    .progress-len .bcc-list-con {
        width: 543px;
    }

    .progress-len .progress-host,
    .progress-len .progress-bar {
        position: absolute;
        width: 551px;
        height: 26px;
        cursor: pointer;
        text-align: center;
        color: #1b91a5;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        background: url(../images/host-slider-bar.jpg) 0 0 repeat;
    }

    .progress-len .progress-list {
        width: 552px;
        border-radius: 2px;
    }

    .progress-len .progress-host li {
        line-height: 26px;
        position: relative;
        float: left;
        width: 46px;
        height: 100%;
        padding: 0;
    }

    .progress-len .progress-bar {
        left: 11px;
        width: 505px;
        border: 0;
        background: none;
    }

    .progress-len .ui-slider-range {
        height: 5px;
        border-radius: 2px;
    }

    .progress-len .progress-bar .ui-slider-handle {
        font-size: 12px;
        line-height: 38px;
        position: absolute;
        top: -9px;
        left: 0;
        width: 45px;
        height: 38px;
        margin-left: -20px;
        cursor: pointer;
        color: #fff;
        border: 1px solid #1a6bba;
        background: #2888e5;
    }

    .progress-len .promotion-tips {
        position: absolute;
        top: 50%;
        left: 5px;
        width: 14px;
        height: 16px;
        margin-top: -9px;
        background: url(../images/gift.png) center right no-repeat;
    }

        .progress-len .promotion-tips .tips {
            line-height: 30px;
            position: absolute;
            top: -50px;
            left: -85px;
            display: none;
            padding: 0 13px;
            white-space: nowrap;
            color: #fff;
            border-radius: 8px;
            background: #ff7a73 url(../images/gift_w.png) 12px 6px no-repeat;
        }

    .progress-len .progress-host .discount {
        position: relative;
        text-indent: 16px;
    }

    .progress-len .promotion-tips .tips i {
        position: absolute;
        top: 29px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -12px;
        border-top: 8px solid #ff7a73;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

.promotion-tips.active {
    background: url(../images/gift_w.png) center right no-repeat;
}




/*新导航*/

.tab-menu {
    padding: 0 10px;
    /*margin:10px 0 ;*/
    border-bottom: 2px solid #e3eaf3;
}

.menu-item {
    font-size: 14px;
    line-height: 24px;
    float: left;
    margin: 0 15px;
    padding: 10px 0;
    cursor: pointer;
    color: #4c637b;
}

    .menu-item:hover,
    .menu-item.active {
        margin-bottom: -2px;
        color: #3c87d2;
        border-bottom: 2px solid #64a3e4;
    }


/*批量操作box增加*/

.domain-batch-operations .js-checkbox {
    display: block;
    float: left;
    margin-top: 5px;
    text-align: center;
}




/*域名列表/查看域名信息*/

.domain-name {
    line-height: 100px;
    height: 100px;
    padding-left: 45px;
    color: #4c637b;
    background: #e3eaf3;
}

.domain-type {
    font-size: 14px;
    position: relative;
    margin: 0 10px 0 20px;
    padding-left: 16px;
    vertical-align: middle;
}

    .domain-type .circle {
        position: absolute;
        top: 4px;
        top: 2px\0;
        /*IE8*/
        left: 0;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

.domain-name .type-btn {
    display: inline-block;
    margin-top: 5px;
    vertical-align: text-top;
}

.domain-name .right-btn {
    position: absolute;
    top: 65px;
    right: 10px;
}

.domain-name .type-btn .btn {
    font-size: 14px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-right: 10px;
    padding: 9px 23px;
    color: #fff;
    border-radius: 3px;
    background: #64a3e4;
}

.domain-list,
.domain-list-large {
    padding: 15px 0;
    background: #ebf0f5;
}

    .domain-list li,
    .domain-list-large li {
        line-height: 30px;
        display: table;
        float: left;
        width: 40%;
        color: #4c637b;
    }

        .domain-list li .list-name,
        .domain-list-large li .list-name {
            display: table-cell;
            width: 130px;
            padding: 0 10px 0 30px;
            text-align: right;
            color: #819bb6;
        }

        .domain-list li a,
        .domain-list-large li a {
            padding-left: 20px;
        }

        .domain-list li .psw-cont,
        .domain-list-large li .psw-cont {
            display: inline-block;
        }

.domain-float li {
    display: inline-block;
    float: left;
    width: 45%;
}

.user-profile {
    display: inline-block;
    overflow: hidden;
    width: 73px;
    height: 73px;
    padding-right: 10px;
    vertical-align: middle;
}

    .user-profile img {
        width: 100%;
        height: 100%;
    }

.user-id {
    font-size: 14px;
    padding-left: 20px;
}

.domain-name .type-btn .btn-notname {
    padding: 9px 15px;
    background: #ff7675;
}

.domain-name .type-btn .btn-hasname {
    padding: 9px 15px;
    background: #2fba70;
}

@media screen and (max-width: 1920px) {
    .domain-name {
        font-size: 28px;
    }
}

@media screen and (max-width: 1600px) {
    .domain-name {
        font-size: 26px;
    }
}

@media screen and (max-width: 1280px) {
    .domain-name {
        font-size: 24px;
    }
}

@media screen and (max-width: 800px) {
    .domain-name {
        font-size: 22px;
    }
}


/*.domain-float li .list-name{
    width: 115px;
}*/

.domain-float .row1,
.domain-list .row1 {
    width: 100% !important;
}

.domain-float .row2 {
    width: 50%;
}

.domain-float .row3 {
    width: 33.3%;
}

.domain-float .row3-2 {
    width: 66.7%;
}

.domain-float .row4 {
    width: 25%;
}

.domain-float .row4-3 {
    width: 75%;
}

.domain-float .row5 {
    width: 20%;
}

.domain-float .row5-4 {
    width: 80%;
}


/*VCP后台搜索框排列*/

.adapt-list li {
    display: inline-block;
    overflow: hidden;
    margin-right: 20px;
}

.adapt-list .adapt-title {
    float: left;
}

.adapt-list .adapt-con {
    float: left;
}


/*VCP后台详细信息页 */

.member-list-top {
    overflow: hidden;
    width: 100%;
}

    .member-list-top .tit {
        font-size: 14px;
        float: left;
        padding-left: 20px;
        color: #4c637b;
    }

    .member-list-top .tips {
        font-size: 12px;
        float: right;
        color: #819bb6;
    }

        .member-list-top .tips b {
            font-weight: normal;
            color: #4c637b;
        }

    .member-list-top .card-split {
        display: inline-block;
        width: 100%;
        height: 6px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #e3eaf3;
    }

.detail-list > li {
    line-height: 30px;
    position: relative;
    padding: 10px 0;
    color: #4c637b;
    border-bottom: 1px solid #e3eaf3;
}

.detail-list .list-title {
    color: #819bb6;
}

.detail-list .list-con .msg {
    display: inline-block;
    min-width: 200px;
    color: #4c637b;
}

.detail-list input[type=text],
.detail-list input[type=password],
.detail-list select,
.detail-list textarea {
    color: #4c637b;
    border: 1px solid #e3eaf3;
    border-radius: 2px;
    background: #f2f6fa;
}

.member-list-bottom {
    width: 100%;
    padding: 15px 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #e3eaf3;
}

    .member-list-bottom .list-btn {
        padding-left: 175px;
    }

.phone-tips {
    width: 350px;
    background: #fff;
}

.city-selcet select {
    width: 120px;
    height: 30px;
    color: #4c637b;
    border: 1px solid #e3eaf3;
    border-radius: 2px;
    background: #f2f6fa;
}

.detail-list .detail-title {
    float: left;
    width: 160px;
    padding-right: 10px;
    text-align: right;
    color: #819bb6;
}

.detail-list .detail-con {
    min-width: 380px;
}

.member-list-bottom input {
    line-height: inherit;
    height: auto;
}


/*在线充值小卡片*/

.member-minicard dl {
    font-size: 14px;
    float: left;
    width: 312px;
    margin: 20px 20px 20px 0;
    border-radius: 6px;
    background: #ebf0f5;
}

.member-minicard dt {
    line-height: 45px;
    padding: 8px 15px;
    background: #e3eaf3;
}

.member-minicard dd {
    line-height: 30px;
}

    .member-minicard dd span {
        color: #4c637b;
    }

.member-minicard .tit {
    float: left;
    width: 90px;
    text-align: right;
    color: #819bb6;
}


/*gouwuche*/

.shoping-num {
    line-height: 12px;
    position: absolute;
    top: 6px;
    left: 35px;
    min-width: 12px;
    height: 12px;
    padding: 3px;
    color: #fff;
    border-radius: 9px;
    background-color: #ec4b4a;
}


/*磁盘滑块*/

.bcc-select {
    line-height: 28px;
    float: left;
    width: 110px;
    height: 28px;
    padding: 0 5px;
    border-radius: 4px;
}

.bdy-cp-progress {
    float: left;
    width: 340px;
}

    .bdy-cp-progress .cp-progress {
        position: relative;
        width: 300px;
        height: 5px;
        margin: 13px 0 0 15px;
        border-radius: 2px;
        background: #e0e0e0;
    }

.cp-progress .cp-tips {
    position: absolute;
    top: -50px;
    left: 0;
    display: none;
    min-width: 58px;
    margin-left: -30px;
    text-align: center;
    border: 1px solid #e0e0e0;
    background: #fff;
}

.bdy-cp-progress .press-sj {
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    width: 9px;
    height: 6px;
    margin-left: -3px;
    background: url(../images/press-sj.png);
}

.bdy-cp-progress .ui-slider-range {
    height: 5px;
    border-radius: 2px;
    background: #2888e5;
}

.bdy-cp-progress .ui-slider-handle {
    position: absolute;
    top: -7px;
    width: 17px;
    height: 20px;
    margin-left: -7px;
    cursor: pointer;
    outline: none;
    background: url(../images/bdy-press.jpg) 0 0 no-repeat;
}

.bdy-cp-progress .bdy-memory-val {
    width: 350px;
    margin-left: -7px;
    padding-top: 2px;
    text-align: center;
    color: #b2b2b2;
}

    .bdy-cp-progress .bdy-memory-val .c {
        display: inline-block;
        width: 249px;
        text-align: center;
    }

.bcc-cp-val {
    line-height: 26px\9;
    float: left;
    width: 50px;
    height: 26px;
    margin-right: 5px;
    padding: 0 5px;
    text-align: center;
    border: 1px solid #e0e0e0;
}

.bdy-cp-progress .cp-progress:hover .cp-tips {
    display: block;
}

.acount-info-detail dt,
.acount-info-detail dd {
    line-height: 26px;
    float: left;
    width: 20%;
    padding: 24px 0;
    background: #e3eaf3;
}

    .acount-info-detail dt img {
        float: left;
        width: 48px;
        margin-left: 10px;
    }

    .acount-info-detail dt h2 {
        font-size: 16px;
        padding: 0 0 0 70px;
        color: #4c637b;
    }

    .acount-info-detail dt p {
        font-size: 14px;
        padding: 0 0 0 70px;
        color: #819bb6;
    }

.acount-info-detail dd {
    font-size: 14px;
    position: relative;
    text-indent: 36px;
    color: #819bb6;
    background: #f2f6fa;
}

    .acount-info-detail dd p {
        font-size: 14px;
        color: #4c637b;
    }

.circle {
    position: absolute;
    top: 31px;
    left: 15px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.circle-green {
    background-color: #2fba70;
}

.circle-blue {
    background-color: #64a3e4;
}

.circle-red {
    background-color: #ff7675;
}

.circle-purple {
    background-color: #c975ff;
}

.circle-yellow {
    background-color: #efa91f;
}

.circle-gray {
    background-color: #999;
}

.msg-tips {
    color: #4c637b;
}


/*dns 解析*/

.list-desc {
    padding-left: 10px;
    text-align: left;
}


/*安全中心*/

.sec-top {
    font-size: 14px;
    padding: 15px 25px;
    color: #4c637b;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e3eaf3;
}

.sec-level {
    display: inline-block;
    width: 195px;
    height: 24px;
    margin-left: 15px;
    padding: 4px 0 0 2px;
    vertical-align: middle;
    border-radius: 4px;
    background: #fff;
}

    .sec-level span {
        line-height: 20px;
        display: inline-block;
        width: 60px;
        height: 20px;
        margin: 0 2px;
        text-align: center;
        color: #fff;
        border-radius: 2px;
    }

        .sec-level span.weak {
            background: #ff7675;
        }

        .sec-level span.mid {
            background: #ff9e4f;
        }

        .sec-level span.strong {
            background: #2fb86f;
        }

.sec-warn {
    padding-left: 15px;
    vertical-align: middle;
    color: #819bb6;
}

.sec-btn {
    position: absolute;
    left: 600px;
}

.renew-tips {
    background: #f2f6fa;
    border: 1px solid #e3eaf3;
    padding: 6px 10px;
    border-radius: 5px;
    position: relative;
    margin-left: 6px;
}

    .renew-tips:before {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 5px solid transparent;
        border-right: 8px solid #e3eaf3;
        border-bottom: 5px solid transparent;
        position: absolute;
        left: -8px;
        top: 10px;
    }

    .renew-tips:after {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 5px solid transparent;
        border-right: 8px solid #f2f6fa;
        border-bottom: 5px solid transparent;
        position: absolute;
        left: -7px;
        top: 10px;
    }

.icon-tipsClose {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(../images/tips-close.png) 0 0 no-repeat;
    margin-left: 5px;
    cursor: pointer;
}

.renew-disc {
    background: #ec4b4a;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px;
    margin-left: 5px;
}

.content_split {
    position: fixed;
    width: 10px;
    height: 100%;
    background: #e6e9f0;
    z-index: 4;
    left: 200px;
    top: 70px;
}

.content_heng_split {
    position: fixed;
    width: 100%;
    height: 10px;
    background: #e6e9f0;
    z-index: 4;
    /*left: 180px;*/
    top: 60px;
}

.content_new {
    /*margin-top: 50px;*/
    position: relative;
    width: 100%;
    clear: both;
    background: #fff;
}

.content_left {
    width: 200px;
    /*margin-top: 10px;*/
    float: left;
    background: #fff; /*#ebf0f5;*/
    z-index: 5;
    border-right: 1px solid #d9d9d9;
    height: 100%;
    /*padding-bottom:70px;*/
}

    .content_left .checkleft {
        margin-left: 14px;
    }

    .content_left .site-popup-container {
        background-color: #ebf0f5;
        display: block;
        z-index: 10;
        border-radius: 0px;
        border: 0px;
        position: inherit;
        box-sizing: border-box;
        padding: 5px;
        min-height: 100px;
        max-height: 100%;
        min-width: 180px;
        overflow: auto;
    }


.content_right {
    padding-top: 10px;
    margin-left: 200px;
    min-height: 500px;
    height: 100%;
}

    .content_right .row {
        margin: 0px;
    }

    .content_right .rowtop {
        margin-top: 20px;
    }

    .content_right .panel-body {
        padding: 20px 0px;
    }

    .content_right .new-kuai {
        width: 33.333333%;
        line-height: 28px;
    }

        .content_right .new-kuai .kuai-border {
            border: 1px solid #dbdbdb;
        }

        .content_right .new-kuai .panel-default > .panel-heading {
            border-bottom: none;
        }

        .content_right .new-kuai h4, h5 {
            line-height: 28px;
            font-size: 12px;
        }

        .content_right .new-kuai h4 {
            font-size: 14px;
        }

    .content_right .widthauto {
        width: auto;
    }

    .content_right .widthhundred {
        width: 100%;
    }

    .content_right .date-width {
        width: 100px;
    }

    .content_right .selectswidth {
        width: 100px;
    }

    .content_right .inputswidth {
        width: 105px;
    }

.new-add-form .leftrow {
    margin-left: auto;
    margin-right: auto;
}

.new-add-form .col-md-add-new {
    float: left;
    width: 100px;
}
.new-add-form .col-md-add-new-120 {
    float: left;
    width: 120px;
}
.new-add-form .col-md-add-new-140 {
    float: left;
    width: 140px;
}
.new-add-form .col-md-add-new-sm {
    float: left;
    width: 80px;
}

.new-add-form .col-md-9 {
    width: 75%;
}

.new-add-form .form-horizontal .margin0 {
    margin: 0px;
}

.new-add-form .form-control {
    width: 100%;
}

.new-add-form .input-group {
    width: 100%;
}

    .new-add-form .input-group .form-control {
        width: 100%;
    }

.new-add-form .widthauto {
    width: auto;
}

.new-add-form .widthhundred {
    width: 100%;
}

.new-add-form .margin0 {
    margin: 0px;
}

.new-add-form .padding0 {
    padding: 0px;
}

.content_left_tswidth {
    padding-top: 10px;
    width: 250px;
}

.nav-retract_tswidth {
    left: 430px;
}

.content_right_tswidth {
    margin-left: 250px;
}

.input-group-btn .btn {
    padding-top: 5px;
}

.pagination > li > label {
    float: left;
    padding: 2px 5px 0px;
}


.datetimepicker-new .old {
    color: #ccc;
}

.datetimepicker-new .new {
    color: #ccc;
}

.datetimepicker-new .today {
    background-color: #fde19a;
}

.datetimepicker-new table td {
    cursor: pointer;
}

    .datetimepicker-new table td:hover {
        background-color: #337ab7;
        color: #fff;
    }

.datetimepicker-new .selected {
    position: relative;
}

.datetimepicker-new .seleced-ok {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #5cb85c;
}

.datetimepicker-new .prev, .datetimepicker-new .next {
    cursor: pointer;
}

.datetimepicker-new .tddis {
    background-color: #eee;
    border: 1px solid #fff;
}

.btnDefault {
    color: #3c87d2;
    outline: none;
    border: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
}

    .btnDefault:focus {
        outline: none;
    }

    .btnDefault::-moz-focus-inner {
        border-color: transparent;
    }

.span_verticalline {
    color: #ccc;
}

.nobold {
    font-weight: normal;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.alertconfirmbox {
    font-size: 14px;
    float: left;
    padding-right: 5px;
    margin-top: -3px;
    color: #fff;
}


.footer_friendlink {
    background-color: #f7f7f7;
    color: #444;
    height: 32px;
    line-height: 32px;
    padding: 3px 0 2px; /*margin-top:20px;*/
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.05);
    text-align: center;
}

    .footer_friendlink a {
        color: #444;
        margin: 0 10px 0 5px;
    }

        .footer_friendlink a:hover {
            text-decoration: underline;
        }

    .footer_friendlink strong {
        font-weight: normal;
    }

.foot_links {
    margin-top: 10px;
}

    .foot_links p, .footer p {
        text-indent: 0;
    }

.foot_tools {
    background: #0e0e0e url(../show/home/images/footbg.png) repeat 0 0;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}

.foot_links .layout {
    padding: 0 0 20px;
}

.foot_links .server_box {
    border-top: 0;
    margin-top: 0;
    padding: 18px 0;
}

    .foot_links .server_box, .foot_links .server_box a {
        color: #fff;
    }

        .foot_links .server_box a:hover {
            color: #E2383A;
            text-decoration: underline;
        }

        .foot_links .server_box .link_white {
            color: #fff;
        }

.foot_links .server_con {
    background-color: transparent;
    border-top: 0;
    height: auto;
    padding-left: 26px;
}

.server_con_last .consulting {
    text-indent: 0;
}

.sub_line {
    background: url(../login/images/bg_index.png) 0 -567px no-repeat;
}

.sub_switch {
    background: url(../login/images/bg_index.png) -229px -566px no-repeat;
}

.server_subnav h2 {
    font-size: 16px;
    padding-top: 6px;
}

.online {
    width: 100%;
    height: 30px;
    margin-top: 11px;
}

    .online span {
        width: 26px;
        margin-top: 5px;
        background: url(../login/images/bg_index.png) -111px -566px no-repeat;
    }

    .online a {
        float: left;
        width: 60px;
        height: 30px;
        line-height: 30px;
        background: #e2383a;
        text-align: center;
        text-indent: 0;
        color: #fff;
    }

.footer {
    padding: 0 7px 30px;
}

.footer_nav {
    margin: 5px auto 6px;
    text-align: center;
}

    .footer_nav a {
        color: #333;
        display: inline-block;
        font-size: 14px;
        margin: 0 7px;
    }

        .footer_nav a:hover {
            color: #E2383A;
            text-decoration: underline;
        }

.footer p {
    line-height: 21px;
    text-align: center;
}

/*.footer, .footer p a {
        color: #707070;
    }*/

.footer .copyright {
    /*background-color:#FA673D; padding:0 3px; margin:1px 0; display:inline-block; border-radius:2px; color:#fff;*/
}

.footer_certificate {
    width: 720px;
    margin: 5px auto 0;
}

    .footer_certificate p {
    }

.footer_record {
    background-position: 0 -158px;
    float: left;
    width: 112px;
    height: 40px;
    margin-right: 4px;
}

.footer_trusted {
    background-position: -126px -158px;
    float: left;
    width: 44px;
    height: 40px;
    margin-right: 4px;
}

.footer_icoicann {
    background-position: 4px -1026px;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 4px;
}

.footer_icocnnic {
    background-position: -45px -1026px;
    float: left;
    width: 80px;
    height: 40px;
    margin-right: 4px;
}

.footer_icocngold {
    background-position: -125px -1026px;
    float: left;
    width: 50px;
    height: 40px;
    margin-right: 4px;
}

.footer_icoidcser {
    background-position: -180px -1026px;
    float: left;
    width: 50px;
    height: 40px;
    margin-right: 4px;
}

.footer_icouservice {
    background-position: -230px -1026px;
    float: left;
    width: 50px;
    height: 40px;
    margin-right: 4px;
}



/*reg*/
.reg_header {
    width: 100%;
    height: 55px;
    background: #333a4c;
    border-bottom: 1px solid #fff;
}

.reg_header_box, .reg_main_box {
    width: 1000px;
    margin: 0 auto;
}

.reg_main_box {
    padding-bottom: 25px;
}

.reg_header_box .reg_logo {
    float: left;
    width: 81px;
    height: 55px;
}

.reg_title {
    float: left;
    width: 200px;
    height: 18px;
    margin-top: 30px;
    border-left: 2px solid #fff;
    line-height: 16px;
    font-size: 16px;
    text-indent: 6px;
    color: #fff; /*#00aaef*/
}

.reg_main {
    border-top: 1px solid #e0e0e0;
}

.reg_main_box, .retrieve_border h1 {
    width: 1000px;
    margin: 0 auto;
    /*border-bottom:1px solid #e0e0e0;*/
}

.reg_left {
    float: left;
    width: 598px;
    height: 400px;
    　;
}

.reg_right {
    position: relative;
    float: right;
    width: 398px;
    margin-top: 80px;
    border: 1px solid #e0e0e0;
}

.reg_right_h, .retrieve_border h1 {
    overflow: hidden;
    width: 100%;
    height: 39px;
    background: #f9f9f9;
    text-indent: 10px;
    line-height: 39px;
    font-size: 16px;
}

    .reg_right_h span {
        float: left;
        width: 11px;
        height: 16px;
        margin: 12px 0 0 10px;
    }

.reg_prompt {
    width: 340px;
    height: 20px;
    margin: 0 auto;
}

.reg_pt {
    display: none;
}

.reg_prompt span {
    float: left;
    width: 16px;
    height: 16px;
    margin: 20px 10px 0 14px;
}

.reg_prompt p {
    float: left;
    width: 300px;
    height: 48px;
    padding-top: 18px;
    line-height: 24px;
}

.reg_prompt a, .reg_fuzzy a, .reg_forgot, .reg_free a {
    color: #e2383a;
}

.reg_form {
    position: relative;
    width: 340px;
    margin: 0 auto;
}

    .reg_form input {
        font-size: 14px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: 700;
    }

    .reg_form input, .reg_form label {
        float: left;
        width: 290px;
        height: 38px;
        border: 0 none;
        line-height: 38px\0;
        color: #666;
    }

.regselect {
    border: 1px #eaeaea solid;
    height: 38px;
    width: 230px;
    color: #666;
    background: #FFFFFF;
    font-size: 14px;
    border-radius: 3px;
}

.reg_tips {
    padding-left: 10px;
}

.reg_ps {
    position: absolute;
    top: 50px;
    right: 0;
}

.reg_user_name {
    position: absolute;
    top: 0;
    left: 0;
}

.reg_form_tr {
    border: 1px solid #e0e0e0;
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
}

    .reg_form_tr .ico_reg {
        width: 48px;
        height: 38px;
    }

    .reg_form_tr .reg_user {
        background-position: -23px -298px;
    }

    .reg_form_tr .reg_psd {
        background-position: 20px -324px;
        top: 1px;
        height: 37px;
    }

.reg_form .label_bg {
    background: url(../login/images/bg_01.png) 0 -144px no-repeat;
}

.reg_form .reg_vfc, .reg_code, .reg_vdt p {
    float: left;
    width: 88px;
    height: 28px;
    padding: 5px;
    margin-right: 10px;
    border: 1px solid #e0e0e0;
    text-indent: 0;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
}

.reg_code, .reg_vdt p {
    color: #d8a3a3;
    background: #fdeeee;
}

.reg_fuzzy {
    float: left;
    width: 120px;
    height: 40px;
    line-height: 40px;
}

.reg_arm {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-indent: 11px;
}

    .reg_arm input {
        width: 0;
        height: 0;
    }

    .reg_arm label {
        float: left;
        width: 20px;
        height: 20px;
        background: url(../login/images/bg_01.png) 0 -164px no-repeat;
    }

    .reg_arm p {
        float: left;
        width: 100px;
    }

.reg_forgot {
    float: right;
    width: 100px;
    height: 20px;
    line-height: 20px;
}

.reg_form .reg_sub_input {
    float: left;
    width: 100%;
    height: 40px;
    background: #00aaef;
    text-indent: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border: 0;
    margin-bottom: 10px;
    border-radius: 3px;
}

.reginfoBtn {
    margin: 0 auto 20px;
    width: 256px;
}

.reg_form .common_input {
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
}

.reg_free {
    width: 340px;
    height: 39px;
    margin: 0 auto;
    text-align: right;
}

.reg_link {
    width: 81px;
    height: 18px;
    background-position: -514px -72px;
}

    .reg_link a {
        float: left;
        width: 18px;
        height: 18px;
        margin-right: 9px;
    }

.popa_wrap {
    overflow: hidden;
    position: relative;
}

.reg_pops {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.reg_main_a .reg_main_box {
    height: 480px;
}

.reg_pops .pops_box, .reg_pops_iframe {
    position: absolute;
    top: 100px;
    right: 0;
    left: 50%;
    margin: 0 0 0 -200px;
    z-index: 10003;
}

.reg_pops_iframe {
    width: 400px;
    height: 300px;
    z-index: 10002;
}

.reg_pops .pops_box {
    background: #fff;
}

.reg_pops .reg_form {
    margin-top: 18px;
}

.reg_pops .reg_free {
    height: auto;
}

.sys-panelContent {
    max-width: 800px;
}

.gzkuai-box {
    background: #fff; /*#e3eaf3;*/
    padding-left: 10px;
}

    .gzkuai-box h4.gzkuai-box-left {
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        float: left;
    }

    .gzkuai-box .gzkuai-box-right {
        display: table-cell;
        vertical-align: bottom;
        float: right;
        margin-top: 10px;
        padding-right: 10px;
    }
/*小灯泡样式*/
.smallbulbbox-normal {
    color: #f0ad4e;
    font-size: 14px;
    cursor: pointer;
}

.smallbulbbox {
    width: 14px;
    color: #f0ad4e;
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 4px;
    cursor: pointer;
    z-index: 9;
    padding-left: 2px;
}

.smallbulbbox-half {
    right: -15px;
}

.smallbulbbox-emp {
    right: 0px;
    top: 8px;
}

/* 列表页面导航统计项目样式 */
.statisticalitembox {
    background: #F2F4F7; /*#e3eaf3;*/
    /*margin-bottom: 5px;*/
}

    .statisticalitembox ul li a {
        display: block;
        float: left;
        width: 12.5%;
        font-size: 36px;
        padding: 10px 0px;
    }

        .statisticalitembox ul li a:hover {
            text-decoration: none;
            color: #ff0000;
            background: #e6e9f0;
        }

            .statisticalitembox ul li a:hover span.text {
                color: #333;
            }

        .statisticalitembox ul li a.selected {
            text-decoration: none;
            color: #ff0000;
            background: #e6e9f0;
        }

            .statisticalitembox ul li a.selected span.text {
                color: #333;
            }

        .statisticalitembox ul li a span {
            display: block;
            text-align: center;
            font-weight: bold;
            color: #ff0000;
            font-family: LCEngschrift;
        }

            .statisticalitembox ul li a span b {
                font-weight: normal;
            }

            .statisticalitembox ul li a span.text {
                color: #999;
                font-size: 12px;
                font-weight: normal;
                font-family: inherit;
            }

.chartsbox {
    display: none;
    width: 100%;
    padding-bottom: 10px;
}

/*新ui增加样式 start*/

.table {
    background: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #00aaef;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-hui,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-hui {
    color: #fff;
    background: #ccc;
}

/*搜索条件 start*/
.row .btn-group {
    position: relative;
}

.row_more_button {
    display: none;
    position: absolute;
    z-index: 9;
    top: 30px;
    left: 0;
    overflow: auto;
    min-width: 103px;
    max-width: 120px;
    max-height: 500px;
    padding: 5px 0;
    cursor: pointer;
    border: 1px solid #d6e1ee;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    box-shadow: 0 0 6px 1px rgba(0,0,0,.1);
}

    .row_more_button .row_more_button_list li {
        line-height: 30px;
        height: 30px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .row_more_button .row_more_button_list li:hover {
            background: #edf0f2;
        }

            .row_more_button .row_more_button_list li:hover a {
                text-decoration: none;
            }

        .row_more_button .row_more_button_list li a {
            display: block;
            overflow: hidden;
            max-width: 140px;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #667b8f;
            font-size: 12px;
            text-decoration: none;
        }

.row_search_keywork_condition {
    width: 450px;
    float: right;
    margin-right: 10px;
}

    .row_search_keywork_condition .input-group-addon {
        cursor: pointer;
    }

.row_more_condition {
    width: 450px; /*与row_search_keywork_condition 宽度保持一致*/
    display: none;
    position: absolute;
    right: 10px;
    top: 30px;
    z-index: 9;
    background: #fff;
    border: 1px solid #ccc;
    padding-top: 10px;
}

    .row_more_condition .form-group {
        margin: 0px;
    }

.row_list_condition {
    width: 100%;
}

    .row_list_condition .form-group .input-group-addon {
        margin: 0px;
    }

    .row_list_condition .form-group > .control-label {
        width: 100px;
        text-align: right;
    }

    .row_list_condition .form-group > .control-label-nowidth {
        padding-top: 7px;
        text-align: right;
    }
/*搜索条件 end*/

/*panel修改 start*/

.panel-default > .panel-heading {
    background-color: #fff;
    border-bottom: 2px solid #00aaef;
}

/*panel修改 end*/

/*nav-tabs 修改 start*/
.nav-tabs > li > a:hover {
    color: #00aaef;
    border-bottom-color: #00aaef;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #00aaef;
    border-bottom-color: #00aaef;
}

.input_line {
    border: none;
    border-bottom: 1px solid black;
    width: 30px;
    text-align: center;
    background: none;
}

.input_line_big {
    border: none;
    border-bottom: 1px solid black;
    width: 60px;
    text-align: center;
    background: none;
}
/*.nav-tabs {
    border-bottom: 1px solid #eef2f4;
}

    .nav-tabs > li > a { 
        color: #00aaef;
    }

        .nav-tabs > li > a:hover {
            
            border-bottom: none;
            color: #475059;
            background: none;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        box-shadow: inset 0 2px 0 #00aaef;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #eef2f4;
        border-right: 1px solid #eef2f4;
        padding-bottom: 11px;
        color: #475059;
    }*/

/*nav-tabs 修改 end*/

/*员工点击详情样式*/
.listrollingdetailbox {
    position: relative;
}

    .listrollingdetailbox .detailcontent {
        display: none;
        width: 0px;
        position: absolute;
        right: 0px;
        top: -60px;
        z-index: 4;
        height: 0px;
        background: #fff;
        /*border-left:2px solid #00AAEF;*/
        -moz-box-shadow: 0px 10px 10px #999; /* 老的 Firefox */
        box-shadow: 0px 10px 10px #999;
    }

        .listrollingdetailbox .detailcontent .conditionbox {
            padding-bottom: 10px;
            min-width: 450px;
        }

        .listrollingdetailbox .detailcontent .chart_title {
            font-size: 16px;
            font-weight: bold;
            padding: 0px;
            width: 8%;
            /*text-align:right;*/
        }

        .listrollingdetailbox .detailcontent .name_title {
            line-height: 30px;
            font-size: 14px;
        }

        .listrollingdetailbox .detailcontent .div_line {
            line-height: 25px;
        }

        .listrollingdetailbox .detailcontent .chartwcbox {
            width: 90%;
            padding: 0px;
        }

        .listrollingdetailbox .detailcontent .chartbox {
            width: 100%;
            min-width: 450px;
            height: 250px;
            padding-left: 10px;
        }

/*新ui增加样式 end*/


/* 新分页样式 start */

.pageinfo {
    display: block;
    float: right;
    margin-right: 10px;
    /*height:130px;*/
}

.clearfix {
    clear: both;
}

/* 新分页样式 end */

/*薪酬账套拖动样式 start */

.salary-suite-item-fixed {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .salary-suite-item-fixed ul li {
        padding: 12px;
        /*font-weight: bold;*/
        background: #E6E6E6;
        /*color: #fff;*/
        text-align: center;
        border-bottom: 1px solid #e6f1fc;
        border-right: 1px solid #e6f1fc;
    }

        .salary-suite-item-fixed ul li:first-child {
            border-top: 2px solid #00AAEF;
        }

.salary-suite-box {
    display: table;
    table-layout: fixed;
}

    .salary-suite-box .salary-suite-box-container {
        display: inline-block;
    }

    .salary-suite-box .salary-suite-box-container-empty {
        display: inline-block;
    }

    .salary-suite-box .dad-noSelect, .salary-suite-box .dad-noSelect * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /*cursor: -webkit-grabbing !important;
        cursor: -moz-grabbing !important;*/
        cursor: move;
    }

    .salary-suite-box .dad-container {
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .salary-suite-box .dad-container::after {
            content: '';
            clear: both !important;
            display: block;
        }

    .salary-suite-box .dad-active .dad-draggable-area {
        /*cursor: -webkit-grab;
        cursor: -moz-grab;*/
        cursor: move;
    }

    .salary-suite-box .dads-children-clone {
        z-index: 9999;
        pointer-events: none;
    }

        .salary-suite-box .dads-children-clone li {
            border-left: 1px solid #e6f1fc;
        }

    .salary-suite-box .dads-children-placeholder {
        overflow: hidden;
        position: absolute !important;
        box-sizing: border-box;
        border: 2px dashed #639BF6;
        margin: 5px;
        text-align: center;
        color: #639BF6;
        font-weight: bold;
    }


    .salary-suite-box .salary-suite-item {
        width: 120px;
        float: left;
    }

        .salary-suite-box .salary-suite-item ul li {
            padding: 12px;
            text-align: center;
            border-bottom: 1px solid #e6f1fc;
            border-right: 1px solid #e6f1fc;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .salary-suite-box .salary-suite-item ul li:first-child {
                border-top: 2px solid #00AAEF;
            }

            .salary-suite-box .salary-suite-item ul li.title {
                /*font-weight: bold;*/
                /*cursor: move;*/
                background: #E6E6E6;
                /*color: #fff;*/
            }

                .salary-suite-box .salary-suite-item ul li.title .titleicon {
                    cursor: pointer;
                    display: inline-block;
                    width: 30px;
                    text-align: left;
                    -webkit-transition: all 500ms linear;
                    -moz-transition: all 500ms linear;
                    -o-transition: all 500ms linear;
                    transition: all 500ms linear;
                }

                    .salary-suite-box .salary-suite-item ul li.title .titleicon:hover {
                        color: #00aaef;
                        -webkit-transform: translateX(2px);
                        -moz-transform: translateX(2px);
                        -ms-transform: translateX(2px);
                        transform: translateX(2px);
                    }

            .salary-suite-box .salary-suite-item ul li .itemname {
                display: block;
                -webkit-transition: all 500ms linear;
                -moz-transition: all 500ms linear;
                -o-transition: all 500ms linear;
                transition: all 500ms linear;
            }

                .salary-suite-box .salary-suite-item ul li .itemname:hover {
                    color: #00aaef;
                    -webkit-transform: translateX(2px);
                    -moz-transform: translateX(2px);
                    -ms-transform: translateX(2px);
                    transform: translateX(2px);
                }

.salary-suite-title-box {
    padding: 12px 0px;
    border-top: 2px solid #00AAEF;
    border-right: 1px solid #e6f1fc;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.salary-suite-express-box {
    border-top: 2px solid #00AAEF;
}

    .salary-suite-express-box input {
        width: 100%;
        padding: 12px;
        border: 0px;
        outline: none;
    }
/*薪酬账套拖动样式 end */


/*应用中心 start*/
.appcenterbox {
    margin-top: 20px;
    position: relative;
}

    .appcenterbox .appcenterbox_a {
        display: block;
        width: 55px;
        text-align: center;
        position: absolute;
        left: -8px;
        top: -15px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }

        .appcenterbox .appcenterbox_a:hover {
            text-decoration: none;
        }

    .appcenterbox .appcenterbox_bg {
        width: 50px;
        height: 80px;
        background: #2898E0;
        left: -5px;
        top: -50px;
        position: relative;
        transform: rotate(-90deg);
    }

        .appcenterbox .appcenterbox_bg:before {
            content: "";
            width: 0px;
            height: 30px;
            position: absolute;
            box-sizing: border-box;
            left: -10px;
            border-top: 40px solid #2898E0;
            border-left: 10px solid transparent;
            border-bottom: 40px solid #2898E0;
        }

.appbox {
}

    .appbox .appbox_one {
        margin: 20px;
        /*border: 1px solid #E7E7E7;*/
    }

        .appbox .appbox_one .appbox_one_title {
            line-height: 46px;
            height: 46px;
            padding-left: 10px;
            border-bottom: 1px solid #E7E7E7;
            font-size: 16px;
            font-weight: bold;
        }

    .appbox .appbox_two {
        margin-bottom: 10px;
    }

        .appbox .appbox_two .appbox_two_title {
            line-height: 46px;
            height: 46px;
            font-size: 16px;
            padding-left: 20px;
        }

            .appbox .appbox_two .appbox_two_title a {
                font-size: 12px;
                margin-left: 10px;
                text-decoration: none;
            }

                .appbox .appbox_two .appbox_two_title a:hover {
                    text-decoration: none;
                }

        .appbox .appbox_two .appbox_two_content ul {
            display: block;
        }

            .appbox .appbox_two .appbox_two_content ul:after {
                clear: both;
                content: '.';
                display: block;
                width: 0;
                height: 0;
                visibility: hidden;
            }

            .appbox .appbox_two .appbox_two_content ul li {
                display: block;
                float: left;
                margin: 0px 15px;
                cursor: pointer;
            }

        .appbox .appbox_two .appbox_two_content .icon {
            display: block;
            font-size: 12px;
            width: 60px;
            height: 60px;
            border: 1px solid #ccc;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            margin: 0px auto;
            text-align: center;
            padding-top: 11px;
            position: relative;
        }

            .appbox .appbox_two .appbox_two_content .icon .icon_mb {
                display: block;
                font-size: 12px;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                margin: 0px auto;
                text-align: center;
                position: absolute;
                left: 0px;
                top: 0px;
                background-color: rgba(0,0,0,0.5);
            }

            .appbox .appbox_two .appbox_two_content .icon .icon_jt {
                margin-top: 20px;
                font-size: 18px;
                color: #5cb85c;
            }

            .appbox .appbox_two .appbox_two_content .icon i {
                display: block;
                font-size: 35px;
                margin: 0px auto;
                color: #38C4F7;
            }

                .appbox .appbox_two .appbox_two_content .icon i:hover {
                    color: #FF6101;
                }
    /*.appbox .appbox_two .appbox_two_content .icon .icon_state:after {
                content:"";
                position:absolute;
                right:0px;
                top:-30px;
                width: 0;
                height: 0; 
                border-bottom: 30px solid #fff;
                border-right: 30px solid transparent;
            }*/

    .appbox .app_box_btn {
        display: block;
        text-align: center;
        cursor: pointer;
    }

    .appbox .app_box_btn_one {
        display: initial;
        margin-left: 10px;
    }

    .appbox .app_box_btn .app_btn {
        padding: 4px 8px;
        color: #fff;
        background: #5cb85c;
        border-color: #4cae4c;
        border-radius: 3px;
        font-size: 12px;
    }

    .appbox .app_box_btn .app_btn_danger {
        background: #d9534f;
        border-color: #d9534f;
    }

    .appbox .appbox_two .appbox_two_content .icon img {
        width: 50px;
        height: 50px;
    }

    .appbox .appbox_two .appbox_two_content a {
        display: block;
        text-align: center;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
    }

        .appbox .appbox_two .appbox_two_content a:hover {
            text-decoration: none;
        }

.appdetailbox {
}

    .appdetailbox .detailbox {
        margin: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E7E7E7;
    }

        .appdetailbox .detailbox:after {
            clear: both;
            content: '.';
            display: block;
            width: 0;
            height: 0;
            visibility: hidden;
        }

        .appdetailbox .detailbox .icon {
            float: left;
            font-size: 12px;
            width: 100px;
            height: 100px;
            border: 1px solid #ccc;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            margin: 0px auto;
            text-align: center;
            padding-top: 13px;
            position: relative;
        }

            .appdetailbox .detailbox .icon i {
                display: block;
                font-size: 65px;
                margin: 0px auto;
                color: #38C4F7;
            }

        .appdetailbox .detailbox .title {
            float: left;
            margin-left: 20px;
            font-size: 24px;
            padding-top: 10px;
        }

    .appdetailbox .contentbox {
        margin: 20px;
        overflow-y: auto;
    }

        .appdetailbox .contentbox h4 {
            font-size: 16px;
            height: 30px;
            line-height: 30px;
        }

/*应用中心 end*/




/*---------------------------手机端应用导航页面 start------------------------*/
.ding_app_header {
    padding: 10px 10px;
    padding-bottom: 0px;
    background: #fff;
}

    .ding_app_header li {
        list-style: none;
    }

    .ding_app_header .ding_app_personal {
    }

        .ding_app_header .ding_app_personal:after {
            clear: both;
            content: '.';
            display: block;
            width: 0;
            height: 0;
            visibility: hidden;
        }

        .ding_app_header .ding_app_personal span {
            display: block;
            float: left;
        }

            .ding_app_header .ding_app_personal span.photo {
                margin-left: 10px;
            }

                .ding_app_header .ding_app_personal span.photo img {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    border: 1px solid #ccc;
                }

            .ding_app_header .ding_app_personal span.name {
                margin-top: 15px;
                margin-left: 15px;
            }

            .ding_app_header .ding_app_personal span.my {
                float: right;
                margin-top: 15px;
                margin-left: 20px;
            }

                .ding_app_header .ding_app_personal span.my a {
                    color: #333;
                }

    .ding_app_header .ding_app_title {
        line-height: 35px;
        border-bottom: 1px #eee solid;
        font-size: 14px;
    }

    .ding_app_header .ding_app_use {
        padding-top: 10px;
        padding-bottom: 3px;
        border-bottom: 1px #eee solid;
    }

        .ding_app_header .ding_app_use ul {
            display: block;
        }

            .ding_app_header .ding_app_use ul:after {
                clear: both;
                content: '.';
                display: block;
                width: 0;
                height: 0;
                visibility: hidden;
            }

        .ding_app_header .ding_app_use li a {
            display: block;
            width: 25%;
            float: left;
            text-decoration: none;
        }

        .ding_app_header .ding_app_use ul.three li a {
            width: 33.333333%;
        }

        .ding_app_header .ding_app_use li a:hover {
            text-decoration: none;
        }

        .ding_app_header .ding_app_use li a span {
            display: block;
            width: 45px;
            height: 45px;
            text-align: center;
            margin: 0px auto;
        }

        .ding_app_header .ding_app_use ul.three li a span.icon_box {
            width: 60px;
            height: 50px;
            padding-top: 10px;
            color: #000;
        }

        .ding_app_header .ding_app_use li a span.icon_box {
            font-size: 25px;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            background: #eee;
            color: #4DA9EB;
        }

        .ding_app_header .ding_app_use li a span.icon_box_hui {
            background: #eee;
            color: #000;
            padding-top: 3px;
            height: 42px;
        }

        .ding_app_header .ding_app_use li a span.title {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            width: 70px;
            font-weight: normal;
            color: #999;
        }

        .ding_app_header .ding_app_use li a i {
            margin-top: 9px;
        }

.ding_app_box {
    padding: 0px 10px;
    padding-bottom: 50px;
    background: #fff;
}

    .ding_app_box li {
        list-style: none;
    }

    .ding_app_box .ding_one_box {
        border-bottom: 1px #eee solid;
    }

        .ding_app_box .ding_one_box.noborder {
            border-bottom: none;
        }

        .ding_app_box .ding_one_box .title {
            line-height: 40px;
            font-size: 16px;
            font-weight: bold;
            /*padding-bottom: 10px;*/
        }

            .ding_app_box .ding_one_box .title .shouqi {
                float: right;
                font-size: 14px;
                font-weight: normal;
                color: #2F7DCD;
            }

        .ding_app_box .ding_one_box .title_date:after {
            clear: both;
            content: '.';
            display: block;
            width: 0;
            height: 0;
            visibility: hidden;
        }

        .ding_app_box .ding_one_box .title_date .title_left {
            float: left;
            width: 22%;
        }

        .ding_app_box .ding_one_box .title_date .title_right {
            float: right;
            width: 78%;
            text-align: center;
        }

        .ding_app_box .ding_one_box .title_date .iconbox {
            padding-left: 15px;
            padding-right: 15px;
            font-size: 20px;
        }

        .ding_app_box .ding_one_box .title_date .chuqin {
            font-size: 16px;
            font-weight: normal;
        }

        .ding_app_box .ding_one_box .content ul {
            display: block;
            overflow: hidden;
        }

            .ding_app_box .ding_one_box .content ul:after {
                clear: both;
                content: '.';
                display: block;
                width: 0;
                height: 0;
                visibility: hidden;
            }

        .ding_app_box .ding_one_box .content li a {
            display: block;
            width: 25%;
            float: left;
            text-decoration: none;
        }

            .ding_app_box .ding_one_box .content li a:hover {
                text-decoration: none;
            }

            .ding_app_box .ding_one_box .content li a span {
                display: block;
                width: 45px;
                height: 45px;
                text-align: center;
                margin: 0px auto;
            }

                .ding_app_box .ding_one_box .content li a span.icon_box {
                    font-size: 28px;
                    border-radius: 10px;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    background: #4DA9EB;
                    color: #fff;
                }

                .ding_app_box .ding_one_box .content li a span.icon_box_mine {
                    font-size: 22px;
                    background: #eee;
                    color: #000;
                    padding-top: 5px;
                    height: 40px;
                }

                .ding_app_box .ding_one_box .content li a span.title {
                    height: 30px;
                    line-height: 30px;
                    margin-bottom: 10px;
                    font-size: 12px;
                    width: 70px;
                    font-weight: normal;
                    color: #000;
                }

            .ding_app_box .ding_one_box .content li a i {
                margin-top: 9px;
            }

    .ding_app_box .site_app_bg_lan {
        background: #4DA9EB !important;
    }

    .ding_app_box .site_app_bg_hong {
        background: #F2725E !important;
    }

    .ding_app_box .site_app_bg_hui {
        background: #eee !important;
    }

    .ding_app_box .site_app_bg_huang {
        background: #F7B55E !important;
    }

    .ding_app_box .ding_one_box .content li a span {
        display: block;
    }

/*-------------------手机端应用导航页面 end---------------------------*/


/*新的注册 start*/

.registerbox {
    background: url(/images/rg_bg.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

    .registerbox .register_logo {
        position: absolute;
        bottom: 20px;
        left: 50%;
        width: 150px;
        margin-left: -75px;
    }

    .registerbox .register_main {
        padding-top: 5%;
    }

        .registerbox .register_main .register_main_box {
            width: 500px;
            margin: 0px auto;
            background: #f2f8fd;
            border-radius: 5px;
            padding: 35px 40px;
        }

            .registerbox .register_main .register_main_box .register_title {
                font-size: 26px;
                color: #3d5266;
                text-align: center;
            }

            .registerbox .register_main .register_main_box .register_progress {
                margin: 40px auto;
                text-align: center;
            }

                .registerbox .register_main .register_main_box .register_progress span {
                    display: inline-block;
                }

                    .registerbox .register_main .register_main_box .register_progress span.yuan {
                        width: 35px;
                        height: 35px;
                        padding-top: 4px;
                        text-align: center;
                        border: 2px solid #3ba7f2;
                        border-radius: 50%;
                        font-size: 18px;
                        color: #3ba7f2;
                    }

                    .registerbox .register_main .register_main_box .register_progress span.yuan_bg_hui {
                        border: none;
                        background: #c4ceda;
                        color: #fff;
                    }

                    .registerbox .register_main .register_main_box .register_progress span.yuan_duigou {
                        border: none;
                        background: #3ba7f2;
                        color: #fff;
                    }

                    .registerbox .register_main .register_main_box .register_progress span.line {
                        width: 70px;
                        border-top: 3px dotted #3ba7f2;
                        padding: 0px;
                        margin: 0px;
                        padding-bottom: 4px;
                    }

                    .registerbox .register_main .register_main_box .register_progress span.line_hui {
                        border-top-color: #c4ceda;
                    }

    .registerbox .register_form_box .register_line_warpper {
        margin-bottom: 20px;
    }

    .registerbox .register_form_box .register_warpper {
        position: relative;
    }

        .registerbox .register_form_box .register_warpper .register_select {
            display: block;
            line-height: 40px;
            font-size: 16px;
            text-indent: 20px;
            width: 100%;
            height: 40px;
            border: 1px solid #cfdae6;
            border-radius: 100px;
            background-color: #fff;
            outline: none;
        }

            .registerbox .register_form_box .register_warpper .register_select:focus {
                border: 2px solid #00aaef;
            }

        .registerbox .register_form_box .register_warpper .register_input {
            display: block;
            line-height: 40px;
            font-size: 16px;
            text-indent: 20px;
            width: 100%;
            height: 40px;
            border: 1px solid #cfdae6;
            border-radius: 100px;
            background-color: #fff;
            outline: none;
        }

        .registerbox .register_form_box .register_warpper .register_btn_span,
        .registerbox .register_form_box .register_warpper .register_btn_code_span {
            position: absolute;
            right: 2px;
            top: 1px;
            padding-right: 10px;
            border-left: 1px solid #cfdae6;
            background: #fff;
            width: 120px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            text-align: center;
        }

            .registerbox .register_form_box .register_warpper .register_btn_span .register_valid_img {
                height: 38px;
                width: 90px;
                padding: 0px;
                border: none;
            }

            .registerbox .register_form_box .register_warpper .register_btn_code_span .register_btn_code {
                padding: 0px;
                height: 38px;
                border: none;
                color: #2898e0;
                font-size: 17px;
                background: none;
                outline: none;
            }

        .registerbox .register_form_box .register_warpper .register_btn_a {
            display: block;
            padding: 0px;
            height: 38px;
            line-height: 38px;
            border: none;
            color: #2898e0;
            font-size: 14px;
            background: none;
            outline: none;
            text-decoration: none;
        }

        .registerbox .register_form_box .register_warpper .register_input:focus {
            border: 2px solid #00aaef;
        }

            .registerbox .register_form_box .register_warpper .register_input:focus + .register_btn_span {
                border-left: 2px solid #00aaef;
                top: 2px;
            }

                .registerbox .register_form_box .register_warpper .register_input:focus + .register_btn_span .register_valid_img {
                    height: 36px;
                }

            .registerbox .register_form_box .register_warpper .register_input:focus + .register_btn_code_span {
                border-left: 2px solid #00aaef;
                top: 2px;
                background: #00aaef;
            }

            .registerbox .register_form_box .register_warpper .register_input:focus + .register_btn_span .register_btn_a {
                height: 36px;
            }

            .registerbox .register_form_box .register_warpper .register_input:focus + .register_btn_code_span .register_btn_code {
                height: 36px;
                color: #fff;
            }

        .registerbox .register_form_box .register_warpper .register_input.input-validation-error {
            border: 2px solid #fa7252;
        }

            .registerbox .register_form_box .register_warpper .register_input.input-validation-error + .register_btn_span {
                border-left: 2px solid #fa7252;
                top: 2px;
            }

                .registerbox .register_form_box .register_warpper .register_input.input-validation-error + .register_btn_span .register_valid_img {
                    height: 36px;
                }

                .registerbox .register_form_box .register_warpper .register_input.input-validation-error + .register_btn_span .register_btn_a {
                    height: 36px;
                }

            .registerbox .register_form_box .register_warpper .register_input.input-validation-error + .register_btn_code_span {
                border-left: 2px solid #00aaef;
                top: 2px;
                background: #00aaef;
            }

                .registerbox .register_form_box .register_warpper .register_input.input-validation-error + .register_btn_code_span .register_btn_code {
                    height: 36px;
                    color: #fff;
                }

    .registerbox .register_form_box .register_error .validation-summary-errors {
        color: #fa7252;
    }

    .registerbox .register_form_box .register_error span.field-validation-error {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
        color: #fa7252;
    }

    .registerbox .register_form_box .register_sub_input {
        border: none;
        font-size: 20px;
        line-height: 40px;
        width: 100%;
        height: 40px;
        color: #fff;
        border-radius: 100px;
        background: #00aaef;
        outline: none;
    }

    .registerbox .register_form_box .register_login_info {
        font-size: 14px;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
        color: #869cb3;
    }

    .registerbox .register-message {
        font-size: 18px;
        line-height: 35px;
        text-align: center;
        padding-bottom: 10px;
    }

        .registerbox .register-message a {
            text-decoration: none;
            color: #2898e0;
        }

/*新的注册 end*/


/*审批列表进度样式 start*/
.auditrecord-line {
    position: relative;
}

    /*.auditrecord-line li:before {
        content: '';
        width: 7px;
        height: 7px;
        background: #5E97F6;
        border-radius: 50%;
        display: block;
        position: absolute;
        left: -3px;
        top: 19px;
    }*/

    .auditrecord-line li {
        position: relative;
        display: flex;
    }

        .auditrecord-line li .line-header {
            position: absolute;
            top: 10px;
            height: 100%;
            display: block;
        }

            .auditrecord-line li .line-header:before {
                content: '';
                width: 7px;
                height: 7px;
                background: #5E97F6;
                border-radius: 50%;
                display: block;
                position: absolute;
                left: -3px;
                top: 0px;
            }

            .auditrecord-line li .line-header.line-header__success:before {
                background: #5cb85c;
            }

            .auditrecord-line li .line-header.line-header__red:before {
                background: red;
            }

            .auditrecord-line li .line-header.line-header__orange:before {
                background: #f0ad4e;
            }

            .auditrecord-line li .line-header .line-header__process {
                display: block;
                width: 1px;
                height: 100%;
                background: #5E97F6;
            }

                .auditrecord-line li .line-header .line-header__process.none {
                    background: none;
                }

            .auditrecord-line li .line-header.line-header__success .line-header__process {
                background: #5cb85c;
            }

            .auditrecord-line li .line-header.line-header__red .line-header__process {
                background: red;
            }

            .auditrecord-line li .line-header.line-header__orange .line-header__process {
                background: #f0ad4e;
            }

        .auditrecord-line li .line-main {
            flex: 1;
            padding-top: 5px;
            padding-left: 10px;
            color: #337ab7;
        }

            .auditrecord-line li .line-main .remark {
                display: block;
                color: #999;
                margin-top: 5px;
                word-break: break-all;
            }

            .auditrecord-line li .line-main sub {
                font-size: 12px;
            }

            .auditrecord-line li .line-main .audit-state {
                display: inline-block;
                padding: 0px 5px;
                font-size: 12px;
                border-radius: 5px;
                line-height: normal;
                border: 1px solid #337ab7;
                color: #337ab7;
            }

            .auditrecord-line li .line-main.line-main__success {
                color: #5cb85c;
            }

                .auditrecord-line li .line-main.line-main__success .audit-state {
                    border: 1px solid #5cb85c;
                    color: #5cb85c;
                }

            .auditrecord-line li .line-main.line-main__red {
                color: red;
            }

                .auditrecord-line li .line-main.line-main__red .audit-state {
                    border: 1px solid red;
                    color: red;
                }

            .auditrecord-line li .line-main.line-main__orange {
                color: #f0ad4e;
            }

                .auditrecord-line li .line-main.line-main__orange .audit-state {
                    border: 1px solid #f0ad4e;
                    color: #f0ad4e;
                }

/*审批列表进度样式 end*/



/*layer ifram 弹框 start */

.modal-dialog__lecaiIfram {
    margin: 0px;
}

.modal-content__lecaiIfram {
    box-shadow: none;
    border-radius: initial;
    border: none;
}

.modal-footer__lecaiIfram {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
/*layer ifram 弹框 end */


/* 流程页面列表页面导航统计项目样式 */
.floworder-statisticalitembox .myaudit {
    background: #f2ffff;
}

.floworder-statisticalitembox .myfanwei {
    background: #fffdf2;
}

.floworder-statisticalitembox ul li a {
    display: block;
    float: left;
    width: 12.5%;
    font-size: 36px;
    padding: 10px 0px;
}

.floworder-statisticalitembox ul li .myaudit:hover {
    text-decoration: none;
    color: #ff0000;
    background: #d9ffff;
}

.floworder-statisticalitembox ul li .myfanwei:hover {
    text-decoration: none;
    color: #ff0000;
    background: #fff9d9;
}

.floworder-statisticalitembox ul li a:hover span.text {
    color: #333;
}

.floworder-statisticalitembox ul li .myaudit.selected {
    text-decoration: none;
    color: #ff0000;
    background: #d9ffff;
}

.floworder-statisticalitembox ul li .myfanwei.selected {
    text-decoration: none;
    color: #ff0000;
    background: #fff9d9;
}

.floworder-statisticalitembox ul li a.selected span.text {
    color: #333;
}

.floworder-statisticalitembox ul li a span {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #ff0000;
    font-family: LCEngschrift;
}

    .floworder-statisticalitembox ul li a span b {
        font-weight: normal;
    }

    .floworder-statisticalitembox ul li a span.text {
        color: #999;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
    }

.floworder-statisticalitembox ul {
    position: relative;
}



.floworder-statisticalitembox .group_title {
    position: absolute;
    top: 2px;
    font-size: 10px;
    font-weight: 400;
    padding-left: 4px;
}

/* 流程页面列表页面导航统计项目样式 */