/* CSS Document atrustv1=DShqNpWFr/m6bR8DXVIknjopsKeRLeZ4L91T/6iaQikqiH8FnAjD99EE8ZmWXjdf:aItKwZb+VFtLEENOZR46j0ieBtRGbEWdiV51f5Y05n38S4vlrTTPBEts0JnYKTNC:3P9/W25DSigy8/RthDtuYUjTLxnf+iG82rbIZPySHLU/Ci6MrkHbAQB8hnH/N6sb:cliQ5XYqMgFEroYyDcvIKEI1sUB2nyP1yEG7Lia3xeIThtGQml5b0JCJugkr9U5m:QsQFtwadXMhDD5nd5qxJ3L4aEdNNTRyVlfv/rYsvSu1aaw7iNLBPVpIqk0Opd1+v:NRbm7xo/s2tA66Miq9W+Uw==:|dfAX9Ukzl9SQ8CvB9HuQUr0beExQITRnAwBu5w1gFAaHJd0/hs6+H/8MFOpXGzqt:B/fK/4JqA2rdQGnbDWswpqHj/DdTpX40Nzrr9u1pB8uLj6hIl48Sh8TG2QmorMWC:xwn/zFIcmmCLairnGXfe3jq2b+Lmoe75JQSDXe03D4930pd9yIfnLvWnxnXvqPg/:X9RGjrB+e1Q/Vovm5Pu01giDOQBegi9FNeDHCzkiBVnWh1Gy5sO0rUUbTeTX5qqY:f8Z9bX13OBxVr0B3X7zMJTecannqdWt+ZJqotN22QaNygOVecBFYlWxjoURBIigX:wVg/CLJXGV9xF/E9sTBH9w==:|kW8b4f023DAD6wCam/aUo071Z520PQOPyXn+5iXYfzVl0LUVHq9uhZW9uua0UQYi:TOLkZj4/yRhpWxZFTlt8XgEmquILcnCEGLAjMzr5x1msaufyVkUjetBeIa9VLd3E:rV8KqrQ5aMWvEHKlNnT/X/YdFfcQO8VMZveX7O08EHIKsmf/pgwLT4rveCeon38u:oWniDlQr6Jfb2305QauHO5j2fcDgREFmCgOzfdMEYf4UoIB5ngNEp8H3fE0Q1ei+:GUZ/gfnmiA2T8/XKgoxYPqzZSCIim5WdM2bEN2nb1AunWaf2ra7fkxlXkJle9+4n:ML1NmOA5nSCoGl6OuJyQKQ==:|cl0BH3BtRbaVk537AKl9WDV4suymqJBgdmu6p7JC6AJ3km0nn/vkzxNMKqwHS1PV:Qmn8dadvOWiN9yrh9HHgOQ9NmXV1WpXRK/NILwr7xIgUIezkMYmF9QmM4glbYsQR:tNfusdUgDzZR/OFMik8xCjpCRLZeI6syaY4L9NJCYMUSpGSiUmcwnjAT5wbReJ+D:IJru7XoPif17oRkHmtUnnZJ4nIsbRFmyldHtlc75+FH74FTY33MzwbiL2vChjrD1:X4CQsdXC0AnB7EflqDXNYXXViu97nmcaKf8N7dYPtDzopH2KAPQOzxM5kQHkuRpP:8G0ral9JA+kJY/SJvHm85w==:|qKZQh+NF+R3X5a1zq4x3gno7M7HtjvMRli4aDGmMfnvskgTaL4EpDMXRZV8oNvKA:6GOmLeOXzbNUix5N1N/DjjJUU18OKo8DeaCGP1k5vVptXdQws/OXzlJWy2LZ8sQy:mpV7raf49+2jcCG9BT+bCOBsvPqV+E+TO1VFrHJfz0wQUHpdgUJ+Qkw04eSMSQCy:WwOgyewbqp7QGbjz2CJk/QTyyOZS5p8ZKH7JR3WUQ3dL+995wXLvtkSpo/HKArTS:SKJfx9bNQyYT34d8NpX2CQOifWAns7Zp5yuyfrB6ct3+32WJ/DmSo6SjOezTDGcx:vG8bI7n46tij8vp9O7Ya3Q==:|mB05bmZenz8UB77hW3yLlmuXTTEDgrF8iGlbdjIygG1cwfabZbHZrq80GhEP/nER:qMXkPIzSvTt2RCXl9NZfa/ZDWXbw2B9lr03DvrIySndm0l5A6yNdNNHIaelZFjVE:xiZJOAZjUY41V/UycZ9QHeb0DkJGOCPdrcv3GaOtDvXMbu7QO95sCSFLjPdELTu2:KcjvrIKT1003fgQ4WW8j30gkUHVaEzsItnIAD/XbrSxQY1DxixJ0hWzYyZKnd7Z+:PqyusjX6r4pxLzxQR0CaDrhgmu1EJbSEGGR7pA1gVL6ScvgfGRhig+xles5BkFTw:43FrHTMln/EcbzY4jjJ1Dw==:|CwJIyDwJSQLtEN+ecUeE5NHbnsk/m3oP3p+/Z7IQrwDJ27FxU0W18BvAnrp5m6+L:RAlMFXKoNN2to+bo13G7Ot17zyEEZTF4Buo7WWV0GUxW7nQHQc4ndZVcXb1ME1QU:H+4Uwc18BtTLd7uOtDsYkYNaFhYmxh+Sq3VOibt99vSqhaluoNEdjH2e3b3cRgm9:GyGb3a4CXibNL8gYLgkDThwmflCRpkqSIokP+lCJ2qn5JLogfJJETyaM0o9DGmHi:8F4QPWCUrxxiabRtqPPnCrxkPpzeFdvFtVbGY+nqOAwJ01gD8UWzaFTVCIVByh7O:zQFrHH64Zv4Z2YTCHEHvXw==:|pjEubbwaTDFNainltwp6eUy4IRb+BmPMWCCMaLARYceYvToyl4/KgXHKFdxd7Zcz:NNEsIDFK+jyN5tCMIQP2Rd/T+vmIVN+mztvUBB7rRZaOQHzGEYHTDz5U2EgPZA6p:oP6sApf8d/v5ZXbQu90fzcWYrzI831FuMFm4grX1AWkYK99kYS2Im1xrRAPiHoO2:ynkKod5P7H6k2JLd2rkJg3S4kWq99/eyY+NfRN/q4q4ym31eWxYOuD4vDgv8N0aN:MoTXyDiuBewJzt4JbKjsvHNSxviIh5WOygBFC+4eo9VBno1lTDdTgbTtj6Catidv:hw1l49Dnu6amQpEGgsP1lQ==: */
@font-face {
    font-family: 'AlibabaSans-Normal';
    src: url('https://vpn.rizhaosteel.com/portal/font/AlibabaSans-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
html {
    color: #000;
}
body {
    font: 12px/1.5 "PingFangSC-Regular", "Microsoft Yahei", "宋体", Arial, Helvetica, sans-serif;
    cursor: default;
    background-color: inherit;
}
.sangfor-body {
    background-color: inherit;
}
.global-client-wrap {
    height: 100%;
}
.global-client-wrap body {
    height: 100%;
    background: #fff;
    box-shadow: 0px 0px 1px 1px #e8e8e8 inset;
}
/* ie8 pingfang字体模糊 */
.ie8 body {
    font-family: "宋体", Arial, Helvetica, sans-serif;
}
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 {
    margin:0 auto;
    padding: 0;
}
a {
    text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    border: 0;
}
input,
button,
textarea,
select,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input,
button{
    -webkit-appearance: none;
}
input[type="text"], textarea, .enable-choose {
    -ms-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
    cursor: text;
}
input[type="password"] {
    ime-mode: disabled;
}
input,
button,
textarea,
select {
    font-size: 12px;
}
input,
button{
    border: 0;
}
::-ms-clear,
::-ms-reveal {
    display:none;
}
ul{
    list-style: none;
}
.disable {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}
.disabled-choose {
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
.common-background {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #f8f8f8;
}

.common-list-style li::before{
    content: "\2022";
    font-size: 18px;
    color: #B5B5B5;
    display: inline-block;
    width: 12px;
}

.rel {
    position: relative;
}
.hide{
    display: none;
}
.drag {
    -webkit-app-region: drag;
}
.no-drag {
    -webkit-app-region: no-drag;
}
.appearance-radio {
    -webkit-appearance: radio;
}
.break-word {
    word-wrap: break-word;
}
.auto-break {
    word-wrap: break-word;
    word-break: break-all;
}
.ele-lucency {
    opacity:0;
    filter: alpha(opacity=0);
    transform: translateY(-10px);
}
.ele-opacity {
    opacity:1;
    filter: alpha(opacity=100);
    transform: translateY(0px);
}
.fixed-center,
.absolute-center {
    z-index: 1;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 45%;
}
.absolute-center {
    position: absolute;
}
.pointer {
    cursor: pointer;
}
.default-pointer {
    cursor: default;
}
.cancel-pointer {
    height: 100%;
    cursor: default;
}
[ms-controller],
[ms-important] {
    display: none;
}
.ms-controller,
.ms-important {
    visibility:hidden;
}

/* todo 加上随机数，如 url('iconfont.woff?t=1588150121677') format('woff') */
/* todo 更新iconfont图标库后，需要更新下面的随机数t */
@font-face {
    /* font-family: 'iconfont';
    src: url('https://vpn.rizhaosteel.com/portal/font/iconfont.eot?t=1618364451205');
    src: url('https://vpn.rizhaosteel.com/portal/font/iconfont.eot?t=1618364451205') format('embedded-opentype'),
    url('https://vpn.rizhaosteel.com/portal/font/iconfont.woff?t=1618364451205') format('woff'),
    url('../font/iconfont-1631019762329.ttf') format('truetype'),
    url('https://vpn.rizhaosteel.com/portal/font/iconfont.svg?t=1618364451205') format('svg'); */

    font-family: "iconfont";
    src: url('../font/iconfont-1631019762329.woff2') format('woff2'),
        url('https://vpn.rizhaosteel.com/portal/font/iconfont.woff?t=1631019762329') format('woff'),
        url('../font/iconfont-1631019762329.ttf') format('truetype'),
        url('https://vpn.rizhaosteel.com/portal/font/iconfont.svg?t=1618364451205') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;

    /*图标不允许选中*/
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

/** 清除浏览器焦点样式 **/
*:focus {
    outline: none;
}

/** 滚动条 **/
::-webkit-scrollbar {
    width: 6px; /* for vertical scrollbars */
    height: 8px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
    background: rgba(229,229,229,0.51);
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    /*background: #D8D8D8;*/
    background: rgba(73,80,96,0.20);
    border-radius: 3px;
}


/** 清除浮动 **/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
/* 基础样式 begin */
/*背景图片覆盖整个页面*/
.background-cover {
    background-position: center;
    overflow: hidden;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
.overflow {
    overflow: hidden;
}
.overflow-y {
    overflow-y: hidden;
}
.overflow-spill {
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hide-el {
    margin: 0;
    padding: 0;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.max-content {
    width: max-content;
}
.white-space-pre {
    white-space:pre;
}
/* 缓冲过度 start */
.trans1 {
    -ms-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.trans3 {
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.trans5 {
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.turn-down {
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* 缓冲过度 end */

/* 元素对齐方式 */
.vertical-align-middle {
    vertical-align: middle;
}

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

/* 文本对齐 start */
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
/* 文本对齐 end */
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}

.inline-block {
    display: inline-block;
}
.ie-inline-block {
    zoom: 1;
    *display: inline;
}

.ellipsis {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.hidden-box {
    width:0px;
    height:0px;
    overflow: hidden;
    opacity: 0;
}
.font-bold {
    font-weight: bold;
}
.font-medium {
    font-family: "PingFangSC--Medium", "Microsoft Yahei", "宋体", Arial, Helvetica, sans-serif;
}

/* ie8 pingfang字体模糊 */
.ie8 .font-medium {
    font-family: "宋体", Arial, Helvetica, sans-serif;
}

/* 外边距 start */
.mt4 {
    margin-top: 4px;
}
.mt8 {
    margin-top: 8px;
}
.mt10 {
    margin-top: 10px;
}
.mt12 {
    margin-top: 12px;
}
.mt24 {
    margin-top: 24px;
}
.mt14 {
    margin-top: 14px;
}
.mt30 {
    margin-top: 30px;
}
.ml5 {
    margin-left:5px;
}
.ml16 {
    margin-left: 16px;
}
.ml8 {
    margin-left: 8px;
}
.ml28 {
    margin-left: 28px;
}
.ml30 {
    margin-left: 28px;
}
.ml100 {
    margin-left: 100px;
}
.mt24 {
    margin-top:24px;
}
.mt25 {
    margin-top:25px;
}
.mt16 {
    margin-top:16px;
}
.mt9 {
    margin-top:9px;
}
.mt32 {
    margin-top: 32px;
}
.mt6 {
    margin-top: 6px;
}
.mr4 {
    margin-right: 4px;
}
.mr10 {
    margin-right: 10px;
}
.mb2 {
    margin-bottom: 2px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb16 {
    margin-bottom: 16px;
}
.mb24 {
    margin-bottom: 24px;
}
.mb36 {
    margin-bottom: 36px;
}
.pr2 {
    padding-right: 2px;
}
.pr16 {
padding-right: 16px;
}
.pr10 {
    padding-right: 10px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pl16 {
    padding-left: 16px;
}
.pl2 {
    padding-left: 2px;
}
.pl4 {
    padding-left: 4px;
}
.pl90 {
    padding-left: 90px;
}
.pl110 {
    padding-left: 110px;
}
.pl100 {
    padding-left: 100px;
}
.pl120 {
    padding-left: 120px;
}
.pb16 {
    padding-bottom: 16px;
}
.line10 {
    line-height: 10px;
}
.line22 {
    line-height: 22px;
}
/* 外边距 end */


.font12 {
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}

.color-333 {
    color:#333;
}
.color-666 {
    color:#666;
}
.color-999 {
    color:#999;
}
.color-bbb {
    color: #bbb;
}
.color-5c {
    color: #5c5c5c;
}
.form-column-color {
    color: #707A87;
}
.bg-white {
    background: #fff;
}
.theme-error-color {
    color: #DE1B1B;
}
.theme-success-color {
    color: #22B07B;
}
.theme-warn-color {
    color: #fa8c17;
}
.ele-rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
/** hover 显示下划线 **/
.text-underline-hover:hover {
    text-decoration: underline;
}

/** hover 改为背景色 **/
.text-theme-color:hover {
    color: #1E75E5;
}

.text-common-color {
    color: #495060;
}

/** 登录框内嵌样式 **/
.include-box__title {
    min-height: 30px;
    line-height: 30px;
    font-size: 18px;
   /* font-weight: bold;*/
    text-align: center;
}
.include-box__subtitle {
    min-height: 18px;
    margin-top: 6px;
    max-height: 54px;
    *height: 54px;
    overflow-y: auto;
    font-size: 14px;
    /*font-weight: bold;*/
    text-align: center;
}
.include-box__subtitle__tip {
    min-height: 12px;
    color: #666;
}
.include-box__form {
    margin-top: 16px;
}
.include-box__tip {
    margin-top: 2px;
    line-height: 18px;
    color: #ee5555;
    min-height: 18px;
    height: auto !important;
    white-space: normal;
}
.dialog .include-box__button {
    margin-top: 10px;
}
.include-box__button {
    margin-top: 10px;
}
.include-box__checkbox {
    margin-top: 8px;
    height: 18px;
    line-height: 18px;
    position: relative;
    zoom: 1;
}
.include-box__checkbox .checkbox {
    margin-right: 30px;
    _margin-right: 15px;
}
.include-box__privacy {
    margin-top: 6px;
}

.dialog .include-box__title {
    min-height: 27px;
    line-height: 27px;
    word-break: normal;
}

.loading-dialog {
    width: 86px;
    min-height: 78px;
    padding: 5px;
    position:fixed;
    left: 50%;
    top: 50%;
    text-align: center;
    margin-left: -43px;
    margin-top: -39px;
    border-radius:  3px;
    z-index: 1000;
    _position:absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-44));
}
.loading-dialog .loading-img {
    width: 32px;
    height: 32px;
    margin-top: 10px;
}
.loading-dialog .loading-msg {
    font-size: 14px;
    color: #fff;
    margin-top: 9px;
}
.loading-dialog .loading-bg {
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background: #6F6F6F;
    border-radius:  3px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: -1;

}

/** 弹框标题统一样式 **/
.dialog-box___title {
    font-size: 18px;
}


/** 个人设置&系统设置编辑框公共样式 **/
.edit-box__title {
    font-size: 14px;
    color: #999;
    line-height: 27px;
}
.edit-box__subtitle {
    margin-top: 26px;
    font-size: 12px;
    color: #666;
    line-height: 18px;
}
.edit-box__subtitle__tip {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 2px;
}
.edit-box__form {
    margin-top: 16px;
}
.edit-box__form__row {
    margin-top: 23px;
    position: relative;
}
.edit-box__form__label {
    height: 24px;
    position: absolute;
    top: 4px;
    left: 16px;
    color: #353535;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}
.edit-box__form__widget {
    margin-left: -8px; /* TODO 优化实现 */
    width: 98%;
    *width: 95%;
}
.edit-box__form__text {
    min-height: 24px;
    line-height: 24px;
    width: 100%;
    *width: 95%;
    *height: 48px;
    color: #353535;
}
.edit-box__tip {
    padding-left: 100px;
    margin-top: 4px;
    min-height: 18px;
    line-height: 18px;
    color: #da4429;
    margin-bottom: 18px;
}
.edit-box__footer {
    margin-top: 8px;
}
.edit-box__footer__clue {
    width: 490px;
    position: relative;
    left: -16px;
    height: 0px;
    border-top: 1px solid #eee;
}
.edit-box__button {
    float: right;
    margin-left: 12px;
}

/** 包含线的标题 **/
.line-title {
    position: relative;
    height: 20px;
    zoom: 1;
}
.line-title__label {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 20px;
    font-size: 14px;
    color: #353535;
    background-color: #fff;
    z-index: 1;
    padding-right: 15px;
}
.line-title__line {
    position: absolute;
    top: 9px;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    border-bottom: 1px #cdd0d8 solid;
    border-bottom-style: dashed;
    _margin-top: -20px;
}

/** 错误文字颜色 **/
body .theme-error-text {
    color: #da4429;
}

/** 成功文字颜色 **/
body .theme-success-text {
    color: #64ae12;
}
.theme-disabled-item {
    color: #999;
    cursor: not-allowed;
}
/** 弹框title栏 **/
.title__head {
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 18px;
    position: relative;
}

.title__head--word {
    margin-left: 0px;
    font-size: 14px;
    color: #999;
}
.title-mac__head--word {
    margin: auto;
    text-align: center;
}
.title__head--i {
    position: absolute;
    right: 0px;
}
.title__extend-i {
    display: inline-block;
    text-align: center;
}
.title__extend-mini-i {
    margin-right: 16px;
}
.title__extend-i .iconfont{
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    width:16px;
    height: 30px;
    cursor: pointer;
    line-height: 36px;
}
.title__extend-close-i .iconfont {
    padding-right: 8px;
}
.title-init-i {
    color: #aaa;
}
.title__extend-i .title-init-i:hover {
    color: #1E75E5;
}
.title__extend-i .title-initMini-i:hover {
    color: #1E75E5;
}
/* padding样式 */
.pr44 {
    padding-right:44px;
}
.common-dialog_padding {
    padding: 14px 32px 16px 32px;
    display: inline-block;
}

/* 输入框的样式*/
.input-style {
    background: none;
    border: 1px solid #bec2cc;
    border-radius: 2px;
    transition: border .1s;
    -webkit-transition: border .1s;
    -moz-transition: border .1s;
    -ms-transition: border .1s;
    -o-transition: border .1s;
}

/* 输入框hover样式 */
.input-style:hover {
    border-color:#aaa;
}

/* 输入框focus样式  */
.input-style:focus {
    border-color:#1E75E5;
}

/* 存储路径和资源路径focus样式 */
.input-path-focus-style:hover {
    border-color:#1E75E5;
}
.input-path-focus-style {
    border-color:#1E75E5;
}
/* start toast*/
.layer {
    position: fixed;
    left: 0px;
    top: 50%;
    width: 100%;
    max-width: 100%;
    text-align: center;
    z-index: 1000;
}
.layer-main {
    display:inline-block;
    text-align:center;
    margin:0px 12px;
    padding:8px 10px;
    line-height: 16px;
    position: relative;
    top:-16px;
    z-index:1;
    opacity: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}
.layer-show .layer-main{
    opacity: 1;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    transition: opacity .3s,transform .4s,transform .4s;
    -webkit-transition: opacity .3s,transform .4s,transform .4s;
    -ms-transition: opacity .2s,transform .3s;
}
.layer-msg {
    font-family: 'PingFangSC-Regular';
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.08px;
    line-height: 16px;
    position: relative;
    top: -1px;
}
.layer-msg-status {
    background: #fff;
    border-radius: 50%;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.layer-msg-status-icon {
    font-size: 15px;
    color: #7f7f7f;
    margin-left: -1px\9;
}
.layer-bg {
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    opacity: 0.6;
    filter:alpha(opacity=60);
    background: #000000;
    border-radius: 3px;
    z-index:-1;
}

/* end toast*/

/* 个人设置下保存按钮,在容器的环境下打开 start*/
.edit-mac-or-linux__footer {
    margin-left: 281px;
}
.edit-mac-or-linux__cancel {
    float: left;
    margin-left: 0px;
}
.edit-mac-or-linux__save {
    float: left;
    margin-left: 12px;
}
/* 个人设置下保存按钮样式 end */

/* 设置界面按钮的hover,和active效果 */
.mini-button-style:hover {
    border: 1px solid #1E75E5;
    color: #1E75E5;
}
.mini-button-style:active {
    border: 1px solid #1E75E5;
    color: #1E75E5;
    background: #D2E6FF;
}


.switch-login-slide {
    animation:.5s gradualChange;
    -webkit-animation:.5s gradualChange;
    -ms-animation:.5s gradualChange;
    -o-animation:.5s gradualChange;
}
/*统一化弹框按钮样式*/
.common-dialog-button {
    float: right;
    width: 84px;
    height: 32px;
    margin-right: 8px;
}
@keyframes gradualChange {
    from {
        opacity: 0.2;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes gradualChange {
    from {
      opacity: 0.2;
    }
    to {
      opacity: 1;
    }
}
@-ms-keyframes gradualChange {
    from {
      opacity: 0.2;
    }
    to {
      opacity: 1;
    }
}
@-o-keyframes gradualChange {
    from {
      opacity: 0.2;
    }
    to {
      opacity: 1;
    }
}

/* 英文样式 */
.edit-box__form__widget--EN {
    width: 80%;
}
.include-box__title--EN {
    margin-bottom: 64px;
}

/*第三方认证界面样式
  third-page-wrap：用于独立页面样式套用
*/
.third-auth-wrap,
.third-page-wrap {
    box-shadow: 0 6px 18px 0 rgba(151,165,190,0.25);
    border-radius: 6px;
 }
.third-auth-wrap .head-portrait {
    width: 56px;
    height: 56px;
    margin: auto;
    border-radius: 50%;
}
.third-auth-wrap .web_user_img {
    width: 56px;
    height: 56px;
}
.third-auth-wrap .user-name {
    font-size: 18px;
    height: 25px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}
/* 客户端下默认打开会闪烁 */
.third_auth_bg {
    background-color: #f4f7fd;
}
.pc-screen .third_page_bg,
.mini-screen .third_page_bg,
.third_auth_bg {
    background-image: url('../image/sms_bg.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.pc-screen .third_page_bg,
.third_auth_bg {
    position: absolute;
}
.pc-screen .third_page_bg .fixed-center,
.third_auth_bg .fixed-center {
    top: 0px;
}
.pc-screen .third_page_content,
.third-auth-wrap {
    min-height: 420px;
    width: 640px;
    margin-left: -320px;
    margin-top: 100px;
    border: 1px solid #EEE;
    background-color: #FFF;
}
.third-auth-wrap .third_auth_header {
    overflow: hidden;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-bottom: 24px;
}
.third-auth-wrap .third_auth_header .title {
    font-size: 16px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: 24px;
}
.third-auth-wrap .go-back-btn {
    float: right;
    line-height: 48px;
    margin-right: 14px;
}
.third-auth-wrap .go-back__a {
    line-height: 34px;
    font-size: 12px;
    color: #3366FF;
}
.third-auth-wrap .third_auth__user-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 8px;
}
.third-auth-wrap .third_auth__username {
    font-size: 16px;
    color: #14161A;
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
    max-width: 450px;
}

.third-auth-wrap .third-auth-opt-btn {
    width: 320px;
}

.third-auth-wrap .auth-content-wrapper {
    padding-top: 24px;
}

/*图片和文字垂直居中*/
.vertical_center {
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
}
.cl {
    clear: both;
}

.ellipsis_2_line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* start 弹窗复用样式 */
.alert-wrap {
    padding: 28px 16px 26px 32px;
}
.alert-main {
    position: relative;
    padding-left: 80px;
}
.alert-type-img {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.alert-title {
    font-size: 16px;
    color: #0C0C0C;
}
.alert-desc {
    font-size: 14px;
    color: #80848F;
}

.alert-checkbox {
    color: #495060;
    display: inline-block;
    position: relative;
    top: 6px;
}
/* end 弹窗复用样式 */

/* start tab选项样式 */
.tabpanel-header {
    height: 48px;
    padding-left: 23px;
    border-bottom: 1px solid #ddd;
}
.tabpanel-header__item {
    display: inline-block;
    font-size: 14px;
    color: #495060;
    padding: 0px 16px;
    cursor: pointer;
}
.tabpanel-header__item:hover {
    color: #4D8DD9;
}
.tabpanel-header__item-activate {
    border-bottom: 2px solid #4D8DD9;
    line-height: 46px;
    color: #4D8DD9;
}
.tabpanel-theme-login {
    padding-left: 0px;
    line-height: 48px;
}
.tabpanel-theme-login .tabpanel-header__item {
    padding: 0px;
    cursor: default;
    margin-right: 28px;
    color: #999;
}
.tabpanel-theme-login .tabpanel-header__item-activate {
    color: #4D8DD9;
}

.tabpanel-theme-login .tabpanel-header__item.tabpanel-header__item-english {
    margin-right: 8px;
}
/* end tab选项样式 */
/* start 面包屑样式 */
.breadcrumbs-bold-wrap {
    font-size: 18px;
    color: #495060;
}
.breadcrumbs-bold-wrap .breadcrumbs-back-icon {
    font-size: 20px;
    padding-right: 8px;
    border-right: 1px solid #d8d8d8;
}
.breadcrumbs-bold-wrap .breadcrumbs-back-icon: {

}
/* end 面包屑样式 */

/* 二级菜单的标题样式 */
.second-page__content {
    margin-top: 24px;
    margin-bottom: 24px;
}
.second-page__tag {
    background: #143DB8;
    border-radius: 0 2px 2px 0;
    border-radius: 0px 2px 2px 0px;
    width: 4px;
    height: 12px;
}
.second-page__title {
    font-size: 14px;
    color: #14161A;
    letter-spacing: 0;
    padding-left: 8px;
    font-weight: bold;
}
/* end 二级菜单的标题样式 */

/* start 空数据UI */
.empty-data {
    width: 100px;
    text-align: center;
    color: #80848F;
}
/* end 空数据UI */

.flex-row {
    display: flex;
    flex-direction: row;
    margin: unset;
}

.tooltips {
    font-size: 12px;
    color: #E80;
    background: #FDF3E4;
    border-radius: 4px;
    line-height: 20px;
    padding: 5px 12px 5px 28px;
    position: relative;
}
.tooltips__icon {
    position: absolute;
    top: 5px;
    left: 10px;
}

/* start 密码校验规则的样式 */
.password-content-item {
    margin-left: 10px;
}
.password-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #C2C2C2;
    vertical-align: top;
    top: 5px;
    position: relative;
}
.password-desc {
    font-size: 12px;
    color: #A3A3A3;
    letter-spacing: 0;
    margin-left: 4px;
    white-space: pre-wrap;
}
.password-dot--active {
    background: #22B07B;
}
/* end 密码校验规则的样式 */

/* start 控制台登录界面 */
.console-login-notice {
    overflow: hidden;
}
/* end 控制台登录界面 */

@keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}
@-webkit-keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}
@-moz-keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}
@-ms-keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}
@-o-keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}

/*下拉列表通用样式*/
.select_list__item {
    display: block;
    padding-left: 18px;
    padding-right: 15px;
    color: #495060;
    font-size: 14px;
    word-break: keep-all;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
}
.select_list__item:hover {
    background: #ededed;
}

/* 通用背景 */
.common-bg-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('https://vpn.rizhaosteel.com/portal/images/common_bg.png');
    z-index: -1;
}

/* 通用tag */
.tag-container {
    height: 100%;
    margin: 10px auto 2px auto;
    text-align: left;
    max-width: 320px;
}

.tag-container .tag-item {
    padding: 3px 8px;
    line-height: 12px;
    font-size: 12px;
    color: #E65050;
    background: #FFEDED;
    border: 1px solid #FFCCCC;
    border-radius: 2px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
}

/* 首页 loading */
.loading-box {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -44px;
    margin-left: -52px;
    width: 104px;
    height: 88px;
    background: #FFFFFF;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08);
    border-radius: 8px;
    z-index: 1;
}
@keyframes intervalShow {
    99% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.loading-text {
    font-size: 14px;
    color: rgb(81, 90, 110);
    text-align: center;
}
.loading-circle {
    margin-top: 15px;
    width: 26px;
    height: 26px;
}

.loading-circle div {
-webkit-transform-origin: 13px 13px;
-ms-transform-origin: 13px 13px;
transform-origin: 13px 13px;
-webkit-animation: 1s opaque ease-in-out infinite both;
animation: 1s opaque ease-in-out infinite both;
}

.loading-circle div::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    width: 2px;
    height: 8px;
    border-radius: 10px;
    background-color: #204ED9;
}

.loading-circle div:nth-child(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.loading-circle div:nth-child(2) {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg);
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.loading-circle div:nth-child(3) {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loading-circle div:nth-child(4) {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.loading-circle div:nth-child(5) {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.loading-circle div:nth-child(6) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.loading-circle div:nth-child(7) {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.loading-circle div:nth-child(8) {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.loading-circle div:nth-child(9) {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.loading-circle div:nth-child(10) {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes opaque {
    0% {
        opacity: 0.1;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.1;
    }
}

@keyframes opaque {
    0% {
        opacity: 0.1;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.1;
    }
}
/* end 首页loading */
/* webView环境下page_auth_xxx认证页面样式修改 */
/* 1. 按钮组件修改wedgit-Button添加类名 webview-comp即可修改当前按钮为 40高度，圆角样式 */
.webview-comp > button {
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
}
.webview .include-box__button.auto-click-smslogin { /* radius/page_sms按钮距上边距调整（这两个界面布局基本一致） */
    margin-top: 32px;
}
/* 2. 通用二次认证界面布局修改 */
.webview .third-auth-content { /* 二次认证容器盒子撑开，涉及页面 new_auth_sms/page_auth_sms/page_auth_radius */
    max-height: 100% !important; /* 很多页面会加各种类名去限制maxHeight，这里直接使用important修改之 */
    height: 100%;
    width: 100%;
    margin: 0;
    position: initial;
    box-sizing: border-box;
    padding: 0 16px;
    overflow-x: hidden;
}
/* 二次认证界面webview适配 - 全部加上important防止其他地方又出现样式改动引发 */
.webview .third-auth-wrap {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 16px;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    box-shadow: none !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
}
.webview .third_page_content { /* 二次认证容器盒子撑开，涉及页面 page_auth_totp */
    padding: 0 16px;
}
.webview .third_auth_bg { /* 二次认证容器盒子横屏适配（高度不够时允许滚动） */
    background: #fff;
    overflow: auto;
}
/* 3. webview通用的顶部返回首页导航条 */
.goback_header {
    overflow: hidden;
    width: 100%;
    height: 40px;
    color: #323233;
    padding: 24px 0 16px; /* 使用padding而不是margin，这样不需要对所有父级做border-t或overflow来取消外边距合并 */
}
.dialog-content .goback_header { /* 弹窗中的goback适配，弹窗容器本身没有给padding，所以这里自己加上 */
    padding: 0 16px;
    box-sizing: border-box;
    margin-top: 24px;
}
.goback_header .goback_header_container {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.goback_header .goback_header_container .goback_header_icon {
    font-size: 24px;
    margin-right: 4px;
}
.goback_header .goback_header_container .goback_header_text {
    font-size: 14px;
    line-height: 24px;
}
/* 4. 六位数code码输入组件统一适配320px：需要给input输入框另添加类名auth-code-6，给每个框item添加类名 auth-code-item */
/* 涉及页面：new_page_sms/page_auth_totp */
.webview input.auth-code-6 { /* input 真实输入框适配320宽度下字间距 */
    width: calc(100% + 24px);
    height: 48px;
    text-indent: 6px;
    letter-spacing: 33px;

    /* iOS默认字体输出的数字宽度不一致（如，1和2...宽度不一致，导致我们输入111111时则完全对不齐，挤在一起，这里使用免费商用字体阿里普惠体水平上能够完美适配iOS和Android） */
    font-family: 'AlibabaSans-Normal',  sans-serif;
}

/* 这里iOS有一个怪现象，输入框内容会往下掉导致对不齐，经测试老的如iPhone6P与新的如iPhoneX手机都有该问题 */
/* 这里我们采取兼容做法（输入框 + 展示框 + 隐藏光标占位元素）高度放大来使得输入框内容展示仍然居中的效果【即使遇到没改问题的机型，文字也只是稍稍偏上，与交互沟通过可以接受】 */
.ios .webview input.auth-code-6 {
    height: 58px;
}
.ios .webview .auth-code-group .auth-code-item {
    height: 58px;
}
.ios .webview .auth-code-item-hide, .webview.mini-screen .auth-code-item-hide {
    height: 58px;
}

.webview .auth-code-group { /* 展示框容器适配，左对齐贴合外部容器 */
    left: 0;
}
.webview .auth-code-group .auth-code-item { /* 对承载每一位code的展示框做适配 */
    height: 48px;
    width: 36px;
    margin-right: 18px;
}
.webview .auth-code-group .auth-code-item:last-child { /* 展示框最后一个不需要右边距（fix） */
    margin-right: 0;
}
.webview .auth-code-item-hide, .webview.mini-screen .auth-code-item-hide { /* 隐藏输入框移动到最后一位时显示的光标 */
    right: -30px;
}
@media screen and (max-width: 374px) { /* totpCode适配375以下大小屏幕 */
    .webview input.auth-code-6 {
        letter-spacing: 20px;
    }
    .webview .auth-code-group .auth-code-item {
        margin-right: 5px;
    }
    .webview .auth-code-item-hide, .webview.mini-screen .auth-code-item-hide {
        right: -10px;
    }
}
/* 5. 主要、次要tips适配 */
.webview .first-tips {
    font-weight: bold;
    font-size: 16px;
    max-height: 86px;
    margin-bottom: 10px;
    text-align: left;
}
.webview .second-tips {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    text-align: left;
}
/* 6.头像 */
.webview .avatar-container, .webview-auth-sms .avatar-container {
    margin-bottom: 8px;
}
.webview .avatar-container .avatar-user, .webview-auth-sms .avatar-container .avatar-user {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    display: block;
}
/* 7.common_info类页面样式修改：左右结构改为上下结构，垂直、水平居中对齐 */
.webview .common-info { /* 主容器居中，内部子元素按列排布垂直居中 */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
}
.webview .common-info__icon { /* 图片去除浮动左对齐 */
    float: unset;
    margin: 0;
}
.webview .common-info__body { /* 提示信息 */
    float: unset;
    width: 100%;
    margin: 0;
}
.webview .common-info__button .webview-comp {
    width: 100%;
    margin: 0 0 8px;
}
.alert-wrapper {
    margin: 9px 0;
    padding: 6px;
    height: auto; /* 内容撑开 */
    line-height: 20px;
    box-sizing: border-box;
    font-size: 12px;
    color: #EE8800;
    background: #FDF3E4;
    border-radius: 4px;
}
.alert-wrapper .iconfont {
    padding-right: 6px;
    color: #EE8800
}

/* aio客户端 - 登录页样式 */
.global-aio-client-wrap .login {
    background: none;
}
.global-aio-client-wrap .login-notice-bg {
    background: #e1eafb;
    opacity: 0.5;
    border-radius: 6px;
}
.global-aio-client-wrap .login-notice {
    padding: 0 16px 17px;
}
.global-aio-client-wrap .login-notice__title {
    color: #2f3540;
    border-bottom: 1px solid rgb(127, 131, 142, 0.2);
    margin-bottom: 16px;
}
.global-aio-client-wrap .login-notice__content {
    color: #5e6573;
}
/* aio客户端二次认证页面 */
.global-aio-client-wrap .web_adaptive_wrapper {
    /* 客户端浏览器支持flex，除此之外portal应避免使用flex */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

/* 二次认证容器适配，居中，上下左右间隙与AIO卡片一致，超出内部滚动 */
.global-aio-client-wrap .web_adaptive_wrapper--main-client .auth_wrapper {
    overflow-y: auto;
    width: 640px;
    max-height: 434px;
    margin-top: -4px;
    margin-left: -320px;
    padding-bottom: 16px;
    box-sizing: border-box;
}
.global-aio-client-wrap.global-client-wrap body {
    background: none;
    box-shadow: none;
}
.global-aio-client-wrap .web_adaptive_wrapper--main-client {
    box-shadow: none;
}

/* 授信终端认证短信 -- newSms */
.global-aio-client-wrap .auth-sms-container {
    margin-top: 12px;
}

/* acl 进程路径 */
.acl-process-path-container {
    display:flex;
    justify-content: space-between;
    width: 100%;
}
.acl-process-path-text {
    overflow: hidden;
    flex-shrink: 1;
    flex-grow: 1;
    text-overflow: ellipsis;
}
.acl-process-path-btn {
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 40px !important;
    font-size: 12px !important;
    max-height: 22px;
    line-height: 12px !important;
}


/* acl 除经常路径以外其他的信息 */
.acl-application-info-text {
    display: inline-block;
    max-width: 100%;
}

/* 适配最小化客户端窗口 */
@media screen and (max-width: 912px) {
    .global-aio-client-wrap .login--client .login-notice {
        width: 368px;
    }
    .global-aio-client-wrap .login--client .login-content {
        width: 800px;
        height: 100%;
        margin-top: 6px;
    }
    .desktop.global-aio-client-wrap .login {
        width: 849px;
        min-width: 849px;
    }
}

.action-bar {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding-top: 10px;
    padding-bottom: 6px;
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.7);
}
.action-bar__button {
    height: 100%;
    float: right;
    display: flex;
    align-items: flex-end;
}

.action-bar__button .iconfont {
    font-size: 20px;
}
.action-bar__com {
    position: relative;
    height: 100%;
    line-height: 21px;
    width: 20px;
    margin-left: 6px;
    cursor: pointer;
    text-align: center;
    border-radius: 1px;
    color: #fff;
    opacity: 0.5;
}
.action-bar__com:hover { 
    background: rgba(255, 255, 255, .3);
    opacity: 1;
}
.action-bar__com:last-child:hover {
    opacity: 1;
    background: #e55555;
}
.action-bar__button .action-bar__back,
.action-bar__button .action-bar__back:hover {
    cursor: default;
}
.action-bar-linux {
    left: 0px;
    right: auto;
    transform: rotateY(180deg);
}
.action-bar-linux .action-bar-back {
    transform: rotateY(180deg);
}

/* aio客户端action_bar样式 */
.action-bar-aio {
    background: none;
}
.action-bar-aio .action-bar__com {
    color: #000;
}
.action-bar-aio .action-bar__com.minimize:hover,
.action-bar-aio .action-bar__com.maxmize:hover {
    opacity: 1;
    background: #e7f4ff;
}
.action-bar-aio .action-bar__com.exit:hover {
    opacity: 1;
    color: #fff;
    background: #cf181d;
}
.action-bar-aio .action-bar__button .iconfont {
    font-size: 16px;
}
/** 常用按钮 **/
.button {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: none;
    -webkit-transition:background-color 0.3s;
    -o-transition:background-color 0.3s;
    transition:background-color 0.3s;
}
.button_abnormal {
    display: block;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: none;
    -webkit-transition:background-color 0.3s;
    -o-transition:background-color 0.3s;
    transition:background-color 0.3s;
}
.button.button--normal {
    cursor: pointer;
    background-color: #1C6EFF;
}
.button.button--normal:hover {
    background-color: #3e85f7;
}

.button.button--normal:focus {
    background-color: #143DB8;
}


.button.button--disabled,
.button.button--loading {
    background: #f4f4f4;
    border: 1px solid #ebebeb;
    color: #bbb;
    cursor: default;
    -webkit-transition:background-color 0.1s;
    -o-transition:background-color 0.1s;
    transition:background-color 0.1s;
}
.button.button-big {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}
.button.button-medium {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
}
.button.button-small {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 3px;
}
.button.button-x-small {
    height: 18px;
    line-height: 14px;
    font-size: 12px;
    border-radius: 9px;
}
.button.button-standard {
    width: 124px;
    height: 30px;
    line-height: 30px;
    font-size:14px;
    border-radius: 3px;
}

/** 蓝色线性按钮 **/
.button-line {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    -webkit-transition:background-color 0.3s;
    -o-transition:background-color 0.3s;
    transition:background-color 0.3s;
}
.button-line.button--normal {
    color: #4f7cd1;
    background: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #4f7cd1;
    cursor: pointer;
}
.button-line.button--normal:hover {
    background: #edf3fb;
}
.button-line.button--normal:active {
    background: #dce8f7;
}
.button-line.button--medium {
    width: 128px;
    height: 40px;
    font-size: 16px;
    line-height: 22px;
}
.button-line.button-medium {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
}
.button-middle-light-line {
    width: 100%;
    height: 40px;
    line-height: 38px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    color: #808080;
    border: 1px solid rgb(224, 224, 224);
    -webkit-transition:background-color 0.3s;
    -o-transition:background-color 0.3s;
    transition:background-color 0.3s;
}
.button-middle-light-line.button-medium:hover {
    background: #edf3fb;
    border-color: #4f7cd1;
    color: #4f7cd1;
}

/** 灰色线性按钮 **/
.button-light-line {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    color: #808080;
    border: 1px solid #808080;
    -webkit-transition:background-color 0.3s;
    -o-transition:background-color 0.3s;
    transition:background-color 0.3s;
}
.button-line-big {
    height: 50px;
    font-size: 18px;
    line-height: 50px;
}
.button-light-line.button--normal {
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #bdbdbd;
    color: #6b6b6b;
}
.button-light-line.button--normal:hover {
    background: #edf3fb;
    border-color: #4f7cd1;
    color: #4f7cd1;
}
.button-light-line.button--normal:active {
    background: #dce8f7;
    border-color: #4f7cd1;
    color: #4f7cd1;
}
.button-line.button--disabled,
.button-line.button--loading,
.button-light-line.button--disabled,
.button-light-line.button--loading,
.button-middle-light-line.button--disabled,
.button-middle-light-line.button--loading,
.button-middle-light-line.button--disabled:hover,
.button-middle-light-line.button--loading:hover {
    background: #f4f4f4;
    border: 1px solid #e4e4e4;
    color: #bbb;
    cursor: default;
}
.button-light-line.button--medium {
    width: 128px;
    height: 40px;
    line-height: 22px;
    font-size: 16px;
}
.button-light-line.button-medium {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
}
.button-light-line.button--small {
    width: 72px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.button__loading {
    width: 20px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}
.button.button-small .button__loading {
    width: 16px;
}
.button__text {
}


.client_dialog {
    min-height: 128px;
    box-sizing: border-box;
}
.client_dialog_width {
    height: 400px;
}
/*客户端弹窗背景样式*/
.win_background {
    background: #fff;
}
/*支持阴影圆角的窗口*/
.win_shadow_8, .win_shadow_6 {
    margin: 8px;
    border-radius: 8px;
}
.win_shadow_8 {
    box-shadow:  0 0 8px 0 rgba(0,0,0,0.35);
}
.win_shadow_6 {
    box-shadow:  0 0 6px 0 rgba(0,0,0,0.2);
}
/*不支持阴影圆角的窗口*/
.win_border {
    border: 1px solid #C8C8C8;
}

/* kylin下的窗口边框绘制 */
.kylin_border {
    border: 1px solid #C8C8C8;
    margin: 0;
    width: calc(100% - 1px);
}
/*标题栏 mac下占位，如设置样式，注意影响 */
.title_bar {
    height: 32px;
    -webkit-app-region: drag;
    -webkit-user-select: none;
    position: relative;
    z-index: 100;
}
.title_bar .title {
    float: left;
    padding-left: 4px;
    height: 32px;
    line-height: 24px;
    font-size: 14px;
    color: #80848F;
}
.title_bar .title .client_dialog-title-text {
    width: 296px;
}
.title_bar .title img {
    height: 24px;
    padding-left: 4px;
}
.title_bar_button {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 2px;
    float: right;
    margin-right: 2px;
    -webkit-app-region: no-drag;
    text-align: center;
}
.title_bar .disable_bar_button {
    color: #DDD;
    cursor: default;
}
.title_bar .enable_button,
.title_bar .enable_close_button,
.title_bar .minimize_button {
    color: #AAA;
    cursor: pointer;
}
.title_bar .enable_close_button:hover {
    background: #E55555;
    color: #fff;
}
.title_bar .enable_close_button:active {
    background: #D13F3F;
    color: #fff;
}
.title_bar .enable_button:hover, .title_bar .enable_button:active {
    color: #495060;
}
.title_bar_button .iconfont {
    font-size: 22px;
}
.title_bar .minimize_button:hover {
    opacity: 1;
    background: #e7f4ff;
}

/* medium_bar 相关内容 */
.medium_bar .title_bar {
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 18px;
    height: 20px;
}
.medium_bar .title_bar .title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.medium_bar .title_bar_button {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    margin-right: 0;
    margin-left: 6px;
}
.medium_bar .title_bar_button .iconfont {
    font-size: 18px;
}
.medium_bar .title_bar_icon {
    display: none;
}
.medium_bar .title_bar .enable_button,
.medium_bar .title_bar .enable_close_button,
.medium_bar .title_bar .minimize_button {
    color: #6F7785;
}
.medium_bar .title_bar .minimize_button .iconfont {
    font-size: 24px;
    margin-left: -2px;
    -webkit-text-stroke-width: 0;
}
.medium_bar .title_bar .enable_close_button:hover,
.medium_bar .title_bar .enable_close_button:active {
    color: #fff;
}
.medium_bar .title_bar .enable_button:hover,
.medium_bar .title_bar .enable_button:active {
    color: #495060;
}
.medium_bar .title_bar .minimize_button:hover {
    color: #2f3540;
    background: #edf1f7;
}
.medium_bar .title_bar .minimize_button:active {
    background: #d3d7de;
}


/*自定义区域：有内容（按钮、其他自定义元素）、无内容等*/
.client-dialog-custom-content {
    min-height: 24px; /*确保该区域无内容时可以撑开*/
}
.mac .client-dialog-custom-content {
    padding-top: 32px; /*mac自带title_bar未占高度，需要撑开*/
}
.mac.exist_tip  .client-dialog-custom-content {
    padding-top: 0px; /*带tip的，tip已配置padding-top*/
}
/*tip区域*/
.client_dialog_content_wrap {
    padding: 24px 32px 16px 32px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
/*mac下自带的title_bar未占高度，tip需要加上title_bar的高度24+32*/
.mac .client_dialog_content_wrap {
    padding-top: 56px;
}
/*图标区域*/
.client_dialog_image_wrap {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    float: left;
}
.client_dialog_image {
    width: 48px;
}
/*文案区域*/
.client_dialog_content_body_wrap {
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*主标题*/
.client_dialog_content_body_wrap .subtitle {
    font-size: 16px;
    line-height: 20px;
    margin-left: 0px;
    width: 100%;
    font-weight: bold;
    word-break: break-word; /*测试测的比较变态，如hhhhhhhhhhhhhhhhhhh，导致弹窗显示异常*/
}
.client_dialog_error.subtitle {
    color: #E55555;
    font-weight: normal;
}
.client_dialog_success.subtitle {
}
.client_dialog_black.subtitle {
    color: #0C0C0C;
}
/*辅助说明*/
.client_dialog_content_body_wrap .body {
    color: #80848F;
    font-size: 14px;
    line-height: 22px;
    white-space: pre-wrap;
    margin: 6px 0px 0px 0px;
    min-height: 40px;
    max-height: 166px;
    overflow-y: auto;
    word-break: break-word;
}
.client_dialog_content_body_wrap .target {
    color: #80848F;
    font-size: 14px;
    line-height: 22px;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 6px 0px 0px 0px;
    min-height: 22px;
    max-height: 44px;
    overflow-y: auto;
}
.mac .client_dialog_body_top {
    padding: 56px 32px 0px 32px;
}
/*通用样式*/
.common-client_dialog-footer {
    padding: 0px 16px 16px 0px;
    height: 32px;
}
.common-client_dialog-button {
    float: right;
    margin-left: 8px;
}
.client-dialog-global-tips {
    width: 336px;
    height: 32px;
    line-height: 32px;
    background: #FFEFEF;
    border-radius: 4px;
    color: #CC5555;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 8px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: -8px;
}
.client-dialog-global-tips .iconfont{
    padding-left: 10px;
}
.drag_window {
    -webkit-app-region: drag;
}

.checkbox {
    display: inline-block;
    font-size: 14px;
}

.checkbox__input {
    display: inline-block;
    height: 0px;
    width: 0px;
    opacity: 0;
}
.checkbox__input:focus+.checkbox__mark {
    border-color: #4f7cd1;
}

.checkbox__mark {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #bec2cc;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    font-weight: normal;
    background-color: #fff;
}
.checkbox__mark.checkbox--small {
    width: 12px;
    height: 12px;
    top: 2px;
}
.checkbox__mark .iconfont {
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: -3px;
    color: #bec2cc;
}
.checkbox__mark.checkbox--small .iconfont {
    left: -1px;
    top: -3px;
}
.checkbox__mark:hover .iconfont {
    color: #bec2cc;
}
.checkbox__mark.checkbox--disabled,
.checkbox__mark.checkbox--disabled:hover {
    border-color: #e4e4e4;
    background-color: #f4f4f4;
    cursor: default;
}
.checkbox__mark.checkbox--disabled .iconfont,
.checkbox__mark.checkbox--disabled:hover .iconfont {
    color: #d8d8d8;
}
.checkbox__label {
    cursor: pointer;
    color: #333;
    position: relative;
    top: -1px;
    display: inline;
}
.checkbox__label.checkbox--small {
    top: 0;
}
.checkbox__label.checkbox--disabled {
    cursor: default;
}
/*客户端未加载theme_skin.css，以下样式用于客户端弹窗*/
.checkbox__mark:hover,
.checkbox__mark.checkbox--active,
.checkbox__mark.checkbox--active:hover {
    border-color: #4f7cd1;
}
.checkbox__mark.checkbox--active .iconfont,
.checkbox__mark.checkbox--active:hover .iconfont {
    color: #f4f4f4;
    background-color: #4f7cd1;
    transform: scale(0.833333)
}



.dialog {
    position: absolute;
    text-align: left;
    max-width: 80%; /* 移动端中小屏（<400屏幕【大部分dialog都是w400】）统一适配 */
}
.dialog .dialog-inner {
    -webkit-box-shadow: 0 0 14px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 14px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 14px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 14px rgba(0,0,0,.1);
    box-shadow: 0 0 14px rgba(0,0,0,.1);
    background: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    zoom: 1;
    height: 100%;
    overflow: hidden;
}

.dialog .dialog-inner.dialog-inner--no-radius {
    border-radius: 0;
}
.dialog .dialog-content {
    /*padding: 24px 32px 32px 32px;*/
    word-wrap: break-word;
}

.dialog .dialog-inner.dialog-inner--no-radius .dialog-content {

    padding: 0;
}

.dialog-mask {
    display: none;
    *position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    zoom: 1;
    z-index: 1;
    background: #313131;
}
.dialog-hyaline-mask {
    opacity: 0.05;
    filter: alpha(opacity=5);
}

.dialog-header {
    position: relative;
    padding: 8px 16px;
    top: 0;
    font-size: 16px;
    color: #495060;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dialog-header--bottom {
    border-bottom: 1px solid #ddd;
}

.dialog-header-title-text {
    display: inline-block;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    color: #495060;
    font-size: 16px;
    line-height: 24px;
}

.dialog-close {
    position: absolute;
    right: 8px;
    top: 6px;
    font-size: 14px;
    cursor: pointer;
    color: #bbb;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}
.dialog-close:hover {
    color: #1E75E5;
}
.dialog-close .iconfont {
    font-size: 12px;
}
.dialog-inner--no-radius .dialog-close .iconfont {
    font-size: 14px;
}
.dialog-content-title__wrap {
    float: left;
    max-width: 272px;
}
.dialog-content-title {
    color: #495060;
    font-size: 16px;
    line-height: 24px;
    font-weight: bolder;
    word-break: break-word;
}
.dialog-content-subtitle {
    color: #80848F;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
    word-break: break-word;
}
.dialog-image__wrap {
    width: 64px;
    float: left;
}
.dialog-image {
    width: 40px;
    height: 40px;
}
.dialog-footer {
    border-top: 1px solid #ddd;
    padding: 8px 8px;
    height: 32px;
    bottom: 0;
    background-color: #fdfdfd;
    border-radius: 0 0 2px 2px
}

.drawer_wrap {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    margin-top: 68px;
    min-height: 520px;
}
.drawer-container {
    background: #ffffff;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -moz-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -ms-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -o-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    height: 100%;
}
.drawer-header-title {
    padding: 8px 16px 0px 20px;
}
.drawer-header-title-text {
    display: inline-block;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-size: 16px;
    line-height: 22px;
    color: #1C2438;
    text-align: left;
}

.drawer-close {
    position: absolute;
    right: 16px;
    top: 6px;
    font-size: 15px;
    cursor: pointer;
    color: #000;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}
.drawer-close .drawer-close-icon {
    font-size: 16px;
}
.login-style .input-box {
    border-bottom: 1px solid #ddd;
    z-index: 1;
}

.input-login-style .input-box {
    height: 60px;
    z-index: 0;
}

.input-login-style .input-txt {
    width: 100%;
    display: block;
    border-top: 30px solid #fff;
    text-indent:4px;
    height: 26px;
    line-height: 26px;
    background: none;
    position: relative;
    z-index: 1;
    font-size: 14px;
}

.input-login-style .input-linellae {
    position: absolute;
    height:0px;
    top: 59px;
    margin-top:0px;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}
.input-login-style .input-column-name{
    position: absolute;
    left:4px;
    top:30px;
    z-index: 2;
    font-size: 14px;
    cursor: text;
    color:#BBB;
    -ms-transition: top .4s;
    -o-transition: top .4s;
    -moz-transition: top .4s;
    -webkit-transition: top .4s;
    transition: top .4s;
}
.input-login-style .input-focus-column{
    top:9px;
}
.input-login-style .input-linellae-active{
    -ms-animation: linellae .4s;
    -o-animation: linellae .4s;
    -moz-animation: linellae .4s;
    -moz-animation: linellae .4s;
    -webkit-animation: linellae .4s;
    border-bottom: 1px solid #1E75E5;
}
.input-login-style .input-right-info, 
.input-setting-style .input-right-info,
.input-console-style .input-right-info {
    padding-top: 0;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 25px;
    height: 26px;
    padding-left: 8px;
    z-index: 2;
}{
    position: absolute;
    right:0px;
    top:0px;
    padding-top: 25px;
    height:26px;
    padding-left:8px;
    z-index:2;
}
.input-setting-style .input-right-info {
    padding-top: 0px;
    height: 32px
}
.input-login-style .input-disabled .input-column-name{
    color:#D5D5D5;
    cursor: default;
}
.input-login-style .input-disabled .input-txt {
    cursor: default;
    color: #d5d5d5;
}
.input-login-style .input-disabled .input-linellae {
    border-color: #E5E5E5;
}

.input-login-style .input-linellae-error{
    border-color: #EE5555 !important;
}
.input-setting-style{
    line-height: 32px;
}
.input-setting-style .input-box {
    z-index: 1;
}
.input-setting-style .input-txt {
    width: 100%;
    text-indent: 8px;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-right: 5px;
    background: none;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 3px;
    transition: border .1s;
    -webkit-transition: border .1s;
    -moz-transition: border .1s;
    -ms-transition: border .1s;
    -o-transition: border .1s;
}
.input-setting-style .input-column-icon{
    position: absolute;
    left: 8px;
    top: 1px;
}
.input-setting-style .input-column-name{
    position: absolute;
    left:8px;
    top:1px;
    height: 100%;
    z-index: -1;
    font-size: 12px;
    color: #999999;
}
.input-setting-style .input-icon .input-column-name {
    left: 32px;
}
.input-setting-style .input-icon .input-txt {
    padding-left: 24px;
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
}
.input-setting-style .input-right-info{
    /*display: none;*/
}
.input-setting-style .input-txt:hover {
    border-color:#4F7CD1;
}
.input-setting-style .input-txt:focus {
    border-color:#4F7CD1;
    color: #495060;
}
.input-setting-style .input-disabled .input-column-name {
    z-index:1;
    cursor: default;
}
.input-setting-style .input-disabled .input-txt {
    border-color:#BBB;
    background: #EEE;
    cursor: default;
}

.input-original-style{
    line-height: 22px;
}
.input-original-style .input-box {
    z-index: 1;
}
.input-original-style .input-txt {
    width: 100%;
    text-indent: 4px;
    display: block;
    height: 30px;
    line-height: 22px;
    background: none;
    border: 1px solid #bec2cc;
    border-radius: 2px;
    transition: border .1s;
    -webkit-transition: border .1s;
    -moz-transition: border .1s;
    -ms-transition: border .1s;
    -o-transition: border .1s;
}
.input-original-style .input-txt:hover {
    border-color:#aaa;
}
.input-original-style .input-txt:focus {
    border-color:#1E75E5;
}
.input-original-style .input-column-name{
    position: absolute;
    left:5px;
    top:3px;
    text-align: right;
    height: 100%;
    z-index: -1;
    color:#BBB;
}
.input-original-style .input-right-info{
    display: none;
}
.input-original-style .input-disabled .input-column-name{
    cursor: default;
}
.input-original-style .input-disabled .input-txt {
    border-color:#bec2cc;
    background: #f2f2f2;
    cursor: default;
}
/* 错误显示的样式 */
.error-box {
    background: #EE5555;
    border-radius: 4px;
    white-space: pre-line;
}
.error-box span {
    display: inline-block;
    padding: 5px 5px;
    color: #fff;
}
.input-original-style .input-txt.input-background {
    background: #FFDFD9;
    color: #EE5555;
    border: 1px solid #EE5555;
}
.input-original-style .input-txt.input-background:hover,
.input-original-style .input-txt.input-background:focus {
    border: 1px solid #EE5555;
}
.input-setting-style .input-txt.input-background {
    background: #FFDFD9;
    color: #EE5555;
    border: 1px solid #EE5555;
}
.input-setting-style .input-txt.input-background:hover,
.input-setting-style .input-txt.input-background:focus {
    border: 1px solid #EE5555;
}
.error-content {
    position:absolute;
    z-index:2;
}
.triangle_border_up {
    width: 0px;
    height: 0px;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #EE5555;
    position: relative;
    left: -36%;
}

@-ms-keyframes linellae {
    0% {
        left: 50%;
        width: 0%;
    }
    100% {
        left: 0px;
        width: 100%;
    }
}
@-o-keyframes linellae {
    0% {
        left: 50%;
        width: 0%;
    }
    100% {
        left: 0px;
        width: 100%;
    }
}
@-moz-keyframes linellae {
    0% {
        left: 50%;
        width: 0%;
    }
    100% {
        left: 0px;
        width: 100%;
    }
}
@-webkit-keyframes linellae {
    0% {
        left: 50%;
        width: 0%;
    }
    100% {
        left: 0px;
        width: 100%;
    }
}
@keyframes linellae {
    0% {
        left: 50%;
        width: 0%;
    }
    100% {
        left: 0px;
        width: 100%;
    }
}

.select-panel,
.select-panel__text,
.select-panel__arrow {
    display: inline-block;
    vertical-align: middle;
}

.select-panel {
    position: absolute;
    height: 28px;
    width: 112px;
    right: 0px;
    bottom: 5px;
    padding-left: 8px;
    background: #F7F8FA;
    border-radius: 2px;
}

.select-panel__text {
    width: 79px;
    font-size: 12px;
    color: #323233;
    letter-spacing: 0;
    text-align: left;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-panel__arrow {
    font-size: 14px;
    margin-left: 8px;
    padding-top: 4px;
}

.select__adjust {
    display: block;
    position: absolute;
    right: 0px;
    width: 120px;
    height: 30px;
    bottom: -8px;
    z-index: 10;
}

.select-list {
    position: absolute;
    z-index: 2;
    right: 0;
    line-height: 32px;
    width: 160px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0px 0px 2px 2px;
    overflow: hidden;
    border-radius: 2px;
    border-radius: 2px;
}

.select-list__item {
    display: block;
    padding-left: 8px;
    padding-right: 12px;
    color: #495060;
    font-size: 14px;
    word-break: keep-all;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    user-select: none;
}

.select-list__item:hover {
    background: #EDF3FB;
}

.select-list__item__icon {
    margin-right: 9px;
    color: #000;
    font-size: 14px;
}

.select-list__text {
    color: #495060;
    width: 120px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select-list__text__container {
    height: 40px;
    width: 139px;
}

.select-list__text_bottom_border {
    border-top: #DDDDDD 1px solid;
}

.select-list__icon__selected {
    position: absolute;
    z-index: 3;
    right: 8px;
    height: 21px;
    width: 21px;
    color: #3366FF;
}


.input-right-icon {
    width: 14px;
    height: 50px;
    position: absolute;
    right: 18px;
    line-height: 50px;
    top: 0;
    transition: all 0.3s ease;
}

/* 控制台input主题 start */
.input-console-style {
    height: 50px;
    border-radius: 4px;
    margin-top: 48px;
}
.input-console-style .input-txt {
    height: 50px;
    width: 100%;
    padding: 1px 1px 1px 12px;
    box-sizing: border-box;
    border-radius: 4px;
}
.input-console-style .ie8-input-txt {
    padding-top: 14px;
}
.input-console-style .input-linellae {
    display: none;
}
.input-console-style .input-column-name {
    position: absolute;
    left: 0px;
    top: -26px;
}
.input-console-style .input-right-info {
    padding-top: 0;
    height: 50px;
}
.input-console-style .select-embed-style .select-box, .select-embed-style .select-disabled.select-box:hover {
    bottom: 0;
    height: 50px;
}
.input-console-style .select-embed-style .select-choose {
    height: 50px;
    line-height: 50px;
}
.input-console-style .select-embed-style .select-box {
    margin-top: 0;
}
.input-console-style ::-webkit-input-placeholder,
.input-console-style ::-moz-placeholder,
.input-console-style ::-ms-input-placeholder {
    color:#707A89;
}
@media screen and (max-width: 1440px) {
    .input-console-style,
    .input-console-style .input-txt, 
    .input-console-style .input-right-info,
    .input-console-style .select-embed-style .select-box, .select-embed-style .select-disabled.select-box:hover, 
    .input-console-style .select-embed-style .select-choose,
    .input-console-style .input-right-icon {
        height: 40px;
    }
    .input-console-style .select-embed-style .select-choose,
    .input-console-style .input-right-icon {
        line-height: 40px;
    }
}
/* 控制台input主题 end */

/* 不带输入框标题样式 */
.input-no-label {
    margin-top: 24px;
}

/** 输入框 **/
.input-console-style .input-txt {
    border: 1px solid #DEE3ED;
}
.input-console-style .input-txt-foucs {
    border-color: #204ED9;
}
.input-console-style .input-column-name {
    color: #707A89;
}


.navigation-inner {
    background: #ffffff;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -moz-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -ms-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -o-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    height: 100%;
}
.navigation-header--bottom {
    border-bottom: 1px solid #ddd;
}
.navigation-header-title {
    position: relative;
    padding: 12px 16px 14px 20px;
    top: 0;
}
.navigation-header-title-text {
    display: inline-block;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-size: 16px;
    line-height: 22px;
    color: #1C2438;
    text-align: left;
}

.navigation-close {
    position: absolute;
    right: 17px;
    top: 8px;
    font-size: 15px;
    cursor: pointer;
    color: #000;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}
.navigation-close .iconfont {
    font-size: 12px;
}
.navigation-scroll {
    overflow: auto;
    overflow-x: hidden;
}
.navigation-list li{
    cursor: pointer;
    color: #495060;
}
.navigation-list .first li {
    font-size: 16px;
    padding: 0px 0px 16px 0px;
    line-height: 22px;
}
.navigation-list li .first_wrap{
    height: 42px;
    line-height: 42px;
}
.navigation-list .second li {
    font-size: 14px;
    padding: 0px;
    line-height: 42px;
    height: 42px;
}
.navigation-list .first li span, .navigation-list .second li span{
    padding: 0px 8px 0px 4px;
}
.navigation-list .first li img{
    padding-left: 20px;
}
.navigation-list .second li img{
    padding-left: 28px;
}
.navigation-list .second li:hover, .navigation-list li .first_wrap:hover{
    background: #ededed;
}
.navigation-list .second li:hover, .navigation-list li .first_wrap:hover{
    transition: background .3s;
    background: #ededed;
}
.navigation-list .hide_icon {
    visibility: hidden;
}
.navigation-list .navigation-list__select {
    color: #4F7CD1;
}
.navigation_select {
    width: 10px;
}
.notify {
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    border-radius: 2px;
    padding: 12px 16px;
    font-size: 14px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    transition: opacity .3s, transform .4s, top .4s;
    width: auto;
    z-index: 2011;
}
.notify--client {
    top: 42px;
}

.notify .notify-warn {
    display: flex; /* fix: 换行时，不要换到icon底下去 */
}

.notify .notify-icon {
    display: inline;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin-right: 8px;
    background-size: 100%;
}

.notify .notify-msg {
    display: inline;
    line-height: 20px;
    vertical-align: middle;
    text-align: left;
    min-width: 70px;
    max-width: 880px;
}

.notify .notify-success {
    background: #fff;
    color: #495060;
}

.notify .notify-success .notify-icon {
    color: #22b07b;
}
.notify .notify-warn .notify-icon {
    color: #f90;
}
.notify .notify-error .notify-icon {
    color: #E55550;
}
.popupmenu_wrap {
    min-width: 100px;
    min-height: 32px;
    background: #FFF;
    border: 1px solid #DDD;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.03);
    border-radius: 3px;
    border-radius: 3px;
}

.popupmenu_wrap .popupmenu-menu-info ul {
    width: 100px;
}

.popupmenu-menu-info ul li {
    width: 100px;
    height: 32px;
    background: #FFF;
    margin: 0;
    text-align: center;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 32px;
    user-select: none;
    overflow: hidden;
    cursor: pointer;
}

.popupmenu-menu-info ul li:hover {
    background: #EDF3FB;
}
.common_scroll-top {
    position: fixed;
    right: 80px;
    bottom: 80px;
}
.app-mobile-screen .common_scroll-top {
    right: 12px;
    bottom: 12px;
}
.scroll-top {
    width:48px;
    height:48px;
    line-height: 48px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    -webkit-box-shadow:  0 0 2px 0 rgba(191,191,191,0.50);
    -moz-box-shadow:  0 0 2px 0 rgba(191,191,191,0.50);
    -ms-box-shadow:  0 0 2px 0 rgba(191,191,191,0.50);
    -o-box-shadow:  0 0 2px 0 rgba(191,191,191,0.50);
    box-shadow: 0 0 2px 0 rgba(191,191,191,0.50);
    color: #AAA;
}

.scroll-top:hover {
    color: #4D8DD9;
    -webkit-box-shadow:  0 0 8px 0 rgba(191,191,191,0.50);
    -moz-box-shadow:  0 0 8px 0 rgba(191,191,191,0.50);
    -ms-box-shadow:  0 0 8px 0 rgba(191,191,191,0.50);
    -o-box-shadow:  0 0 8px 0 rgba(191,191,191,0.50);
    box-shadow: 0 0 8px 0 rgba(191,191,191,0.50);
}

.scroll-top-icon {
    font-size: 30px;
}
/* login风格 start */
.select-login-style .select{
    height:40px;
    line-height: 40px;
    background: #eee;
}
.select-login-style .select-choose{
    padding: 4px 20px 4px 8px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}
.select-login-style .select-box,
.select-login-style .select-disabled.select-box:hover {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.select-login-style .select-box:hover {
    border-color:#aaa;
}
.select-login-style .select-change,
.select-login-style .select-change:hover {
    border-color:#1E75E5;
}
.select-login-style .select-choose .select-arrow {
    font-size: 12px;
    position: absolute;
    right: 6px;
    color:#666;
    top: 3px;
}
.select-login-style .select-choose:hover .select-arrow,
.select-login-style .select-choose .select-arrow:hover {
    color:#333;
}
.select-login-style .select-label{
    color: #d3d3d3;
    font-size: 14px;
    position: absolute;
    left: 4px;
    top: 0px;
    height:28px;
}
.select-login-style .select-right-info{
    position: absolute;
    right: 0px;
    top:0px;
    height:20px;
    line-height: 20px;
}
.select-login-style .select-list {
    position: absolute;
    top: 40px;
    left: -1px;
    width: 100%;
    border: 1px solid #ccc;
    z-index: 10;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.20);
    border-radius: 0 0 3px 3px;
}
.select-login-style .select-list li{
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    cursor: pointer;
}
.select-login-style .select-list li:hover{
    background:#e8f0ff;
    transition: background .3s;
}
.select-login-style .select-disabled .select-choose,
.select-login-style .select-disabled .select-choose .select-arrow {
    color: #999;
    cursor: default;
}
/* login风格 end */

/* setting风格 start */
.select-setting-style{
    line-height:20px;
}
.select-setting-style .select-choose{
    padding-left: 4px;
    padding-right: 30px;
    height:20px;
    cursor: pointer;
}
.select-setting-style .select-label{
    color: #aaa;
    font-size: 14px;
    position: absolute;
    left: 4px;
    top: 0px;
    text-align: right;
    height:20px;
}
.select-setting-style .select-right-info{
    position: absolute;
    right: 0px;
    top:0px;
    height:20px;
    line-height: 20px;
    display: none;
}
.select-setting-style .select-list{
    position: absolute;
    top:19px;
    left:0px;
    width:100%;
    border-radius: 2px;
}
.select-setting-style .select-arrow{
    font-size:12px;
    color:#bbbbbb;
    position: absolute;
    top: 0px;
    right: 10px;
}
.select-setting-style .select-list li{
    padding-left: 4px;
    padding-right: 8px;
    line-height: 22px;
    background: #fff;
    cursor: pointer;
    display: block;
}
/* setting风格 end */

/* original和up风格 start */
.select-original-style, .select-up-style {
    line-height:30px;
}
.select-original-style .select-choose,
.select-up-style .select-choose {
    padding-left: 4px;
    padding-right: 30px;
    position: relative;
    height:30px;
    cursor: pointer;
    transition: border .1s;
    font-size: 14px;
    color: #444;
}
.select-original-style .select-label,
.select-up-style .select-label{
    color: #d3d3d3;
    font-size: 14px;
    position: absolute;
    left: 4px;
    top: 0px;
    height:22px;
}
.select-original-style .select-right-info,
.select-up-style .select-right-info{
    position: absolute;
    right: 0px;
    top:0px;
    height:20px;
    line-height: 20px;
}
.select-original-style .select-list,
.select-up-style .select-list
{
    position: absolute;
    top:34px;
    left:0px;
    _left:-5px;
    _top:32px;
    width:100%;
    border-radius: 2px;
    z-index: 2;
}
.select-original-style .select-list li,
.select-up-style .select-list li {
    padding-left: 4px;
    padding-right: 8px;
    font-size: 14px;
    color: #444;
    line-height: 24px;
    cursor: pointer;
}
.select-original-style .select-arrow,
.select-up-style .select-arrow {
    font-size:15px;
    color:#bbbbbb;
    position: absolute;
    top: 1px;
    right: 10px;
}
/* original和up风格 end */

/* up风格 end */
.select-up-style .select-list {
    top:-50px;
}
.select-up-style .select-box .select-choose {
    text-align: center;
}
/* up风格 end */



/* setting、up与original风格，两类相似，颜色过度统一 start */
.select-setting-style .select-choose,
.select-original-style .select-choose,
.select-up-style .select-choose {
    border: 1px solid #ddd;
    transition: all .1s;
}
.select-setting-style .select-list,
.select-original-style .select-list,
.select-up-style .select-list {
    background: #fff;
    border:1px solid #aaa;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.20);
    border-radius: 0 0 3px 3px;
}
.select-setting-style .select-list li,
.select-original-style .select-list li,
.select-up-style-style .select-list li {
    background: #fff;
}
.select-original-style .select-arrow,
.select-up-style .select-arrow {
    font-size:12px;
    color:#000;
}
.select-setting-style .select-choose:hover,
.select-original-style .select-choose:hover,
.select-up-style .select-choose:hover {
    border-color: #aaa;
}
.select-setting-style .select-show,
.select-setting-style .select-show:hover,
.select-original-style .select-show,
.select-original-style .select-show:hover,
.select-up-style .select-show,
.select-up-style .select-show:hover {
    border-color: #1E75E5;
}
.select-setting-style .select-list li:hover,
.select-original-style .select-list li:hover,
.select-up-style .select-list li:hover{
    transition: background .3s;
    background:#f2f2f2;
}
.select-setting-style .select-choose:hover .select-arrow,
.select-setting-style .select-choose .select-arrow:hover,
.select-original-style .select-choose:hover .select-arrow,
.select-original-style .select-choose .select-arrow:hover,
.select-up-style .select-choose:hover .select-arrow,
.select-up-style .select-choose .select-arrow:hover {
    color:#222;
}

.select-up-style .select-disabled .select-choose:hover,
.select-up-style .select-disabled .select-choose:hover {
    border-color: #BEC2CC;
}

.select-original-style .select-disabled .select-choose,
.select-original-style .select-disabled .select-choose:hover
{
    border-color: #bbb;
}

.select-setting-style .select-disabled .select-choose,
.select-setting-style .select-disabled .select-choose .select-arrow,
.select-original-style .select-disabled .select-choose,
.select-original-style .select-disabled .select-choose .select-arrow ,
.select-up-style .select-disabled .select-choose,
.select-up-style .select-disabled .select-choose .select-arrow {
    color: #545454;
    background: #eee;
    cursor: default;
}
/* setting、up与original风格 end */



.select-list li {
    position: relative;
}
.select-list li .select-del {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    font-weight: bold;
    display: none;
}
.select-list li.over-status .select-del {
    display: inherit;
}
.select-arrow--turn {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*
 * 嵌入风格
 */
.select-embed-style,
.select-embed-style .select-choose,
.select-embed-style .select-arrow {
    display: inline-block;
    vertical-align: middle;
}

.select-embed-style .select-choose {
    padding-left: 4px;
    height: 28px;
    width: 85px;
    line-height: 28px;
    font-size: 14px;
    padding-right: 20px;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    color: #323233;
    cursor: pointer;
}

.select-embed-style .select-box {
    margin-top: 8px;
}

.select-embed-style .select-box,
.select-embed-style .select-disabled.select-box:hover {
    height: 28px;
    width: 112px;
    right: 0px;
    bottom: 5px;
    padding-left: 8px;
    background: #F7F8FA;
    border-radius: 2px;
}
.select-embed-style .select-box:hover {
    background: #EDF3FB;
}

.select-embed-style .select-change,
.select-embed-style .select-change:hover {
    border-color: #1E75E5;
}

.select-embed-style .select-choose .select-arrow {
    font-size: 15px;
    position: absolute;
    right: 8px;
    color: #666;
    top: 1px;
}

.select-embed-style .select-choose:hover .select-arrow,
.select-embed-style .select-choose .select-arrow:hover {
    color: #333;
}

.select-embed-style .select-label {
    color: #d3d3d3;
    font-size: 14px;
    position: absolute;
    left: 4px;
    top: 0px;
    height: 28px;
}

.select-embed-style .select-right-info {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 20px;
    line-height: 20px;
    z-index: 100;
}

.select-embed-style .select-list {
    position: absolute;
    z-index: 2;
    right: 0;
    line-height: 32px;
    width: 160px;
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0px 0px 2px 2px;
    overflow: hidden;
    border-radius: 2px;
    border-radius: 2px;
}

.select-embed-style .select-list .select-item {
    display: block;
    padding-left: 8px;
    padding-right: 30px;
    color: #323233;
    font-size: 14px;
    word-break: keep-all;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    user-select: none;
    cursor: pointer;
}

.select-embed-style .select-list .select-item:hover {
    transition: background .3s;
    background: #EDF3FB;
}

.select-embed-style .select-disabled .select-choose,
.select-embed-style .select-disabled .select-choose .select-arrow {
    color: #999;
    cursor: default;
}

.select-item__icon__selected {
    position: absolute;
    z-index: 3;
    right: 8px;
    height: 21px;
    width: 21px;
    color: #3366FF;
}

.select-list__text_bottom_border {
    border-top: #DDDDDD 1px solid;
}

/**
 *  用于强制覆盖 select 的容器 z-index
 *  避免select 的下拉列表被覆盖
 */
.select-embed-style_zindex,
.select-up-style_zindex {
    z-index: 88 !important;
}

.switch {
    display: inline-block;
}
.switch__input {
    display: none;
}
.switch__item {
    cursor: pointer;
}
.switch__mark {
    width: 41px;
    height: 18px;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #DDDDDD;
}
.switch__mark-animation {
    -ms-animation: background-to--unchecked .8s;
    -o-animation: background-to--unchecked .8s;
    -moz-animation: background-to--unchecked .8s;
    -moz-animation: background-to--unchecked .8s;
    -webkit-animation: background-to--unchecked .8s;
}
.switch__mark--checked {
    width: 41px;
    height: 18px;
    border-radius: 100px;
    background-color: #1E75E5;
    border: 1px solid #1E75E5;
}
.switch__mark--checked-animation {
    -ms-animation: background-to--checked 1.5s;
    -o-animation: background-to--checked 1.5s;
    -moz-animation: background-to--checked 1.5s;
    -moz-animation: background-to--checked 1.5s;
    -webkit-animation: background-to--checked 1.5s;
}
.switch__circle {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    position: relative;
    bottom: 19px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    left: -12px;
}
.switch__circle-animation {
    -ms-animation: circle-to--unchecked .4s;
    -o-animation: circle-to--unchecked .4s;
    -moz-animation: circle-to--unchecked .4s;
    -moz-animation: circle-to--unchecked .4s;
    -webkit-animation: circle-to--unchecked .4s;
}
.switch__circle--checked {
    left: 11px;
    border: 1px solid #fff;
}
.switch__circle--checked-animation {
    -ms-animation: circle-to--checked .4s;
    -o-animation: circle-to--checked .4s;
    -moz-animation: circle-to--checked .4s;
    -moz-animation: circle-to--checked .4s;
    -webkit-animation: circle-to--checked .4s;
}

@-ms-keyframes background-to--checked {
    0% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
    100% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
}
@-o-keyframes background-to--checked {
    0% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
    100% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
}
@-moz-keyframes background-to--checked {
    0% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
    100% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
}
@-webkit-keyframes background-to--checked {
    0% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
    100% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
}
@keyframes background-to--checked {
    0% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
    100% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
}

@-ms-keyframes background-to--unchecked {
    0% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
    100% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
}
@-o-keyframes background-to--unchecked {
    0% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
    100% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
}
@-moz-keyframes background-to--unchecked {
    0% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
    100% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
}
@-webkit-keyframes background-to--unchecked {
    0% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
    100% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
}
@keyframes background-to--unchecked {
    0% {
        background-color: #1E75E5;
        border: 1px solid #1E75E5;
    }
    100% {
        background-color: #fff;
        border: 1px solid #DDDDDD;
    }
}

@-ms-keyframes circle-to--checked {
    0% {
        left: -12px;
    }
    100% {
        left: 11px;
    }
}
@-o-keyframes circle-to--checked {
    0% {
        left: -12px;
    }
    100% {
        left: 11px;
    }
}
@-moz-keyframes circle-to--checked {
    0% {
        left: -12px;
    }
    100% {
        left: 11px;
    }
}
@-webkit-keyframes circle-to--checked {
    0% {
        left: -12px;
    }
    100% {
        left: 11px;
    }
}
@keyframes circle-to--checked {
    0% {
        left: -12px;
    }
    100% {
        left: 11px;
    }
}

@-ms-keyframes circle-to--unchecked {
    0% {
        left: 11px;
    }
    100% {
        left: -12px;
    }
}
@-o-keyframes circle-to--unchecked {
    0% {
        left: 11px;
    }
    100% {
        left: -12px;
    }
}
@-moz-keyframes circle-to--unchecked {
    0% {
        left: 11px;
    }
    100% {
        left: -12px;
    }
}
@-webkit-keyframes circle-to--unchecked {
    0% {
        left: 11px;
    }
    100% {
        left: -12px;
    }
}
@keyframes circle-to--unchecked {
    0% {
        left: 11px;
    }
    100% {
        left: -12px;
    }
}
.table {
    border: 1px solid #e1e2e6;
    background-color: #fff;
    border-radius: 2px;
}
.table .border__right {
    border-right: 1px solid rgba(222, 227, 237, 0.90);;
}
.table__content {
    width: 100%;
    table-layout: fixed;
    *width: 99%;
}
.table__body {
    overflow-y: auto;
    position: relative;
}
.table thead {
    background: rgba(235, 239, 245, 0.80);
}
.table__th .table__td, .table__tr {
    box-sizing: border-box;
}
.table__th {
    font-weight: normal;
    color: #333;
    font-size: 12px;
    text-align: center;
    height: 32px;
    padding: 0 8px;
}
.table__td {
    text-align: center;
    font-size: 12px;
    height: 32px;
    padding: 0 8px;
    color: #333;
}
.table__checkbox {
    position: relative;
    padding: 0 5px;
    width: 20px;
    text-align: left;
}
.table__th.table__checkbox .checkbox {
    position: relative;
    top: 2px;
    _top: 9px;
}
.table__tr {
    height: 32px;
    border-bottom: 1px solid #E1E2E6;
}
.table__tr .table__checkbox {
    height: 24px;
    _top: 2px;
}
.table__tr .table__checkbox .checkbox {
    position: relative;
    top: 2px;
}
.table__tr--special {
    background-color: rgba(245, 247, 250, 0.30);
}
.table__edit {
    font-size: 12px;
    color: #1E75E5;
    line-height: 18px;
    text-align: center;
}
.table__edit__text {
    display: none;
}
.table__edit .iconfont {
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.table__tr:hover {
    background: #F2F2F2;
}
.table__tr:hover .table__edit__text {
    display: inline;
}
.table__edit .table__edit--word:hover {
    text-decoration: underline;
}
.table__edit .table__edit--word:active {
    color: #3466A2;
}
.table__thead {
    height: 32px;
    border-bottom: 1px solid #E1E2E6;
    background: #FBFBFB;
}
.table__show__operate--word {
    font-size: 12px;
}
.table__th_special {
    background-color: rgb(240, 243, 247);
    font-weight: normal;
    color: #333;
    font-size: 12px;
    text-align: center;
    height: 32px;
    padding: 0 12px;
}
.table__td_special {
    text-align: center;
    font-size: 12px;
    height: 24px;
    padding: 0 12px;
    color: #666;
}
.table__tr_special {
    height: 24px;
    border-bottom: 0px;
}
.table__tr--large {
    height: 36px;
}
.table__thead_special {
    height: 24px;
    line-height: 24px;
    border-bottom: 0px;
}
.table__tr--special_special {
    background-color: #fafafc;
}
.table__thead--large {
    height: 40px;
    line-height: 40px;
}
.table__notice {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #A3A3A3;
    text-align: center;
}
.table_empty {
    width: 56px;
    height: 56px;
    margin: 0px auto;
    margin-top: 100px;
    margin-bottom: 10px;
}
.table_empty i {
    font-size: 56px;
    opacity: 0.4;
}

.title_bar {
    height: 32px;
    -webkit-app-region: drag;
    -webkit-user-select: none;
}
.title_bar .title {
    float: left;
    padding-left: 4px;
    height: 32px;
    line-height: 24px;
    font-size: 14px;
    color: #80848F;
}
.title_bar .title .title-text {
    width: 320px;
}
.title_bar .title img {
    height: 24px;
    padding-left: 4px;
}
.title_bar_button {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 2px;
    float: right;
    margin-right: 2px;
    -webkit-app-region: no-drag;
    text-align: center;
}
.title_bar .disable_bar_button {
    color: #DDD;
    cursor: default;
}
.title_bar .enable_button, .title_bar .enable_close_button {
    color: #AAA;
    cursor: pointer;
}
.title_bar .enable_close_button:hover {
    background: #E55555;
    color: #fff;
}
.title_bar .enable_close_button:active {
    background: #D13F3F;
    color: #fff;
}
.title_bar .enable_button:hover, .title_bar .enable_button:active {
    color: #495060;
}
.title_bar_button .iconfont {
    font-size: 22px;
}

/*气泡边框*/
.common_tooltip {
    position: fixed;
    width: auto;
}
.tooltip_hide {
    visibility: hidden;
}
.tooltip_wrap{
    max-height: 119px;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.tooltip {
    padding: 8px 12px 5px 12px;
    position: relative;
    min-width: 196px;
    max-width: 300px;
    max-height: 132px;
    background: #fff;
    border-radius: 4px;
    z-index: 5;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
    text-align: left;
}
.app-min-screen .tooltip {
    max-width: 200px;
    min-width: 150px;
    padding: 8px 4px 5px 10px;
}
.app-mobile-screen .tooltip {
    box-shadow: 3px 3px 16px #ddd;
    left: 0px;
    top: 0px;
}

/*气泡箭头*/
.tooltip_arrow {
    position: absolute;
    *display:none;
}
.top_right .tooltip_arrow, .bottom_right .tooltip_arrow {
    left: -10px;
    border-left: 0px;
    border-right: 10px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 10px solid transparent;
}
.bottom_right .tooltip_arrow {
    top: 5px;
}
.top_right .tooltip_arrow {
    bottom: 12px;
}
.top_only .tooltip_arrow , .bottom_only .tooltip_arrow {
    border:0px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    right: 55%;
    left: 45%;
}
.top_only .tooltip_arrow {
    border-top: 10px solid #fff;
    bottom: -10px;
}
.bottom_only .tooltip_arrow {
    border-bottom: 10px solid #fff;
    top: -10px;
}
.app-mobile-screen .tooltip_arrow{
    border:0px;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 5px solid transparent;
    right: auto;
    left: 5px;
    top: -8px;
}

/*气泡内容*/
.tooltip_content {
    overflow: hidden;
    line-height: 16px;
    color: #333;
    padding-bottom: 5px;
}
.tooltip_content_list div,
.tooltip_content_list span{
    float: left;
}

.address-width {
    width: 200px;
}

/* black */
.tooltip--black {
    max-width: 148px;
    position: relative;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    color: #fff;
    z-index: 5;
    background: #666;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
    border-radius: 3px;
}
.tooltip--black .top_only .tooltip_arrow {
    border-top: 10px solid #666;
}
.tooltip--black .top_bottom .tooltip_arrow {
    border-bottom: 10px solid #666;
}
.tooltip--black .top_right .tooltip_arrow,
.tooltip--black .bottom_right .tooltip_arrow {
    border-right: 10px solid #666;
}
.tooltip--black .tooltip_content {
    padding: 8px 0;
    line-height: 16px;
}




.ac_ip-login-wrapper {

}
.ac_ip-main {
    min-height: 144px;;
}
.ac_ip-icon-box {
    width: 64px;
    height: 64px;
    margin-top: 30px;
    overflow: hidden;
}
.ac_ip-icon__slide {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 1px;
    background: url(../image/scan_line.png) no-repeat;    
    animation: downSlide 2s infinite;
}
.ac_ip-icon--loading {
    background: url(https://vpn.rizhaosteel.com/portal/images/scan_border.png) no-repeat;
}
.ac_ip-icon-box .ac_ip-icon {
    width: 64px;
    height: 64px;
    background: #edf3fb;
    border-radius: 50%;
    display: inline-block;
    line-height: 64px;
    text-align: center;
    font-size: 26px;
    color: #4f7cd1;
}
.ac_ip-hint {
    margin-top: 16px;
    color: #80848F;
    text-align: center;
}
@keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}
.account-security-wrap {
    height: 100%;
    margin-top: 24px;
}
.account-security-breadcrumbs {
    width: 1000px;
    height: 25px;
    padding-bottom: 10px;
}

.account-security-breadcrumbs .account-security-breadcrumbs_back_icon,
.account-security-breadcrumbs .app-breakcrumbs_divider,
.account-security-breadcrumbs .account-security-breadcrumbs_text {
    display: inline-block;
    vertical-align: middle;
    color: #495060;
}

.account-security-breadcrumbs .account-security-breadcrumbs_back_icon {
    font-size: 18px;
    cursor: pointer;
}

.account-security-breadcrumbs .account-security-breadcrumbs_back_icon:hover {
    color: #4677C6;
}

.account-security-breadcrumbs .app-breakcrumbs_divider {
    height: 16px;
    width: 1px;
    background-color: #D8D8D8;  
    margin: 0 8px;
}

.account-security-breadcrumbs .account-security-breadcrumbs_text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}
.account-security_content {
    width: 1000px;
    background: #fff;
}
.account-security_box {
    margin-left: 16px;
    margin-right: 16px;
}
.account-security__second {
    margin-bottom: 8px;
    padding-top: 16px;
}
.account-security__second--top {
    position: relative;
    top: 6px;
}
.account-security__expire-time-choose {
    float: left;
    padding: 0px 8px;
    width: 184px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    color: #495060;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
}
.account-security_content .table__td--success {
    color: rgb(15, 168, 15);
}
.account-security_content .table__td--fail {
    color: red;
}
.layui-laydate .layui-laydate-content td.laydate-selected {
    background-color:#e8f0ff !important;
}
.layui-laydate .layui-laydate-content .layui-this {
    background-color: #204ed9 !important;
}
.layui-laydate .layui-laydate-footer span:hover {
    color: #204ed9;
}
.layui-laydate .layui-laydate-header span:hover {
    color: #204ed9;
}
.layui-laydate .layui-laydate-header i:hover {
    color: #204ed9;
}
.anti-fishing-container {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/background/client_login_bg.png');
    width: 100%;
    overflow: hidden;
}

.anti-fishing-context {
    background: #fff;
    max-width: 560px;
    min-height: 300px;
    border-radius: 8px;
    padding: 0 56px 40px 56px;
    
    overflow: hidden;
}

.anti-fishing-title {
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin-top: 10px;
}


.anti-fishing-container .anti-fishing-title {
    margin-top: 50px;
}

.anti-fishing-container .anti-fishing-context {
    min-height: 360px;
    margin-top: 150px;
    box-shadow: 0px 6px 18px 0px rgba(151, 165, 190, 0.15);
}

.anti-fishing-addr {
    color: #204ed9;
}

.anti-fishing-info {
    font-size: 14px;
    color: #495060;
    line-height: 17px;
    margin-top: 20px;

}

.anti-fishing-button {
    margin-top: 40px;
}

.indexTop {
    z-index: 100;
}

.anti-fishing-button .button__text {
    font-size: 16px;
}
@media screen and (max-width: 540px) {
    .anti-fishing-container .anti-fishing-context {
        margin-top: 0px;
    }
}
.graphcode-container {
    position: relative;
    margin-top: 32px;
    height: 32px;
}

.graphcode-check--refresh {
    position: absolute;
    /* 底部文字描述高度一半 */
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;

    cursor: pointer;
    background-image: url("https://vpn.rizhaosteel.com/portal/images/refresh-normal.png");
}

.graphcode-check--refresh:hover {
    background-image: url("https://vpn.rizhaosteel.com/portal/images/refresh-hover.png");
}

.graphcode-check--step {
    background-color: black;
}

.graphcode-check {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    height: 192px;
    width: 272px;
    background-image: url("https://vpn.rizhaosteel.com/portal/images/graphcode_downloading.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.graphcode-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
}

.loading--error {
    position: absolute;
    top: 52px;
    width: 100%;
    text-align: center;
}

.loading--error .main-desc {
    font-size: 14px;
    font-weight: bold;
    color: red;
}

.loading--error .aside-tip {
    margin-top: 5px;
    font-size: 12px;
    color: rgb(102, 102, 102);
}


.graphcode-check--img {
    position: absolute;
    width: 100%;
    height: 100%;
}


.graphcode-tip {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    text-align: center;
    font-size: 12px;
    line-height: 32px;
    cursor: default;
    background-color: #F6F9FE;
    border: 1px solid #EEEEEE;
    border-radius: 0 0 3px 3px;
}

.graphcode-tip__icon {
    margin-right: 4px;
    margin-bottom: 4px;

    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.graphcode-tip--success {
    color: #22B07B;
    background: rgba(34, 176, 123, 0.20);
    border: 1px solid #22B07B;
}

.graphcode-tip__icon--success,
.graphcode-tip__icon--error {
    width: 16px;
    height: 16px;
}

.graphcode-tip--error {
    color: #E55555;
    background: #FFE9E9;
    border: 1px solid #E55555;
}

.graphcode-tip__hover--error {
    position: absolute;
    bottom: 0;
    z-index: 101;
}

.graphcode-check--step__display {
    position: absolute;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: 3px solid #fff;
    background-color: #4F7CD1;
    border-radius: 30px;
    box-shadow: 0 0 10px #fff;
    -webkit-user-select: none;
    user-select: none;
}

.show-cursor {
    cursor: pointer;
}

.auth_one_key {
    text-align: center;
    margin-top: 2px;
}
.auth_one_key_dialog .auth_one_key {
    margin-top: 32px;
}
.auth_one_key__photo {

}
.auth_one_key__photo .iconfont {
    color: #C4C6C7;
    font-size: 72px;
    line-height: 72px;
}
.auth_one_key__username {
    margin-top: 12px;
    height: 22px;
}
.auth_one_key_dialog .auth_one_key__username {
    margin-top: 16px;
}
.auth_one_key__username span {
    font-size: 16px;
    color: #495060;
    line-height:22px;
}
.auth_one_key__description {
    margin-top: 8px;
}
.auth_one_key__button {
    margin-top: 80px;
    font-size: 12px;
    color: #80848F;
}
.auth_one_key_dialog .auth_one_key__button {
    margin-top: 26px;
    padding-bottom: 48px;
}
.auth_one_key__button_logout {
    margin-top: 16px;
}
.auth_one_key__logout {
    line-height: 32px;
    font-size: 14px;
    color: #4F7CD1;
}
.auth_one_key__logout_disable {
    color: #bbb;
    cursor: default;
}
.auth_one_key__error_tip {
    min-height: 20px;
    max-height: 38px;
    width: 260px;
    background: #FFEFEF;
    border-radius: 4px;
    line-height: 20px;
    margin-top: 20px;
    color: #CC5555;
    padding: 6px 12px 6px 0px;
    position: absolute;
}
.auth_one_key__error_tip.bt184 {
    bottom: 184px;
}
.auth_one_key__error_tip.bt158 {
    bottom: 158px;
}
.auth_one_key__error_tip .left {
    float: left;
    width: 28px;
    overflow: auto;
}
.auth_one_key__error_tip .right {
    margin-left: 28px;
    text-align: left;
    max-height: 38px;
    overflow: hidden;
}
.auth_one_key__error_tip .iconfont {
    color: #CC5555;
    text-align: center;
    vertical-align: bottom;
}
.visibility {
    visibility:hidden
}
.auth-password {
    margin-top: 4px;
}
.password__code__box {
    width: 72px;
    height: 28px;
    position: relative;
}
.password__code__image {
    width: 72px;
    height: 28px;
}
.password__plugin {
    position: relative;
    line-height: 12px;
    *line-height:13px;
    margin-top: 5px;
    background: #fff;
    padding: 2px 0 9px 2px;
}
.password__plugin__item {
    float: right;
    font-size: 12px;
}
.password__plugin__item.iconfont {
    position: relative;
    top: 2px;
    font-size: 16px;
}
.password__plugin__item__forget-pwd {
    color:#999;
}
.password__plugin__line {
    float: right;
    margin: 0 4px;
    color: #e5e5e5;
}
.password__checkbox .checkbox {
    _float: left;
}
.password__checkbox .checkbox__label{
    _width: 70px;
}
.login-keyboard {
    position: absolute;
    left: 50%;
    top: 60px;
    margin-left: -180px;
    z-index: 10;
    background: #f3f3f3;
    border-radius: 2px;
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.05);
}
.include-box__tips {
    white-space: pre-wrap;
}
.password__div__min {
    height:18px;
    width: 1px;
    float: left;
}
.password__plugin__item__a {
    color: #999;
}
.password__plugin__item__a:hover {
    color:#5795e1;
}
.checkbox__label {
    font-size: 12px;
}

.auto-click-appLogin {
    margin-top: 20px;
}
.auth-password .theme-link-color:focus {
    text-decoration: underline;
}
.auth-password .button.button--normal:focus {
    background-color: #5E96FF;
}
.auth_password_privacy {
    margin-top: 0;
    line-height: 17px;
}

.username_history{
    position: absolute;
    left: 40px;
    width: 352px;
    top: 182px;
    z-index: 99;
}
.username-list {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.23);
    border-radius: 0 0 2px 2px;
    margin: 0px;
    padding: 0px;
    list-style-type:none;
    max-height: 108px;
    min-height: 34px;
    overflow-y: auto;
    width: 100%;
}
.username-li-item {
    position: relative;
    font-size: 12px;
    color: #333;
    line-height: 32px;
    padding-right: 10px;
    padding-left: 10px;
    height: 32px;
    box-sizing: border-box;
}
.username-li-item .username-li-item-text{
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}
.username-li-item:hover {
    background: rgb(233, 241, 254);
    padding-right: 30px;
}
.username-li-del {
    position: absolute;
    font-size: 14px !important;
    right: 0px;
    width: 30px;
    color: #bbb;
    height: 31px;
    text-align: center;
    top: 0;
    cursor: pointer;
    display: none;
}

.username-li-item:hover .username-li-del {
    display: block;
}
.iconfont-username-select {
    font-size: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.username-li-del .iconfont-username-select {
    margin-right: 0px;
}
.username-li-del .iconfont-username-select:hover {
    color: rgb(68, 107, 236);
}

/* 适配webview */
/* 登录标题样式修改，放大字体，颜色替换 */
.webview .pwd_title.include-box__title.box-title.dialog-title { /* 账号密码认证标题：字号放大，边距加大 */
    font-size: 28px;
    margin-bottom: 20px;
}
.webview .auto-click-login.include-box__button { /* 登录按钮边距拉大适配移动端 */
    margin-top: 50px;
}

/* 已阅读协议复选框样式调整：之前checkbox组件checked状态渲染的方式导致很丑（用icon的bg蓝色来填充checkbox框）， */
/* 这里采用直接使用checkbox的bg来填充蓝色，内部icon只做√图标显示，选中后checkbox的border去掉，bg替换为蓝色即可实现与正常checkbox一样的效果 */
/* 暂不直接对checkbox修复（需要时间测试所有使用到的地方），只针对账号密码认证界面的这个checkbox修复。 */
.webview .auth_password_privacy .checkbox__label.checkbox--small { /* “我已阅读并同意” 文案：左边距加大 */
    margin-left: 8px;
}
.webview .auth_password_privacy .checkbox__mark.checkbox--small { /* checkbox复选框，调整大小与对齐位置 */
    width: 16px;
    height: 16px;
    top: 2px;
    box-sizing: border-box;
}
/* 修改原来用i标签加背景色渲染checked的效果，我们直接给checkbox容器上背景色，并去掉unchecked的边框，展示优化后选中效果 */
.webview .auth_password_privacy .checkbox__mark.checkbox--small.checkbox__mark.checkbox--active {
    background: #3366ff;
    border: none;
}
/* 去掉原来checked状态在i标签上渲染背景色的样式（原样式会造成与外层盒子border无法完全贴合，留白边的问题），直接由父级容器自己渲染颜色，实现完美贴合 */
.webview .auth_password_privacy .checkbox__mark.checkbox--small.checkbox__mark.checkbox--active .iconfont {
    top: -2px;
    left: 1px;
    color: #fff;
    background: none;
}
.forget_pwd_link {
    margin-top: 2px;
    cursor: pointer;
    float: right;
    color: #bbb;
}
.check_box{
    height: 21px;
    height: 16px;
}

.portal-login .user-input .input-console-style {
    margin-top: 16px;
}
.auth-qr {
    text-align: center;
}

.auth-qr__box {
    width: 212px;
    height: 212px;
    text-align: center;
    position: relative;
}
.auth_qr-box__title {
    min-height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.auth_qr-box__subtitle {
    line-height: 20px;
    overflow-y: auto;
    font-size: 14px;
    color: #80848F;
    text-align: center;
}
.auth-qr__box__image {
    width: 222px;
    height: 222px;
}
.auth-qr__box__tips {
    /* 保证当qrText和qrTitle同时存在时，垂直居中，避免后续二维码高宽变化时，需要同步修改 */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50%;  
    z-index: 3;
}

.auth-qr__box__bg {
    width: 222px;
    height: 222px;
    background: #fff;
    opacity: 0.95;
    filter: alpha(opacity=95);
    position: absolute;
    top: 0px;
    z-index: 1;
}

.auth-qr__box__tips--clickable,
.auth-qr__box__bg--clickable {
    cursor: pointer;
}

.auth-qr__tips {
    text-align: center;
    z-index: 2;
    width: 190px;
    font-size: 12px;
    color: #666;
}
.auth-qr__tips__state-timeout {
    margin-top: 22px;
}

.auth-qr__tips__state-error,
.auth-qr__tips__state-scan {
    margin-top: 0;
}

.auth-qr__tips__state__text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    color: #000;
    width: 100px;
}
.auth-qr__tips__state-scan .auth-qr__tips__state__text {
    color: #22b07b;
}
.auth-qr__tips__state-error .auth-qr__tips__state__text {
    color: #e55;
}
.auth-qr__tips__state-loading .auth-qr__tips__state__text {
    color: #333;
}
.auth-qr__tips__state-success .auth-qr__tips__state__text {
    color: #22B07B;
}
.auth-qr__tips__state-loading img{
    width: 32px;
    height: 32px;
}
.auth-qr__tips__text{
    margin-top: 15px;
    color: #666;
    word-break: break-word;
    width: 140px;
}
.weight-bold{
    font-weight: bold;
}
.auth-qr__other {
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
}

.auth-qr__other__tip {
    width: 166px;
    color: #999999;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.auth-qr__list,
.auth-qr__other__scan {
    line-height: 1;
    display: inline-block;
}
.auth-qr__other__scan {
    margin-right: 32px;
}
.auth-qr__other__scan:last-child {
    margin-right: 0;
}

.auth-qr-icon__other__auth {
    color: #bbb;
    font-size: 24px;
    cursor: pointer;
    vertical-align: middle;
}
.auth-qr-icon__other__auth:hover {
    color: #4F7CD1;
}
.auth-qr-icon__other__auth:active {
    background-color: rgba(78, 140, 217, 0.1);
    border-radius: 50%; 
}


.sms-certification__a {
    font-size: 14px;
    line-height: 34px;
}

.sms-certification__a.sms-certification__time__a {
    color: #bbbbbb;
    cursor: default;
}

.big-inner .dialog-inner{
    width: 480px;
}

.sdp-isSms {
    position: relative;
    margin: 25px 42px 6px 32px;
}

.icon-container {
    width: 48px;
    position: absolute;
    top: -8px;
    left: 0;
}

.icon-container .iconfont {
    font-size: 48px;
    color: #ff9906;
}

.content-container-padding {
    padding-left: 56px;
}

/* 增强认证时，增加的内容标题 */
.header-title {
    font-size: 14px;
    font-weight: 600;
    color: #0C0C0C;
}

.sms-box__subtitle span {
    color: #80848F;
    line-height: 18px;
}

.auto-input-smscode .input-column-name {
    top: 32px;
    left: 2px;
}

.auto-input-smscode .input-focus-column {
    top: 8px;
}

.auto-input-smscode .input-login-style .input-box {
    height: 52px;
}

.auto-input-smscode .input-login-style .input-right-info {
    padding-top: 28px;
}

.sms-error-box__tip {
    margin-top: 10px;
    line-height: 15px;
    height: 30px;
    color: #ee5555;
    overflow: hidden;
}

.skip-secondary-auth-box {
    min-height: 21px;
}

.skip-secondary-auth-tips {
    color: #80848F;
}

.skip-secondary-auth-tips:hover {
    cursor: pointer;
}

.skip-secondary-auth-tips:active {
    color: #000;
    opacity: 0.8;
}

.tag-container.sms-tag {
    margin: 10px 0 2px 0;
}

/* webview适配：当前页面较为特殊，非拥有直接跳转UI路由的页面，而是作为组件插件在auth_password显示，直接公用webview类名修改可能造成对其他dialog影响，所以这里我们另用一个类名 */
/* dialog撑满，呈移动端样式 */
.webview-auth-sms.dialog {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    min-height: 100% !important;
    max-width: 100%; /* 因为这里要将dialog弹窗模拟成100宽高，这里用max-width-100覆盖掉dialog组件的80%宽度样式适配 */
    background: #fff;
}
/* 隐藏弹窗的拖拽头部 */
.webview-auth-sms .dialog-header.dialog-header--bottom {
    display: none;
}
/* 去掉弹窗圆角，模拟呈现出整个页面占满的样子 */
.webview-auth-sms.dialog .dialog-inner {
    border-radius: 0;
    box-shadow: none;
}
/* 弹窗内部的验证码输入 布局容器 布局修改，将其改为 全上下结构，与page_auth_raduis等页面保持一致 */
.webview-auth-sms .sdp-isSms {
    margin: 0 auto;
    width: 320px;
    padding: 32px 0;
    box-sizing: border-box;
}
@media screen and (max-width: 374px) { /* 375以下屏幕适配 */
    .webview-auth-sms .sdp-isSms {
        width: 288px;
    }
}
.webview-auth-sms .webview-submit { /* 确认，提交smscode按钮 */
    width: 100%;
    margin: 20px 0 0;
}
.webview-auth-sms .header-title { /* 主提示语 */
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}
.webview-auth-sms .sms-box__subtitle { /* 辅助提示语 */
    font-size: 13px;
    margin-bottom: 12px;
}
.sdp-is-device {
    position: relative;
    margin: 24px 44px 6px 44px;
    height: 330px;
}

.success-tip {
    position: absolute;
    width: 312px;
    height: 200px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.success-tip .success-tip-img {
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
}

.sdp-is-device .content-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}

.sdp-is-device .content-container .content-code {
    height: 196px;
    width: 196px;
    opacity: 0.95;
    background: #FFFFFF;
    border-radius: 4px;
    border: solid 1px #ececec;
}

.sdp-is-device .content-container .content-code.success {
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
}

.sdp-is-device .content-container .content-text {
    font-size: 12px;
    color: #5C5C5C;
    margin-top: 8px;
    margin-bottom: 8px;
}

.success-text {
    font-size: 14px;
    color: #333333;
}

.test-device-code__input {
    width: 240px;
    display: inline-block;
}

.test-device-code__btn {
    float: right;
    width: 64px;
    height: 32px;
    margin-left: 8px;
}

.device-error-box__tip {
    margin-top: 10px;
    line-height: 15px;
    height: 30px;
    color: #ee5555;
    overflow: hidden;
}

.auth_third-login-wrapper {
    padding-top: 3px;
    text-align: center;
}
.auth_third_img {
    display: inline-block;
    width: 208px;
    height: 134px;
}
.auth_third-login-wrapper .include-box__privacy {
    text-align: left;
}

.certificate-login-wrapper {

}
.certificate-main {
    margin-bottom: 22px;
}

.cert-container {
    width: 100%;   
}
.certificate-icon-box {
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.certificate-pin-box {
    margin-top: 36px;
}

.certificate-icon__slide {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 1px;
    background: url(../image/scan_line.png) no-repeat center;
    animation: downSlide 2s infinite;
}
.certificate-icon--loading {
    background: url(https://vpn.rizhaosteel.com/portal/images/scan_border.png) no-repeat;
}
.certificate-icon-box .certificate-icon {
    width: 80px;
    height: 80px;
    background: #edf3fb;
    border-radius: 50%;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    font-size: 45px;
}
.certificate-hint {
    min-height: 36px;
    margin-top: 16px;
    color: #80848F;
    text-align: center;
}
.cert-login-btn {
    margin: 10px 0;
}
.cert-login-btn--gm {
    margin-top: 18px;
}
.cert-err-tips {
    padding: 4px 0px;
    min-height: 24px;
}
.cert-warn-tips {
    padding-left: 4px;
    padding-right: 4px;
    min-height: 24px;
    color: #707a89;
    background-color: #f5f7fa;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
}
@keyframes downSlide {
    0% {
        top: 0%;
    }
    100% {
        top: 100%;
    }
}
.secondary-cert-container {
    min-width: 452px;
    min-height: 482px;
    margin-top: 100px
}

.secondary-cert-container .certificate-login-main {
    padding: 24px 20px 32px 32px;
}
.secondary-cert-container .certificate-main {
    width: 220px;
}
.secondary-cert-container .certificate-login-main__wrap {
    width: 320px;
}
.secondary-cert-container .certificate-icon-box {
    margin-top: 47px;
}
.secondary-cert-container .login-cert__avatar {
    margin-bottom: 8px;
}
.secondary-cert-container .cert-login-btn {
    max-width: 320px;
    margin: 0 auto;
}
.global-aio-client-wrap .secondary-cert-container {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
}
.global-aio-client-wrap .certificate-login-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 控制台证书认证样式适配 */
.console-auth-page .certificate-icon {
    color: #4f7cd1;
}
.console-auth-page .secondary-cert-container .certificate-main {
    width: 300px;
}
.challenge_code .input-console-style{
    margin-top: 28px;
}
.challenge_code .input-txt{
    height: 40px;
}
.check-environment-wrap {
    width: 400px;
    margin-top: -150px;
    margin-left: -200px;
}
.check-environment-wrap img {
    width: 233px;
}
.check-environment-wrap .reinstall-container {
    margin-top: 8px;
}
.check-environment-wrap .acl_title {
    font-size: 24px;
    color: #495060;
    line-height: 32px;
}
.check-environment-wrap .acl_subtitle {
    font-size: 14px;
    color: #80848F;
    line-height: 20px;
}
.client_and_web_adaptive-wrapper {
    background: #fff;
}
.web_adaptive_wrapper {
    position: absolute;
    background-image: url('../image/sms_bg.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.auth_wrapper {
    z-index: 1;
    position: fixed;
    _position: absolute;
    left: 50%;
    padding: 0 16px 32px;
}
.go-back {
    display: none;
    margin: 20px 0 10px;
}
.goback_header_icon {
    font-size: 20px;
    cursor: pointer;
}
.web_adaptive_wrapper--main-client {
    box-shadow: 0px 0px 1px 1px #e8e8e8 inset;
}
.web_adaptive_wrapper--main-client .auth_wrapper {
    margin-top: 80px;
}
.hideContainer {
    opacity: 0;
}

.common-confirm-title__wrap {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.line-feed {
    white-space: pre-wrap;
    word-break: break-all;

}
.common-info {
    width: 880px;
    margin-left: -470px;
    margin-top: -150px;
}

.common-info__icon {
    float: left;
    width: 239px;
}

.common-info__body {
    float: left;
    color: #333;
    margin-left: 40px;
    text-align: left;
}
.no-mobile .common-info__body {
    max-width: calc(100% - 279px);
}

.common-info__body__title {
    font-size: 24px;
    color: #495060;
    line-height: 34px;
    text-align: left;
    word-break: break-word;
}

.common-info__desc__min__margin {
    margin-top: 16px !important;
}

.common-info__desc__medium__margin {
    margin-top: 28px !important;
}

.common-info__body__description {
    font-size: 14px;
    line-height: 20px;
    color: #80848F;
    text-align: left;
    margin-top: 4px;
    width: 400px;
    word-break: break-word;
}
.common-info__body__other-info {
    margin-top: 16px;
    color: #80848f;
    line-height: 20px;
    font-size: 14px;
}

.common-info__button {
    margin-top: 40px;
    margin-left: 0;
}

.common-info__button__min__margin {
    margin-top: 32px !important;
}
.common-info__wrapper .win_background {
    min-height: 190px;
    background: #fff;
}
.common-info__wrapper .client_dialog_content_body_wrap .app-name {
    max-width: 136px;
}

.loading {
    width: 35px;
    margin-bottom: 10px;
}

.loading-mask {
    z-index: 999;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    background-color: #fff\9;
    opacity: 0;
    filter: alpha(opacity=0);
}

.common-message {
    min-height: 56px;
}
.hide-border {
    border: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.trust-terminal-success-wrap {
    padding-top: 10%;
    max-width: 400px;
    box-sizing: border-box;
}
.trust-terminal-success-footer {
    margin-top: 40px;
}


.vpn-islogout__title {
    width: 100%;
    min-height: 26px;
}

.vpn-islogout__buttun__cancel {
    margin-top: 16px;
}

.connect_setting_wrapper {
    height: calc(100vh - 2px);
    background-size: cover;
    overflow: hidden;
}
.connect_setting_wrapper--local {
    background: url('https://vpn.rizhaosteel.com/portal/images/background/common_bg.png');
    border: 1px solid #a1a7b3;
}
.connect-setting .dialog-header-title-text {
    font-weight: bold;
}

.connect_setting_wrapper .virtual-drag-area {
    -webkit-app-region: drag;
    width: 100%;
    height: 10px;
}

.connect-setting .connect-setting-content {
    width: 100%;
    height: 102px;
    padding-top: 40px;
    box-sizing: border-box;
    position: relative;
}

.connect-setting .dialog-footer {
    border-top: none;
    padding-right: 13px;
}


/* protocol */
.connect-setting-forms .protocol {
    width: 80px;
    margin-left: 4px;
    float: left;
}

.connect-setting-forms .protocol .select-arrow {
    font-size: 10px;
}

.connect-setting-forms .protocol .select-choose {
    border-radius: 2px;
    font-size: 12px;
}

/* protocol options */
.connect-setting-forms .protocol .select-list {
    border-radius: 2px;
}

.connect-setting-forms .protocol .select-item {
    font-size: 12px;
}


/* address */
.connect-setting-forms .address .input-txt {
    border-radius: 2px;
}

.connect-setting-forms .address {
    width: 370px;
    /* margin-left: 4px; */
    float: left;
}

.connect__addr-desc {
    float: left;
    line-height: 32px;
    color: #80848F;
    text-align: right;
    width: 84px;
    margin-right: 6px;
}

.connect-setting .connect__addr_history{
    position: absolute;
    left: 91px;
    width: 369px;
    top: 73px;
}
.connect-setting-content-wrapper{
    width: 415px;
    position: relative;
}
.connect-setting .connect-list,
.connect-setting-content-wrapper .connect-list {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.23);
    border-radius: 0 0 2px 2px;
    margin: 0px;
    padding: 0px 0px 3px;
    list-style-type:none;
    min-height: 34px;
    max-height: 98px;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 1000;
    position: relative;
}
.connect-setting .connect-li-item,
.connect-setting-content-wrapper .connect-li-item {
    position: relative;
    font-size: 12px;
    color: #333;
    line-height: 32px;
    padding-right: 35px;
    padding-left: 8px;
    height: 32px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}
.connect-setting .connect-li-item:hover,
.connect-setting-content-wrapper .connect-li-item:hover {
    background: rgb(233, 241, 254);
}
.connect-setting .connect-li-del,
.connect-setting-content-wrapper .connect-li-del {
    position: absolute;
    font-size: 14px !important;
    right: 1px;
    width: 30px;
    color: #bbb;
    height: 31px;
    text-align: center;
    top: 0;
    cursor: pointer;
    display: none;
}

.connect-setting .connect-li-item:hover .connect-li-del,
.connect-setting-content-wrapper .connect-li-item:hover .connect-li-del {
    display: block;
}
.connect-setting .iconfont,
.connect-setting-content-wrapper .iconfont  {
    font-size: 10px;
    margin-right: 10px;
}
.connect-setting .connect-li-del .iconfont,
.connect-setting-content-wrapper .connect-li-del .iconfont {
    margin-right: 0px;
}
.connect-setting .connect-li-del:hover .iconfont,
.connect-setting-content-wrapper .connect-li-del:hover .iconfont {
    color: rgb(68, 107, 236);
}

.connect-setting-title {
    font-size: 28px;
    color: #1e232b;
    font-weight: 500;
    line-height: 40px;
}
.connect_setting_wrapper__container{
    height: calc(100% - 56px);
    width: 100%;
    z-index: 10;
    position: relative;
}
.connect-setting-content-wrapper .connect__addr_history {
    position: absolute;
    left: 0px;
    width: 345px;
    top: 92px;
}
.connect-setting {
    width: 380px;
    margin: 0;
}
.connect-setting-line{
    margin: 16px 0 14px;
}
.connect-setting-footer {
    padding-top: 12px;
}
.connect-setting-footer-btn {
    display: inline-block;
    vertical-align: middle;
}
.connect-setting-footer .connect-setting-footer-btn button {
    height: 48px;
    margin: 0;
    font-size: 16px;
}
.connect-setting-footer .connect-setting-footer-btn.connect__btn--primary button {
    background-color: #1c6eff;
}
.connect-setting-img-wrapper {
    width: 480px;
    height: 380px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/* AIO适配容器（始终居中） */
.connect_setting_wrapper_adaptive {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 912px;
    height: 568px;
    overflow: hidden;
}

.connect-setting-content-wrapper .icon-setting{
    margin-left: 5px;
    border: 1px solid #DDDDDD;
    padding: 3px 6px;
    border-radius: 2px;
    margin-right: 0;
}
.connect-setting-content-wrapper .icon-setting:before {
    content: "\e731";
    font-size: 15.5px;
    color: #6b6b6b;
}
.connect-setting-content-wrapper .icon-shrink{
    margin-left: 5px;
    border: 1px solid #DDDDDD;
    padding: 3px 6px;
    border-radius: 2px;
    margin-right: 0;
    font-size: 15.5px;
}
.safecode-input__container {
    padding-right: 5px;
}
.safecode-input__container input {
    border: none !important;
    background-color: rgba(0,0,0,0) !important;
    text-indent: 0 !important;
}
.safecode-input__container .iconfont {
    font-size: 20px !important;
    margin-right: 0;
    color: #6b6b6b;
}
.safecode-edit__content {
    background: #EDF1F7;
    border-radius: 2px;
    width: 346px;
    margin: 0;
    margin-right: 10px;
    padding-left: 12px;
    align-items: center;
    color: #6b6b6b;
    border: 1px solid #EDF1F7;
}
.safecode-edit__content__active{
    background: rgba(0, 0, 0, 0);
    border: 1px solid #567DF5;
    border-radius: 2px;
}
.safecode-input {
    width: 247px;
    margin: 0;
}
.global-en-context .safecode-input {
    width: 200px;
}
.safecode-input__real{
    width: 280px;
    margin: 0;
    margin-right: 17px;
}
.safecode-input__container .icon-edit, .safecode-input__container .iconxianshi{
    font-size: 16px !important;
    padding: 4px 10px;
}
.safecode-input__container .input-txt{
    background-color: rgb(223, 232, 255);
    border-color: rgb(223, 232, 255);
}
.spa-tag {
    vertical-align: text-top;
    margin-left: 5px;
}
.safecode-error-container{
    margin-top: 20px;
    background-color: rgb(255, 247, 247);
    padding: 10px 15px;
    border-radius: 3px;
    opacity: 0;
}
.safecode-error-container .hreflink{
    color: #1c6eff;
    margin-left: 10px;
    display: none;
    cursor: pointer;
}
.safecode-error-container.show-safecode-err{
    opacity: 1;
}
.safecode-error-container.show-safecode-err .hreflink{
    display: inline;
}
.safecode-error-container .safecode-error-container__title{
    color: #f70000;
    font-size: 15px;
    margin-bottom: 5px;
}
.safecode-error-container .safecode-error-container__title i{
    font-size: 16px;
    margin-right: 5px;
}
.safecode-error-container .safecode-error-container__title span{

}
.safecode-error-container .safecode-error-container__content{
    font-size: 12px;
    line-height: 20px;
}

@media screen and (max-width: 1330px) {
    .connect-setting-content-wrapper{
        width: 415px;
        position: relative;
        margin-left: 99px;
        margin-top: 125px;
    }
}
@media screen and (min-width: 1331px) {
    .connect-setting-content-wrapper{
        width: 415px;
        position: absolute;
        top: 40%;
        left: 40%;
    }
}

.down_app__body {
    height: 100%;
}
.down_app__body_bg {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0rem;
    overflow: hidden;
}
.down_app__body_bg {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_bg.png');
}
.tablet_hrl .down_app__body_bg {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_hrl_bg.png');
}
.tablet_vtl .down_app__body_bg {
    background-image: url('../image/down_app_vtl_bg.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .down_app__body_bg {
        background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_bg_2x.png');
    }
    .tablet_hrl .down_app__body_bg {
        background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_hrl_bg_2x.png');
    }
    .tablet_vtl .down_app__body_bg {
        background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_vtl_bg_2x.png');
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .down_app__body_bg {
        background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_bg_3x.png');
    }
    .tablet_hrl .down_app__body_bg {
        background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_hrl_bg_3x.png');
    }
    .tablet_vtl .down_app__body_bg {
        background-image: url('https://vpn.rizhaosteel.com/portal/images/down_app_vtl_bg_3x.png');
    }
}


.down_app {
    text-align: center;
}
.down_app__logo {
    margin-top: 1.5rem;
    width: 0.8rem;
    height: 0.8rem;
}

.down_app__logo img {
    width: 0.8rem;
}
.down_app__name {
    font-size: 0.18rem;
    font-weight: bold;
    color: #000;
    line-height: 0.25rem;
    margin-top: 0.12rem;
}

.down_app__description {
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.22rem;
    margin-top: 0.10rem;
}

.down_app__download {
    margin-top: 2rem;
}

.down_app__download_btn {
    color: #FFFFFF;
    text-decoration: none;
    background: #4489DE;
    border-radius: 0.03rem;
    width: 3.27rem;
    height: 0.5rem;
    font-size: 0.18rem;
    line-height: 0.5rem;
}
.down_client_new_container {
    position: relative;
    overflow: hidden;
    background-color: #F7F9FC;
}

.down_client_bg_container {
    position: relative;
}

.down_client_bg {
    position: fixed;
    z-index: -1;
}

.down_client_header {
    margin-top: 100px;
}

.down_client_new_container .down_client_title {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #1E232B;
}

.down_client_new_container .down_client_info {
    text-align: center;
    margin-top: 12px;
    font-size: 20px;
    color: #6F7785;
}

.down-list-item {
    width: 170px;
    height: 220px;
    background: #FFFFFF;
    text-align: center;
    margin: 10px 16px;
    display: inline-block;
    position: relative;
    border-radius: 8px;
}

.down_list_container:first-child {
    margin-left: 0;
}

.down-list-img {
    margin-top: 50px;
}

.down-list-title {
    font-size: 15px;
    color: #1E232B;
}

.down-list-item:hover .pcList-down, 
.down-list-item:hover .mobileList-down {
    opacity: 1;
}

.down-list-item:hover .down-list-title {
    color: #1C6EFF;
}

.mobileList-down, .pcList-down {
    opacity: 0;
    position: absolute;
    z-index: 10;
    width: 170px;
    height: 170px;
    background: #FFFFFF; 
    transition: all 0.2s ease;
    padding-top: 50px;
    cursor: pointer;
    border-radius: 8px;
}

.mobileList-down {
    padding-top: 30px;
}


.down_client_new_container .down_client_content {
    width: 70%;
    max-width: 1100px;
    margin: 0 auto;
}

.down_client_os {
    font-size: 18px;
    height: 20px;
    color: #000000;
    line-height: 20px;
    padding-left: 5px;
    border-left: 5px solid #1C6EFF;
    margin-top: 32px;
}

.down_list_container {
    margin-top: 16px;
}

.down-list-title {
    margin-top: 10px;
}

.list-qrcode {
    position: absolute;
    right: 0;
}

.down_client_new_container .hide {
    visibility: hidden;
}

.linux-img {
    position: absolute;
    width: 44px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    right: 0;
    top: 10px;
    border-radius: 12px 0px 0px 12px;
    background: #20CC94;
}

.linux_icon_container {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    box-shadow: 0px 4px 24px 0px rgb(0 0 0 / 8%);
}
.linux_icon {
    width: 55px;
    margin: 5px;
}

.linux_title {
    text-align: center;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
}

.linux_tips {
    text-align: center;
    margin-top: 10px;
    color: #6F7785;
}

.linux_down_container {
    display: flex;
    margin-top: 50px;
}

.linux_down_item {
    width: 108px;
    text-align: center;
}

.linux_down_value {
    height: 32px;
    background: #204ED9;
    color: #fff;
    line-height: 32px;
    border-radius: 0px 2px 2px 0px;
    cursor: pointer;
}

.linux_down_label {
    color: #6F7785;
    margin-top: 10px;
    width: 115px;
}

.down_client_linux {
    margin-top: 20px;
}

.down-client-tips {
    background: #FDF3E4;
    margin: 15px auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 480px;
}

.down-client-tips i {
    color: #AD6800;
    line-height: 32px;
    vertical-align: bottom;
}
.down-client-tips span{
    line-height: 32px;
    margin-left: 6px;
    color: #884C00;
}


.down_client_new_container .down_icon_container {
    margin-top: 50px;
}

.mobile-down-img {
    width: 120px;
}

.cur-system {
    position: absolute;
    bottom: 0;
    background: #EEEFF0;
    height: 26px;
    line-height: 26px;
    width: 100%;
    font-size: 12px;
    color: #979797;
    z-index: 10;
    border-radius: 0 0 8px 8px;
}

.mobile-down-container {
    text-align: center;
    margin-top: 50px;
}

.mobile-down-title {
    color: #1C6EFF;
    font-size: 16px;
    margin-top: 10px;
}

.mobile-header-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}


.down_icon_container i {
    font-size: 80px;
}

@media screen and (max-width: 480px) {
    .down-client-tips {
        width: 100%;
    }
}

@media screen and (max-width: 540px) {
    .down_client_new_container .down_client_content {
        width: 100%;
    }

    .down_list_container {
        justify-content: center;
    }
}

@media screen and (min-width: 540px) and (max-width: 1250px) {
    .down_client_new_container .down_client_content {
        width: 80%;
    }

}


.down-client__common__span {
    color:#b3b3b3;
}
.down-client-pc__body {
    width: 100%;
    max-height: 265px;
    overflow: auto;
    margin-top: 40px;
}
.third-auth-wrap .down-client-pc__body {
    margin-top: 54px;
}
.down-client__tab {
    width: 100%;
    height: 48px;
}
.down-client__tab__solid {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #F7F9FC;
}
.down-client__table__td {
    cursor: pointer;
    width: calc(20% - 1px);
    height: 60px;
    text-align: center;
    float: left;
}

.down-client__table_line{
    background:#E1E5EB;
    width: 1px;
    height: 16px;
    margin-top: 18px;
    float: left;
}
.down-client__table__type {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    height: 48px;
    letter-spacing: 0.9px;
}
.down-client__tab_wrap {
    height: 47px;
    margin: 0 auto;
}
.down-client__tab__select {
    border-bottom: solid 2px  #4F7CD1;
}
.down-client__table--default {
    color: #c0c0c0;
}

.down-client__description {
    background: #FDF3E4;
    min-height: 32px;
    padding-right: 8px;
    padding-left: 10px;
}
.down-client__description span{
    color: #EE8800;
    line-height: 20px;
    margin-left: 6px;
    position: relative;
    top: -6px;
}
.down-client__description a{
    line-height: 20px;
    top: -6px;
    position: relative;
}
.down-client__description .iconfont{
    color: #EE8800;
    line-height: 32px;
    vertical-align: bottom;
}
.down-client__pc__title {
    line-height: 22px;
    font-size: 16px;
    color: #495060;
    text-align: center;
    font-weight: bold;
    margin-top: 16px;
}
.down-client__pc__subTitle {
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    color: #c0c0c0;
}
.down-client__pc__desc {
    line-height: 14px;
    font-size: 12px;
    color: #6F7785;
    text-align: center;
    margin-top: 4px;
    width: 113px;
}
.down-client__pc {
    width: 100%;
    text-align: center;
}
.down-client__pc__head {
    width: 96px;
    height: 96px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
    border-radius: 12px;
}

.down-client__pc__btnright {
    margin-left:16px;
}
.down-client__pc__head .iconfont{
    font-size: 40px;
    line-height: 96px;
}
.down-client__pc__head .iconfont-linux{
    font-size: 14px;
    line-height: 48px;
}
.down-client__pc_linux__head {
    width: 118px;
    height: 48px;
    display: inline-block;
}


.down-client__pc_linux__head.kylin-box {
    margin-left: 100px;
}

@media screen and (min-width: 355px) and (max-width: 450px) {
    .down-client__pc_linux__head.kylin-box {
        margin-left: 28px;
    }

    .down-client__pc_linux__footer .button--normal {
        width: 90px !important;
    }

    .down-client__pc__desc {
        width: 80px;
    }
}


.down-client__linux_line{
    color:#E1E5EB;
    width: 1px;
    font-size:16px;
}

.down-client__pc__footer {
    margin-top: 24px;
    height: 50px;
    width: 260px;
}

.down-client__mobile__footer {
    margin-top: 10px;
    height: 80px;
    width: 260px;
}

.down-client__pc_linux__footer {
    margin-top: 16px;
}
.down-client__pc__detecting {
    line-height: 14px;
    height: 14px;
    margin-top: 12px;
    color: #ccc;
}
.third-auth-wrap .down-client__pc__detecting {
    margin-top: 32px;
}
.down-client__pc__detecting img {
    height: 14px;
    line-height: 14px;
    margin-right: 8px;
    vertical-align: bottom;
}

.down-client__pc__redownload {
    margin-top: 16px;
}
.down-client__mobile__head {
    width: 124px;
    height: 124px;
}
.down-client__mobile__head img {
    width: 124px;
}
.down-client__mobile__span {
    font-size: 12px;
    color: #666;
    letter-spacing: 0.9px;
    height: 17px;
    margin-top: 8px;
}
.down-client_down_butotn {
    height: 32px;
    line-height: 32px;
}
.down-client_down_butotn button {
    font-size: 12px !important;
}

.third-auth-wrap .description_hide {
    visibility: hidden;
}

@media(min-width: 600px) {
    .mobile .down-client__table__td {
        width: calc(20% - 5px);
        max-width: 135px;
    }
    .mobile .down-client__mobile__footer {
        width: auto;
        margin: 0px 30px;
    }
}

.handle-recognition-container {
    text-align: center;
}

.handle-recognition-container .recognition-link {
    cursor: pointer;
    color: #1C6EFF;
}


.down-client__pc .update-client-content__title {
    font-size: 18px;
    color: #2f3540;
    font-weight: bold;
    margin-bottom: 8px;
}

.down-client__pc .update-client-content__detail {
    font-size: 12px;
    color: #5e6573;
    font-weight: 400;
    line-height: 17px;
}

.ubuntu-tip-link {
    cursor: pointer;
    color: #1C6EFF;
    display: inline-block;
    padding-right: 12px;
    position: relative;
}

.ubuntu-tip-link::after {
    display: inline-block;
    background: #000;
    position: absolute;
    top: 4px;
    right: 4px;
    content: '';
    width: 1px;
    height: 12px;
}

.down-client__pc__head .down-client-icon {
    width: 60px;
    margin-top: 20px;
}
.down_client_code {
    width: 160px;
    margin: 10px 60px;
}

.down_client_title {
    font-size: 18px;
    color: #2F3540;
    text-align: center;
    font-weight: 500;
    text-align: center;
}

.down_client_tip {
    color: #1E232B;
    text-align: center;
    font-weight: 500;
}

.down_client_appstore {
    margin-top: 5px;
    color: #1C6EFF;
    text-align: center;
}

.download-ubuntu-container {
    padding: 0 40px 40px 40px;
}

.download-ubuntu-title {
    color: #3D3D3D;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.download-ubuntu-step {
    font-size: 14px;
    color: #3D3D3D;
    margin-top: 17px;
}

.download-ubuntu-tips{
    color: #6F7785;
    margin: 8px 0 8px 8px;
}

.download-ubuntu-cmd{
    padding: 12px;
    background: #F6F6F6;
    border-radius: 3px;
    color: #3D3D3D;
    font-size: 12px;
    margin: 8px 0 8px 8px;
    white-space: pre-line;
}


.download-ubuntu-warnings {
    color: #A35F40;
    background: #FFFAF2;
    border-radius: 2px;
    padding: 10px;
    margin: 8px 0 8px 8px;
    white-space: pre-line;
}
/* 下载盒子新增 */
.download_client_box {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
}

.download_client_img {
    width: 300px;
    height: 160px;
    margin-left: 70px;
}

.download_forbid_btn {
    width: 300px;
    margin-top: 20px;
}

.common-acl-info {
    z-index: 1;
    position: relative;
    left: 50%;
    padding: 0 16px 32px;
    min-height: 420px;
    width: 640px;
    margin-left: -320px;
    margin-top: 300px;
}
.info_acl a {
    color: #4f7cd1;
    cursor: pointer;
}
.info_acl a:hover {
    text-decoration: underline;
}
.info_acl a:active {
    color: #3466A2;
}
.info_acl_name {
    font-size: 14px;
    color: #495060;
    margin-bottom: 8px;
}
.info_acl_desc {
    font-size: 14px;
    color: #80848F;
    line-height: 20px;
}

.fixed-center .info_acl_desc{
    max-width: 600px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: normal;
    max-height: 300px;
    overflow: auto;
}

.info_acl_title {
    font-size: 24px;
    color: #495060;
    line-height: 32px;
}
.client .info_acl_title {
    font-size: 16px;
    line-height: 22px;
}
.info_acl .common-info__icon {
    width: 233px;
}
.info_acl_desc .common-info__button {
    width: 140px;
    margin-top: 32px;
}

.client .info_acl_desc {
    width: 340px;
    box-sizing: border-box;
    max-height: 330px;
    min-height: 110px;
    font-size: 12px;
    background: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    white-space: pre-wrap;
    word-break: break-word;
    padding: 10px 16px;
    overflow: auto;
    overflow-x: hidden;
    margin-bottom: 24px;
}
.client .info_acl_alert_desc {
    margin: 8px 32px 24px 32px;
    width: 366px;
    font-size: 12px;
    color: #80848F;
}
.client .common-info__button {
    margin-top: 16px;
    margin-right: 16px;
    width: 88px;
    float: right;
}
/*滚动条整体样式*/
.client .info_acl_desc::-webkit-scrollbar {
    width: 8px;
    height: 1px;
}
/*滚动条滑块*/
.client .info_acl_desc::-webkit-scrollbar-thumb {
    width: 8px;
    border-radius: 10px;
    background: rgba(73,80,96,0.10);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
/*滚动条轨道*/
.client .info_acl_desc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    background: rgba(195,203,214,0.10);
    border-left: 1px solid #DDDDDD;
}
.client_info_acl .client_dialog_content_body_wrap .body {
    text-overflow: ellipsis;
    overflow-x: hidden;
    word-break: keep-all;
    max-width: 290px;
    white-space: pre;
}
.client .not_access_list_wrap {
    position: relative;
    z-index: 10000;
}
.client .not_access_list {
    position: absolute;
    right: 16px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 0px 0px 2px 2px;
}
.not-access-select {
    width: 124px;
}

.info-acl-content {
    width: 300px;
}

.info_acl_no_notify {
    margin: 4px 0 0 16px;
}

@media screen and (max-width: 640px) { 
    /* 修改 web端 acl信息在小屏时，导致的样式错误（表现为未居中，内容width过小） */
    .info-acl-content {
        margin: auto !important;
        margin-top: 24px;
        min-width: 300px;
    }
    
}
.info-logout {
    width: 880px;
    margin-left: -500px;
    margin-top: -150px;
}

.info-logout__icon {
    float: left;
    width: 272px;
}

.info-logout__body {
    float: left;
    color: #333;
    width: 580px;
}

.info-logout__body__title {
    font-size: 24px;
    color: #495060;
    margin-top: 10px;
}

.info-logout__body__desc {
    margin-top: 36px;
    font-size: 15px;
    line-height: 25px;
}
.info-logout__button {
    margin-top: 40px;
    margin-left: 0;
    width: 128px;
}
.info_middle_attack__dialog--content {
    margin: 0 32px 16px;
    padding: 10px 16px;
    border: 1px solid #ddd;
    background: #F8F8F8;
    line-height: 24px;
}
.info_middle_attack__dialog--content .title {
    font-weight: bold;
    font-size: 16px;
    color: #495060;
}
.info_middle_attack__dialog--content .content {
    font-size: 12px;
    color: #80848F;
}
.info_middle_attack__dialog--footer {
    padding: 0 32px 16px;
}
.info_middle_attack--button {
    width: 300px;
}
/* webview适配 */
.webview .info_middle_attack--button {
    width: 100%; /* 改固定300px宽度为100%父级宽度，屏幕自适应 */
}
.common-login-info {
    z-index: 1;
    position: relative;
    left: 50%;
    padding: 0 16px 32px;
    min-height: 420px;
    width: 640px;
    margin-left: -320px;
    margin-top: 300px;
}

.common-info__icon {
    float: left;
    width: 239px;
}

.common-info-bottom__body {
    float: left;
    color: #333;
    margin-left: 15px;
    width: 345px;
}

.common-info__body__title {
    font-size: 24px;
    color: #495060;
    line-height: 34px;
    text-align: left;
}

.common-info__body__sub-title {
    font-size: 14px;
    color: #495060;
    line-height: 34px;
    text-align: left;
}

.common-info__body__desc {
    margin-top: 32px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: left;
}
.common-info__button {
    margin-top: 40px;
    margin-left: 0;
}
.info_other_login--button{
    float: left;
}
.other-login__radio {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    position: relative;
    left: -4px;
}
.login-mode-list {
    display: inline-block;
    margin-top: 6px;
    line-height: 16px;
    font-size: 12px;
    padding-left: 4px;
    cursor: pointer;
}
.key-pointer {
    color: #4A5060;
}
.secondary-desc {
    color: #80848F;
}

.browser-support-container {
    padding-top: 7%;
    width: 960px;
    margin: 0 auto;
}

.browser-support-container .browser-title {
    font-size: 32px;
    font-weight: bold;
    color: #14161A;
}

.browser-support-container .browser-desc {
    line-height: 32px;
    font-size: 16px;
    color: #495060
}

.browser-support-container .browser-list {
    width: 100%;
    margin-top: 50px;
    margin-left: -40px;
}

.browser-support-container .browser-list .browser-list__item {
    width: 150px;
    float: left;
    margin-left: 40px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    text-align: center
}

.browser-support-container .browser-list .browser-list__item:hover {
    cursor: pointer;
    border-color: #17c1c5
}

.browser-support-container .browser-list .browser-list__item .item-href {
    display: block;
    padding-top: 39px;
    padding-bottom: 27px
}

.browser-support-container .browser-list .browser-list__item .item-img {
    width: 64px
}

.browser-support-container .browser-list .browser-list__item .item-img.item-img__ie {
    margin-top: 1px
}

.browser-support-container .browser-list .browser-list__item .item-desc {
    color: #495060;
    font-size: 14px;
    margin-top: 25px
}

.login {
    background-repeat: no-repeat;
}

.desktop .login {
    min-width: 860px;
    height: 100vh;
    overflow: auto;
    position: relative;
}

.login-mobile.login {
    height: 100vh;
    overflow: auto;
    position: relative;
}

.login-head {
    padding: 11px 20px;
}
.login-head--client {
    padding: 6px 28px;
}
.login-head--win-client {
    margin-top: 32px;
}
.login-head__content {
    height: 34px;
    line-height: 34px;
    padding-right: 150px;
}
.login-head__logo {
    height: 34px;
    color: #fff;
    font-size: 20px;
    width:  46%;
    min-width: 490px;
    margin-left: 0px;
}
.login-mobile .login-head__content {
    padding-right: 170px;
}
.login-mobile .login-head__logo {
    min-width: auto;
    width: auto;
}
.login-mobile .login-head__img {
    max-width: 100%;
}
.login-mobile .login-head__switch {
    padding-left: 0;
    padding-right: 0;
}
.login-mobile .login-head {
    padding-left: 5px;
    padding-right: 5px;
}
.login-head__img {
    height: 36px;
    max-width: 80%;
    float:left;
    vertical-align: middle;
}
.login-head__title {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 12px;
    margin-top: 3px;
    padding-left: 12px;
    line-height: 28px;
    float: left;
    max-width: 70%;
}
.login-head__vpn-title {
    max-width: 50%;
}
.login-head__switch {
    position: absolute;
    top: 2px;
    right: 0px;
    border-radius: 6px;
    line-height: 26px;
    padding: 0 9px;
}
.login-head__switch__item {
    float: right;
    color: #fff;
    cursor: pointer;
}
.login-head__switch__line {
    margin-right: 7px;
}
.login-body {
    position: relative;
    height: calc(100% - 57px);
}
.login--client .login-body {
    height: calc(100% - 48px) !important;
}
.login--win-client .login-body {
    height: calc(100% - 80px) !important;
}
.login-mobile .login-body {
    max-width: 480px;
}

.login-content {
    width: 798px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 61%;
    margin: auto;
}
.login--client .login-content {
    height: 92%;
    width: 862px;
}
.login-auth-container {
    min-height: 260px;
    padding: 0 7px;
}
.login-notice {
    float: left;
    width: 300px;
    border-radius: 6px;
    padding: 0 15px 20px 15px;
    z-index: 1;
    box-sizing: border-box;
}
.login--client .login-notice {
    width: 400px;
}
.login-notice-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.login-notice__title {
    margin-bottom: 20px;
    height: 49px;
    line-height: 49px;
    font-size: 16px;
}
.notice-title {
    display: inline-block;
    max-width: 90%;
}
.login-notice__icon {
    margin-right: 5px;
    position: relative;
    bottom: 18px;
}
.login-notice__content {
    min-height: 22px;
    max-height: 350px;
    overflow-y: auto;
    *height: 350px;
    color: #fff;
    line-height: 18px;
}
.login-notice__content a {
    text-decoration: underline;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}
.login-notice__content a:hover {
    opacity: .9;
}
.login-notice__content::-webkit-scrollbar {
    width: 6px;
}
.login-notice__content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(255,255,255,0.4);
}
.login-notice__content::-webkit-scrollbar-track {
    background: none;
}
.login-panel {
    float: right;
    width: 384px;
    min-height: 486px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    padding: 32px 21px 16px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.20);
    box-sizing: border-box;
}
.login-panel--no-other-login {
    min-height: 480px;
}
.login-panel-header {
    padding: 0 26px;
}
.login-panel__title {
    font-size: 24px;
    color: #303030;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 6px;
}
.login-panel__desc {
    color: #5c5c5c;
    text-align: center;
    min-height: 32px;
    max-height: 50px;
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
    line-height: 16px;
}
.login--client .login-panel__desc {
    max-height: 32px;
}
.login-panel__switch {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 3;
}
.qrcode_img {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/qrcode_btn.png');
}
.qrcode_img:hover {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/qrcode_active_btn.png');
}
.pwd_img {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/pwd_btn.png');
}
.pwd_img:hover {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/pwd_active_btn.png');
}
.login-panel__switch span {
    display: none;
}
.login-panel__switch:hover span {
    display: block;
    position: absolute;
    top: 12px;
    left: -106px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    color: #A6660A;
    background: #FDFAF3;
    border: 1px solid #F2DFC3;
    text-align: center;
}
.login-panel__switch:hover span:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 98px;
    padding: 0.2em;
    background-color: inherit;
    border:inherit;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}
.login-panel__body {
    padding: 48px 44px 0 44px;
}
.login-panel__body--one-key {
    padding-top: 80px;
}
.login-panel__other {
    margin-top: 8px;
    line-height: 20px;
}
.login-panel__aligning {
    padding:0px 44px;
    word-wrap: break-word;
}
.login-panel__interval {
    padding:0px 10px;
    text-align:center;
}
.login-panel__other__title {
    color: #999;
    margin-right:18px;
}
.login-panel__other__item {
    margin-right: 40px;
    display: inline-block;
}
.login-panel__other__item--disabled {
    color: #D5D5D5;
}
.login-panel__other__no-margin-item {
    margin-right: 0;
}
.login-panel__other__login {
    padding:0px 44px;
    text-align:left;
}
.login-panel__otherlogin {
    padding:0px 10px
}
.login-panel__footer {
    margin-top: 10px;
    position: relative;
    height: 96px;
}
.login-panel__opt {
    text-align: center;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    opacity: 0.9;
    padding: 8px;
    line-height: 16px;
}
.login-panel__opt:hover {
    background: #204ED9;
    border-radius: 4px;
}

/* 扩大设置菜单的可点击区域 */
.login-panel__external-link:after {
    content: '';
    position: absolute;
    display: block;
    width: 84px;
    height: 20px;
}
.login-panel__external-link:hover + .external-link-wrapper {
    display: block;
}
.login-panel__link {
    color: #fff;
    opacity: 0.9;
}
.login-panel__divider {
    display: inline-block;
    width: 1px;
    height: 16px;
    opacity: 0.5;
    background: #D8D8D8;
    vertical-align: sub;
    margin: 0 12px;
}
.footer-title-container {
    margin-bottom: 12px;
    text-align: center;
    font-size: 12px;
    color: #9099A5;
}
.footer-title {
    margin: 0 10px;
}
.login-switch-box {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 15px 0px;
    vertical-align: top;
    z-index: 10;
}
.login-switch {
    width: 11px;
    height: 18px;
    cursor: pointer;
    background-image: url('https://vpn.rizhaosteel.com/portal/images/switch_arrows.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.login-switch-up {
    background-position-x: -33px;
}
.login-switch-up:hover {
    background-position-x: -55px;
}
.icon-disable-up,
.icon-disable-up:hover {
    background-position-x: -44px;
    cursor: not-allowed;
}
.login-switch-down {
    background-position-x: 0px;
}
.login-switch-down:hover {
    background-position-x: -22px;
}
.icon-disable-down,
.icon-disable-down:hover {
    background-position-x: -11px;
    cursor: not-allowed;

}
.footer-content {
    position: absolute;
    left: 0;
    right: 0;
}
.other-login-container {
    height: 64px;
    overflow: hidden;
    width: 324px;
    margin-left: -12px; /* 容器向左偏移12px，避免第一个元素占位导致显示偏移 */
    white-space: nowrap;
}
.other-login-container.one_or_two {
    margin-left: 10px; /* 1/2 个其它方式时，偏移量变化 --> 已测试移动端/webview（AIO & PC显示是一样的） */
}
.other-login-container.three {
    margin-left: 0; /* 3个其它方式时，偏移量变化 */
}
.show-all-login {
    height: auto;
}
.server-container {
    position: relative;
    width: 72px;
    height: 64px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    margin: 0 20px;
    right: 0;
    transition: right 0.5s ease-in-out;
    user-select: none;
}
.mobile .server-container {
    width: calc(33.3% - 35px);
}
.other-login-server {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    border: 1px solid transparent;
}
.server-container:hover .other-login-server {
    border-radius: 50%;
    background: #e7f4ff;
}
.server-container:hover .server-name {
    color: #1c6eff;
}

.server-icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.server-name {
    height: 18px;
    color: #a3a3a3;
    margin-top: 6px;
    text-align: center;
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
}
.icon-disable {
    cursor: not-allowed;
}
.login-head__language {
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    z-index: 4;
    border: 1px solid #eee;
    top: 20px;
    width: 97%;
}
.login-head__language__type {
    margin-left: 3px;
    height: 20px;
}
.login-head__language__type:hover{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    color: #fff;
}
.login-head__language__item {
    padding: 6px 7px;
    color: #666;
    cursor: pointer;
}
.login-head__language__item:hover {
    background: #f2f2f2;
}
.login-head__language__item:active {
    color: #4a90e2;
}
.login-panel_switch_language {
    position: relative;
    z-index: 99;
    width: 70px;
}
.login_switch__language {
    display: none;
    position: absolute;
    left: 11px;
    background-color: #fff;
    width: 55px;
    height: 50px;
    text-align: center;
    padding: 5px;
    color: #000;
}
.login_switch__language .lang {
    line-height: 26px;
}
.login_switch__language .lang:hover {
    color: #4a90e2;
}
.login-panel_switch_language:hover {
    background-color: transparent;
}
.login-head__language__iconfont {
    position: relative;
    top: 2px;
    right: 3px;
    cursor: pointer;
    font-family: "iconfont" !important;
    font-size: 15px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


@media (min-width: 1366px) {
    .login-content,
    .global-aio-client-wrap .login--client .login-content {
        width: 970px;
    }
    .login-notice,
    .global-aio-client-wrap .login--client .login-notice {
        width: 472px;
    }
    .global-aio-client-wrap .login--client .login-content {
        height: 50%;
    }
}

.login-content--no-notice {
    width: 360px;
}
/** 手机端 **/
.mobile  .login-content{
    width: 100%;
    height: 80%;
}
.mobile .login-panel {
    float: none;
    width: 97%;
    margin: 0 auto;
}

.mobile .other-login-container {
    width: calc(100% - 30px); /* 内容区域：容器大小 - 两边<>箭头 - 间距 */
    margin-left: -16px;
}

.mobile .other-login-container.one_or_two {
    margin-left: 10px; /* 1/2 个其它方式时，偏移量变化 --> 已测试移动端/webview（AIO & PC显示是一样的） */
}
.mobile .other-login-container.three {
    margin-left: -3px; /* 移动端下 3个其它方式时，偏移量变化 */
}

.portal-login-button {
    margin-top: 39px;
    margin-bottom: 10px;
}
.server-auth-name {
    color: #fff;
    font-size: 12px;
    word-break: break-all;
}
.server-auth-desc {
    font-size: 12px;
    color: #5C5C5C;
}
.login .tooltips {
    width: 140px;
    min-width: 140px;
}
.portal-login .auth-password {
    margin-top: 0;
}
.portal-login .input-console-style,
.portal-login .input-console-style .input-txt {
    height: 40px;
}
.login-mask {
    width: calc(100% - 48px);
    height: calc(100% - 158px);
    background: #fff;
    opacity: 0.9;
    position: absolute;
    z-index: 5;
}
.login-mask .loading-circle {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -13px;
    transform: scale(1.5);
}
.login-btn .button:active {
    opacity: 0.9;
}

/* 兼容性处理 */
.ie-other-login-container {
    width: 352px;
}

.portal-login .input-console-style {
    margin-top: 20px;
}

/* 隐藏温馨提示时登录面板位置 */
.login-panel--center {
    float: none;
}
.login-panel--right {
    float: right;
}
.login-panel--left {
    float: left;
}

.hide-login-privacy-box .include-box__privacy * {
    visibility: hidden;
}

.external-link-wrapper {
    display: none;
    position: absolute;
    right: 0;
    margin-top: 6px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 32px;
    background: #fff;
    color: #14161A;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.20);
    border-radius: 2px;
    z-index: 10;
    cursor: pointer;
}
.external-link-wrapper:hover {
    display: block;
}
.external-link-item {
    cursor: pointer;
    max-width: 112px;
}
.external-link-item:hover {
    text-decoration: underline;
}

/* webview环境 */
.webview .login-panel {
    width: 100%;
    margin: 0;
    min-height: 100%; /* 设为min-height-100，而不是h-100，适配小屏幕手机（如iPhone5SE，100%固定高度下，其他登录方式会超出一点） */
    border-radius: 0;
    padding-top: 56px;
}
.webview .login-panel__desc {
    margin-bottom: 36px; /* 标题与form面板间距扩大 */
    font-size: 14px;
    white-space: nowrap; /* 不允许换行 */
}
.webview .login-body {
    max-width: 100% !important;
    height: 100% !important; /* 2.1.6修改了登录面板高度为height: calc(100% - 57px)这里占满替换 */
}
.webview .login-content {
    /* webview下把top变为0，登录面板贴顶 */
    top: 0 !important;
    width: 100%;
    height: 100%;
}
/* webview样式不需要头部，只留下登录面板即可 */
.webview .login-head {
    display: none;
}
.webview .login-auth-container, .webview .footer-content { /* 设置登录面板最大宽度460（适配ipad宽屏） */
    max-width: 460px;
}
.webview .footer-title-container img { /* 适配“其他登录方式”分割条 */
    width: 90px; /* 375+px屏幕 */
}
/* 其他登录方式适配 */
.webview .other-login-container.one_or_two {
    margin-left: 0px;
}
@media screen and (max-width: 374px) {
    .webview .footer-title-container img {
        width: 60px; /* 375px以下屏幕 */
    }
}

/* 外链 */
.login-external-link {
    color: #1c6eff;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    margin-right: 16px;
}
.login-external-link:hover {
    text-decoration: underline;
}
.login-external-link-wrapper {
    margin-top: 6px;
}
.login-panel__external-link:hover .external-link-wrapper {
    display: block;
}
.external-link-wrapper {
    right: unset;
}
.external-link-item {
    color: #1c6eff;
}
/* pc 默认放在最下面 */
.filing-pc {
    position:fixed;
    bottom: 0;
}
/* 页面高度小于 780 */
@media screen and (max-height: 780px) {
    .login-filing .login-content,
    .login-filing .filing-pc {
        position: relative;
    }
    .login-filing .login-content {
        margin-top: 32px;
    }
    .login-filing .filing-pc {
        padding-top: 32px !important;
    }
}
/* 780 < 页面高度 < 900 取消绝对定位 最大需要考虑6行备案信息 */
@media screen and (min-height: 780px) and (max-height: 900px) {
    .login-filing .login-content{
        position: relative;
        margin-top: 64px;
    }
}
/* 手机端，放在登录框下面 32px处 */
.filing-mobile {
    margin-top: 32px;
}
/* 备案信息 */
.filing-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 16px 24px 16px;
    font-size: 12px;
    box-sizing: border-box;
}
/* 添加block兼容IE8，9 */
.filing-container .filing-row {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 24px;
}
.filing-container .filing-row .filing-link {
    cursor: pointer;
}
.theme-filing-link-color {
    color: #204ed9;
}
.theme-filing-color {
    color: white;
}

.message_no_phone {
    min-height: 80px;
}

.message_no_phone__title {
    width: 100%;
    min-height: 26px;
}

.message_no_phone__buttun__cancel {
    margin-top: 16px;
}

.message-logout {
    min-height: 56px;
}
.message_logout-detail__wrap {
    clear: both;
    margin-top: 8px;
    padding-left: 64px;
    font-size: 12px;
    color: #495060;
    line-height: 20px;
}


.sms-certification__a {
    font-size: 14px;
    line-height: 34px;
}

.sms-certification__a.sms-certification__time__a {
    color: #bbbbbb;
    cursor: default;
}

.big-inner .dialog-inner{
    width: 480px;
}

.sdp-isSms {
    position: relative;
    margin: 25px 42px 6px 32px;
}

.icon-container {
    width: 48px;
    position: absolute;
    top: -8px;
    left: 0;
}

.icon-container .iconfont {
    font-size: 48px;
    color: #ff9906;
}

.content-container-padding {
    padding-left: 56px;
}

/* 增强认证时，增加的内容标题 */
.header-title {
    font-size: 14px;
    font-weight: 600;
    color: #0C0C0C;
}

.sms-box__subtitle span {
    color: #80848F;
    line-height: 18px;
}

.auto-input-smscode .input-column-name {
    top: 32px;
    left: 2px;
}

.auto-input-smscode .input-focus-column {
    top: 8px;
}

.auto-input-smscode .input-login-style .input-box {
    height: 52px;
}

.auto-input-smscode .input-login-style .input-right-info {
    padding-top: 28px;
}

.sms-error-box__tip {
    margin-top: 10px;
    line-height: 15px;
    height: 30px;
    color: #ee5555;
    overflow: hidden;
}

.skip-secondary-auth-box {
    min-height: 21px;
}

.skip-secondary-auth-tips {
    color: #80848F;
}

.skip-secondary-auth-tips:hover {
    cursor: pointer;
}

.skip-secondary-auth-tips:active {
    color: #000;
    opacity: 0.8;
    transform: scale(2);
}

.auth-sms-container {
    padding: 0 20px;
}

.auth-sms-title {
    height: 48px;
    font-size: 16px;
    color: #14161A;
    letter-spacing: 0;
    line-height: 48px;
}
.auth-sms-userinfo {
    margin-top: 24px;
    padding-left: 12px;
}
.content-title {
    font-size: 14px;
    color: #1C2438;
    line-height: 14px;
    margin-top: 56px;
}
.new-auth-sms-username {
    font-size: 16px;
    color: #14161A;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    margin-left: 8px;
    font-weight: bold;
}


/*
**************** 认证页面 **************************
*/
.auth-sms-code-title {
    margin-top: 46px;
    margin-bottom: 29px;
    line-height: 20px;
    font-size: 14px;
    color: #1C2438;
}
.auth-sms-code-box {
    padding-right: 12px;
}
.auth-sms-code-item {
    width: 456px;
    height: 64px;
    margin-top: 32px;
    margin-bottom: 99px;
    position: relative;
    z-index: 1;
    padding-left: 43px;
}
.auth-sms-code {
    width: 456px;
    height: 64px;
    font-size: 40px;
    letter-spacing: 49px;
    background: none;
    text-indent: 15px;
    margin-bottom: 11px;
    /* 等宽字体 */
    font-family: monospace;
    font-weight: bold;
}
.eq-ie8 .auth-sms-code {
    letter-spacing: 52px;
    line-height: 64px;
}
.auth-sms-code-bg {
    width: 432px;
    position: absolute;
    left: 43px;
    top: 0px;
    z-index: -1;
}
.auth-sms-code-bg__item {
    height: 62px;
    width: 46px;
    border: 1px solid #eee;
    background: #fcfcfc;
    margin-right: 24px;
    float: left;
}
.auth-sms-code-bg__hide-focus {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 64px;
    background: #fff;
}
.auth-sms-footer {
    padding-left: 12px;
    float: right;
    margin-bottom: 32px;
}

/* webview适配 */
.webview .content-title { /* 提示语左对齐放大 */
    width: 320px;
}
.webview .auth-sms-code-item { /* code输入框外部容器适配 */
    width: 320px;
    padding: 0;
    margin: 20px auto 50px;
    overflow: hidden;
}
.webview .auth-sms-code-bg { /* code输入框适配 */
    left: 0;
}
.webview .sms-error-box__tip { /* 错误提示左对齐适配 */
    width: 320px;
    text-align: left;
}
.webview .auth-sms-footer { /* 底部确定按钮适配，覆盖原来给的float浮动样式，适配其与page_auth_radius等页面保持一致 */
    width: 320px;
    padding: 30px 0 0 0;
    float: inherit;
}
@media screen and (max-width: 374px) { /* 375以下屏幕适配 */
    .webview .content-title, .webview .auth-sms-code-item, .webview .sms-error-box__tip, .webview .auth-sms-footer {
        width: 288px;
    }
}

.open_client_mobile__body {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
}
.open_client_mobile__body_bg {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0rem;
    overflow: hidden;
    background-color: #FFFFFF;
}

.open_client_mobile__content {
    text-align: center;
}
.acl_info__img {
    margin-top: 0.5rem;
    width: 1.5rem;
}

.acl_info__img img {
    width: 1.5rem;
}
.down_app__name {
    font-size: 0.18rem;
    font-weight: bold;
    color: #000;
    line-height: 0.25rem;
    margin-top: 0.12rem;
}

.open_client_mobile__description {
    margin-top: 0.2rem;
    width: 90%;
}

.open_client_mobile__description p {
    font-size: 0.18rem;
    color: #14161A;
    line-height: 0.3rem;
}

.open_client_mobile__action {
    margin-top: 1.2rem;
}

.btn {
    text-decoration: none;
    border-radius: 0.05rem;
    width: 3.27rem;
    height: 0.5rem;
    font-size: 0.18rem;
    line-height: 0.5rem;
    margin-bottom: 0.2rem;
}

.down_app__btn {
    color: #FFFFFF;
    background-image: linear-gradient(115deg, #148AD9 0%, #0FC0B6 100%);
    padding: 0 0.1rem;
}

.open_app__btn {
    color: #00C3B7;
    border: solid 0.01rem #00C3B7;
    padding: 0 0.1rem;
}

.third_auth_content.height__extend {
    min-height: 452px;
    max-height: 482px;
}
.custom-token-page__warn-tips-box {
    text-align: center;
    line-height: 32px;
    max-width: 90%;
}
.custom-token-page__warn-tips-text {
    background: #FDF3E4;
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 12px;
    color: #EE8800;
    display: inline-block;
    margin: 0 8px;
    text-align: left;
    min-width: 320px;
    box-sizing: border-box;
}
.custom-token-page__warn-tips-text .iconfont {
    position: relative;
    top: 1px;
}
.custom-token-notice-content {
    white-space: pre; /*连续的空格需要保留，有换行符才换行*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-token-notice-content .info_acl_title {
    font-size: 16px;
    color: #495060;
    line-height: 20px;
}
.custom-token-container {
    width: 320px;
}
.client .info_acl_title {
    font-size: 16px;
    color: #0C0C0C;
    letter-spacing: 0;
    width: 100%;
    display: inline-block;
    word-break: break-all;
}
.client .custom-token-page__subtitle {
    margin: 0px;
}
.client .custom-token-page__main {
    padding: 0px 32px 16px 32px;
}
.client .custom-token-page__get-radius{
    float: right;
}
.client .custom-token-page__main .info_acl_alert_desc {
    margin: 0;
    margin-bottom: 8px;
    width: 366px;
    font-size: 12px;
    color: #80848F;
}
.radius-page__warn-tips-box {
    text-align: center;
    line-height: 32px;
    max-width: 90%;
}
.radius-page__warn-tips-text {
    background: #FDF3E4;
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 12px;
    color: #EE8800;
    display: inline-block;
    margin: 0 8px;
    text-align: left;
    min-width: 320px;
    box-sizing: border-box;
}
.radius-page__warn-tips-text .iconfont {
    position: relative;
    top: 1px;
}
.radius-notice-content {
    white-space: pre; /*连续的空格需要保留，有换行符才换行*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.radius-notice-content .info_acl_title {
    font-size: 16px;
    color: #495060;
    line-height: 20px;
}
.client .info_acl_title {
    font-size: 16px;
    color: #0C0C0C;
    letter-spacing: 0;
    width: 100%;
    display: inline-block;
    word-break: break-all;
}
.client .radius-page__subtitle {
    margin: 0px;
}
.client .radius-page__main {
    padding: 0px 32px 16px 32px;
    word-break: break-word;
}
.client .radius-page__get-radius{
    float: right;
}
.client .radius-page__main .info_acl_alert_desc {
    margin: 0;
    margin-bottom: 8px;
    width: 366px;
    font-size: 12px;
    color: #80848F;
    word-break: break-word;
}

.page_auth_sms_main {
    /* 默认值撑大盒子问题 */
    margin-top: -20px;
}

.alert_content {
    margin-top: 10px;
    width: 100%;
    text-align: center
}

.success-alert {
    background-color: rgb(232, 255, 230);
}

.waring-alert {
    background-color: #FDF3E4;
}

.success_icon {
    width: 10px;
    margin-right: 5px;
}

.sms_main_select {
    z-index: 9;
    position: absolute;
    top: 10px;
    left: 5px;
}

.sms_main_drop_down {
    font-size: 12px;
}

.sms_main_search_phone {
    z-index: 99;
    position: absolute;
    top: 40px;
    width: 150px;
    border: 1px solid rgb(199, 199, 199);
    background-color: #fff;
}

.sms_main_search_ipt {
    width: 140px;
    border-bottom: 1px solid rgb(197, 197, 197);
    border-right: 1px solid rgb(197, 197, 197);
    padding: 5px;
}

.sms_main_search_content {
    max-height: 100px;
    overflow-y: auto;
}

.sms_main_search_item {
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    max-width: 150px;
    overflow: hidden;
    padding: 3px 0 3px 10px;
}

.sms_main_search_item:hover {
    background-color: #eee;
}

.authcode_input {
    display: inline-block;
    width: 60%;
}

.phoneNumberInput .input-txt {
    padding-left: 70px;
}

.authcode .sms_main_get_code {
    display: inline-block;
    width: 37.5%;
}

.sms_main_error_info {
    display: inline-block;
    color: red;
}

.sms_main_privacy {
    margin-top: 15px;
}

.sms_main_login {
    margin-top: 57px;
    width: 100%;
}

.sms-container {
    margin-top: 32px;
    width: 320px;
}
.auth-enhance .sms-container {
    margin-top: 10px;
}
.sms-page__subtitle {
    min-height: 18px;
    margin-top: 1px;
    max-height: 54px;
    *height: 54px;
    overflow-y: auto;
    color: #999;
}
.sms-page__warn-tips-box {
    text-align: center;
    line-height: 32px;
    max-width: 90%;
}
.sms-page__warn-tips-text {
    background: #FDF3E4;
    border-radius: 4px;
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 12px;
    color: #EE8800;
    display: inline-block;
    margin: 8px;
    text-align: left;
}
.sms-page__warn-tips-text .iconfont {
    position: relative;
    top: 2px;
}
.page-skip-secondary-auth-box {
    margin-top: 12px;
    padding-right: 43px;
}
.sms-notice-content {
    font-size: 16px;
    color: #495060;
    line-height: 20px;
    white-space: pre; /*连续的空格需要保留，有换行符才换行*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.third-auth-wrap .sms-notice-content {
    max-width: 320px;
    margin-top: 10px;
}
.sms-notice-content .info_acl_title {
    font-size: 16px;
    color: #495060;
    line-height: 20px;
}
.client .info_acl_title {
    font-size: 16px;
    color: #0C0C0C;
    letter-spacing: 0;
    width: 100%;
    display: inline-block;
    word-break: break-all;
}
.client .sms-page__subtitle {
    margin: 0px;
}
.sms-page_code {
    width: 100%;
}
.client .sms-page__main {
    padding: 0px 32px 24px 96px;
}
.client .sms-page__get-sms a {
    padding-right: 8px;
    padding-left: 8px;
}
.client .sms-page__get-sms{
    float: right;
}
.dividing-line {
    width: 1px;
    height: 18px;
    background: #D8D8D8;;
    float: right;
    margin-top: 7px;
}
.client .sms-page__main .info_acl_alert_desc {
    margin: 0px 0px 8px 0px;
    width: 366px;
    font-size: 12px;
    color: #80848F;
}
.client_page_authsms .client_dialog_content_body_wrap .body {
    text-overflow: ellipsis;
    overflow-x: hidden;
    word-break: keep-all;
    white-space: pre;
}
.client .not_access_list_wrap {
    position: relative;
    z-index: 10000;
}
.client .not_access_list {
    position: absolute;
    right: 16px;
    bottom: 0px;
    background: #fff;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 0px 0px 2px 2px;
}
.main-client__container .third_auth_header {
    overflow: hidden;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-bottom: 24px;
}
.main-client__container .third_auth_header .title {
    font-size: 16px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-left: 24px;
}
.main-client__container .third_auth_header .go-back-btn {
    float: right;
    line-height: 48px;
    margin-right: 14px;
}
.main-client__container .head-portrait {
    width: 76px;
    height: 76px;
    margin: auto;
    border-radius: 50%;
}
.main-client__container .user-name {
    font-size: 18px;
    height: 25px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

/*
**************** 认证页面 **************************
*/
/* 整体紧凑布局，减小向下间距 */
.page_auth_totp div.third_auth_header {
    margin-bottom: 8px;
}
.join-totp__main {
    padding: 0 20px 0 32px;
}
.join-totp__content {
    height: 136px;
    padding-top: 32px;
    padding-bottom: 78px;
}
.totp-auth-tips {
    max-height: 36px;
    overflow-y: auto;
}
.join-totp__hint {
    font-size: 12px;
    color: #5C5C5C;
}
.join-totp__server-tips {
    font-size: 16px;
    color: #1C2438;
    text-align: center;
    margin-top: 16px;
}
.join-totp__pwd-title {
    margin-top: 46px;
    margin-bottom: 29px;
    line-height: 20px;
    font-size: 14px;
    color: #1C2438;
}
.join-totp__pwd-box {
    padding-right: 12px;
}
.join-totp__pwd-item {
    width: 456px;
    height: 64px;
    margin-bottom: 99px;
    position: relative;
    z-index: 1;
    padding-left: 43px;
}
.join-totp__pwd {
    width: 100%;
    height: 64px;
    font-size: 40px;
    letter-spacing: 48px;
    background: none;
    text-indent: 13px;
}
.eq-ie8 .join-totp__pwd {
    letter-spacing: 52px;
    line-height: 64px;
}
.join-totp__pwd-bg {
    width: 432px;
    position: absolute;
    left: 43px;
    top: 0px;
    z-index: -1;
}
.join-totp__pwd-bg__item {
    height: 62px;
    width: 46px;
    border: 1px solid #eee;
    background: #fcfcfc;
    margin-right: 24px;
    float: left;
}
.join-totp__pwd-bg__item:last-child {
    margin-right: 0;
}
.join-totp__pwd-bg__hide-focus {
    position:absolute;
    right:0px;
    top:0px;
    width:30px;
    height:64px;
    background: #fff;
}
.join-totp__auth-btns {
    margin-right: -12px;
}
.client_dialog .join-totp__auth-btns {
    margin-left: -46px;
}
.join_totp__auth-btns__link {
    float: left;
    margin-top: 11px;
}
/*
**************** 绑定身份校验器 **************************
*/
.bind-totp__main {
    padding: 0 20px 0 46px;
    color: #14161A;;
}

.bind-totp__step-title {
    font-size: 14px;
    color: #1C2438;
    margin-bottom: 8px;
    margin-left: -14px;
    margin-top: 16px;
}
.bind-totp__step-title--first {
    margin-top: 0px;
}
.bind-totp__step-icon {
    font-size: 10px;
    color: #204ed9;
}
.bind-totp__client-list {
    margin-top: 5px;
    margin-left: -48px;
}
.bind-totp__client-list .bind-totp__client-icon {
    margin-left: 48px;
    position: relative;
    top: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(https://vpn.rizhaosteel.com/portal/images/totp_client.png);
    background-repeat: no-repeat;
}
.bind-totp__client-icon--google {
    background-position: -28px 0px;
}
.bind-totp__client-icon--microsoft {
    background-position: -56px 0px;
}
.bind-totp__client-name {
    margin-left: 8px;
}
.bind-totp__qrcode-box {
    float: left;
    margin-right: 32px;
    width: 95px;
}
.bind-totp__qrcode-box-tray {
    margin-right: 12px !important;
}
.mobile .bind-totp__qrcode-box {
    margin-right: 24px;
}
.bind-totp__qrcode-img-box {
    height: 95px;
    margin-left: 0px;
    margin-top: 4px;
}
.bind-totp__qrcode-box table {
    width: 95px;
    height: 95px;
    margin-left: 0px;
}
.bind-totp__question-btn {
    margin-left: -14px;
    margin-top: 34px;
    display: inline-block;
}
.bind-totp__question-btn-tray {
    margin-top: 20px;
    display: inline-block;
}
.bind-totp__btns-tray {
    margin-top: 22px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: right;
}
.inline-block-tray {
    display: inline-block;
}
.bind-totp__btns {
    margin-top: 24px;
    float: right;
}
.bind-totp_btns-width {
    width: 124px;
}
.bind-totp__info-gap {
    float: left;
    height: 56px;
    padding-top: 40px;
    color: #A3A3A3;
    margin-top: 22px;
    background: url(https://vpn.rizhaosteel.com/portal/images/line_gap.png) no-repeat center center;
}
.bind-totp__user-info-tray {
    line-height: 24px;
    float: right;
    width: 380px;
}
.bind-totp__info-gap-tray {
    float: left;
    height: 56px;
    padding-top: 40px;
    color: #A3A3A3;
    margin-top: 22px;
    background: url(https://vpn.rizhaosteel.com/portal/images/line_gap.png) no-repeat center center;
}
.bind-totp__user-info {
    line-height: 24px;
    float: right;
    width: 380px;
}
.bind-totp__user-info__column {
    width: 120px;
    display: inline-block;
    color: #5C5C5C;;
}
.bind-totp__user-info__text {
    max-width: 140px;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
}
.bind-totp__dialog-qrcode {
    padding: 16px;
}
.bind-totp__dialog-qrcode img {
    width: 260px;
    height: 260px;
}
/* IE8兼容 */
.eq-ie8 .bind-totp__user-info__text {
    word-wrap: break-word;
    line-height: 18px;
}

/* 移动端、客户端适配 */
.mini-screen .bind-totp__main {
    padding: 20px 32px;
}
.mini-screen .bind-totp__user-info__text,
.join-totp--client .bind-totp__user-info__text {
    max-width: calc(100% - 94px);
}
.mini-screen .join-totp__pwd-bg__item {
    width: 36px;
    height: 48px;
    margin-right: 8px;
}
.mini-screen .join-totp__pwd-title {
    margin-top: 16px;
    margin-bottom: 8px;
    text-align: left;
}
.mini-screen .join-totp__pwd-item {
    width: 320px;
    padding-left: 0;
    margin-bottom: 30px;
}
.mini-screen .join-totp__pwd {
    width: calc(100% + 16px); /*避免内容溢出客户端弹窗*/
    height: 48px;
    letter-spacing: 23px;
    text-indent: 6px;
}
.mini-screen .join-totp__pwd-bg__hide-focus {
    right: 21px;
    height: 50px;
}
.mini-screen .join-totp__pwd-bg {
    width: 100%;
    left: 0;
}
.mini-screen .join-totp__pwd-bg__item:last-child {
    margin-right: 0;
}
.mini-screen .auth-content-wrapper {
    padding: 16px;
}
.mini-screen .bind-totp__user-info,
.join-totp--client .bind-totp__user-info {
    width: calc(100% - 148px);
}
/* 针对客户端的单独适配 */
.join-totp--client-pending {
    padding-left: 96px;
    padding-right: 32px;
    /*overflow: hidden; 溢出内容不显示：会导致select展开项不显示*/
}
.join-totp--client .join-totp__pwd-item {
    width: 287px;
    margin-bottom: 16px;
}
.join-totp--client .auth-content-wrapper {
    padding: 0;
}
.join-totp--client .join-totp__pwd-title {
    margin-top: 0px;
}
.join-totp--client .join-totp__pwd-bg__hide-focus {
    right: -14px; /*避免内容溢出客户端弹窗*/
    width: 20px;
}
.join-totp--client .join-totp__auth-btns {
    height: 56px;
}
.join-totp--client .bind-totp__main {
    padding-bottom: 0;
}
.join-totp--client .join-totp {
    background: #fff;
}

.binding-totp-opt-btn-bottom {
    padding-bottom: 16px !important;
}

.binding-totp-opt-btn {
    padding-bottom: 16px;
    text-align: right;
}
.binding-totp-opt-btn .totp_btn {
    width: 128px;
}

.totp_btn-width {
    width: 128px;
}

.totp-auth.tag-container {
    margin: 10px 0 0 0;
    max-width: 590px;
}


/* AIO totp认证适配 */
.global-client-wrap .join-totp__content {
    padding-top: 14px;
    padding-bottom: 24px;
}
.global-client-wrap .join-totp__pwd-title {
    margin-top: 14px;
}
.global-client-wrap .join-totp__pwd-item {
    margin-bottom: 52px;
}
/* 终端认证通用样式 */
.terminal-ml-20 {
    margin-left: 20px;
}

.terminal-ml-21 {
    margin-left: 20px;
    display: inline-block;
}

.tip-img-padding {
    padding-left: 40px;
}

.terminal-mt-16 {
    margin-top: 16px;
}

.page_auth_trust_terminal.pc-screen .third-auth-wrap {
    max-height: none;
}

.page_auth_trust_terminal .desc-title {
    color: #495060;
    margin-bottom: 10px;
    max-width: 320px;
    word-break: break-word;
    margin-left: 0;
}

/*兼容移动端浏览器样式*/
.page_auth_trust_terminal.mobile-screen .third-auth-wrap {
    margin-left: unset;
    margin-top: unset;  
    width: 100%;
}

.page_auth_trust_terminal .desc-subtitle {
    color: #495060;
    font-size: 12px;
}

.page_auth_trust_terminal .desc-info {
    color:  #80848F;
    font-size: 12px;
    line-height: 22px;
    max-width: 300px;
    margin-left: 0;
}
.page_auth_trust_terminal .reason-detail {
    border: 1px solid #DDD;
    border-radius: 2px;
    width: 300px;
    box-sizing: border-box;
    padding: 8px;
    height: 120px;
    resize: none;
    margin-top: 10px;
}


/* 全局pc端适配 */
.page_auth_trust_terminal .third_auth_header {
    margin-bottom: 0;
}
.terminal-auth__pc-box {
    position: relative;
    padding: 24px 50px 60px 50px;
    min-height: 224px;
}

.terminal-auth__pc-box .footer-btn {
    width: auto;
    position: absolute;
    bottom: 24px;
    right: 24px;
}

.terminal-auth__pc-box .close-apply {
    right: 190px;
}

.terminal-auth__pc-box .detect-client-box {
    margin-top: 50px;
}

.terminal-auth__pc-box .detect-client-box .message {
    margin-top: 10px;
    font-size: 14px;
    color: #80848F;
}

/* 全局移动端适配 */
.terminal-auth__phone-box {
    padding: 0.15rem;
}

.terminal-auth__phone-box .footer-btn {
    margin-top: 20px;
}

.terminal-auth__phone-box .phone-title {
    font-size: 0.18rem;
}

.terminal-auth__phone-box .phone-sub-title {
    font-size: 0.15rem;
}

/*全局客户端弹框适配*/
.terminal-auth__client-box {
    padding: 20px 0px 75px 40px;
}

.terminal-auth__client-box .footer-btn {
    margin-top: 5px;
    margin-bottom: 10px;
    position: absolute;
    left: 280px;
}

.terminal-auth__client-box .close-apply {
    left: 112px;
}

.terminal-auth__client-box .desc-info {
    word-break: break-word;
}



/* 禁用授信终端 */
.terminal-auth__pc-box .disabled-terminal {
    width: 320px;
    margin: 60px auto;
}

/* 未安装客户端 */
.terminal-auth__pc-box .no-install-client .button {
    display: inline-block;
    background: #365FD9;
    border: 1px solid #365FD9;
    border-radius: 2px;
    box-sizing: border-box;
    line-height: 28px;
    width: 160px;
    cursor: pointer;
}

.no-install-client .condition-box {
    font-size: 12px;
    color: #80848F;
    line-height: 22px;
    list-style: disc;
    list-style-position: inside;
}

.no-install-client .install-client__box .icon {
    width: 15px;
    vertical-align: middle;
}

.no-install-client .install-client__box .label-text {
    vertical-align: middle;
    font-size: 12px;
    color: #14161A;
}

.terminal-auth__pc-box .no-install-client {
    margin: 20px 0px 0px 70px;
}

.terminal-auth__pc-box .no-install-client .install-client__box {
    margin: 32px 0px 0px 72px;
}

.terminal-auth__phone-box .no-install-client .phone {
    margin-top: 30px;
    display: block;
}

.terminal-auth__phone-box .no-install-client .condition-box {
    font-size: 0.12rem;
}

/* 未添加授信终端 */
.terminal-auth__pc-box .not-add-terminal {
    width: 400px;
    margin: 50px auto;
}

/* 申请授信终端 */
.apply-trust-terminal {
    position: relative;
}
.apply-trust-terminal .reason-label {
    vertical-align: top;
    display: inline-block;
    margin-top: 10px;
}
.apply-trust-terminal .device-select {
    vertical-align: middle;
    display: inline-block;
}
.terminal-auth__pc-box .apply-trust-terminal {
    margin-left: 48px;
}
.terminal-auth__pc-box .apply-trust-terminal .reason-detail {
    width: 300px;
}
.terminal-auth__pc-box .apply-trust-terminal .device-select {
    width: 300px;
}
.terminal-auth__pc-box .apply-trust-terminal .desc-info {
    max-width: 400px;
    max-height: 90px; /* 这里高度限制为正常显示四行申请理由的高度（控制台默认理由即为4行），超过滚动 */
    word-break: break-all;
    overflow-y: auto;
}
.terminal-auth__phone-box .apply-trust-terminal .reason-detail {
    width: 220px
}
.terminal-auth__phone-box .apply-trust-terminal .device-select {
    width: 220px;
}
/* 按钮对齐textarea */
.apply-trust-terminal .footer-btn {
    position: absolute;
    width: 152px;
    left: 218px;
    bottom: -42px;
    margin: 0;
}

/*授信终端移除多余终端限制*/
.terminal_auth__pc-unbind-box {
    padding: 0;
    height: auto;
}
.terminal_auth__pc-unbind-box .client-list-wrap {
    max-height: 300px;
    overflow: auto;
}
.terminal_auth__pc-unbind-box .trust-terminal-contraint-wrap .client-list-wrap li:first-child {
    margin-top: 0;
}
.terminal_auth__pc-unbind-box .trust-terminal-contraint-wrap .trust-terminal-head-desc {
    top: -20px;
}

.client-list-wrap-auth {
    height: 46px !important;
}
.client-list-auth__checkbox {
    position: absolute;
    right: 11px;
    top: 17px;
}

.trust-terminal-auth-contraint__type-icon {
    width: 22px;
    font-size: 24px;
    position: absolute;
    left: 10px;
    top: 15px;
}

/* 提交授信终端申请成功 */
.terminal-auth__pc-box .confirm-apply-success {
    margin: 14px 0 0 70px;
}

/* 添加授信终端成功 */
.terminal-auth__pc-box .add-terminal-success {
    margin: 62px 0 0 44px;
}

/*添加授信终端失败*/
.terminal-auth__pc-box .add-terminal-error {
    margin: 60px 0 0 88px;
}

.opt_open_btn {
    background: #fff !important;
    color: #454C59 !important;
}
.trust-terminal-contraint-btn {
    width: auto;
    display: inline-block !important;
}

.common-info-relative {
    position: relative;
}

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

.max-w-xs {
    max-width: 20rem;
}

.tray-trust-terminal-btn-container {
    margin: 16px;
    display: flex;
    justify-content: flex-end;
}
.tray-trust-terminal-btn-container .footer-btn {
    position: static;
    margin: 0 10px;
}
/* 通用样式 */
.page_forget_password {
    width: 100%;
    height: 100%;
}

.page_title_margin {
    margin-left: 0 !important;
}

.page_forget_password .input-txt {
    height: 40px;
}

.page_forget_password .success-title {
    font-size: 18px;
    margin: 10px 0 30px 0;
}

.page_forget_password .next-btn {
    margin-top: 10px;
}

.page_forget_password .prev-btn {
    text-align: center;
    width: 100%;
    cursor: pointer;
    font-size: 12px;
    color: #A1A7B3;
    margin-top: 16px;
}


.page_forget_password .input-console-style {
    margin: 0;
}

.page_forget_password .go-back__link {
    float: right;
    line-height: 40px;
}

/* 步骤条 */
.page_forget_password .step-container {
    box-sizing: border-box;
    height: 64px;
    width: 100%;
    padding:  20px 30px 20px 30px;
    background: #F7F9FC;
}

.page_forget_password .circle-box {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #365FD9;
    vertical-align: middle;
    color:  #365FD9;
}

.page_forget_password .item-center {
    display: block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}

.page_forget_password .step-item__entering .circle-box {
    background-color: #365FD9;
    color: #fff;
}

.page_forget_password .step-item__pending .circle-box {
    border: 2px solid #DDE2EB;
    color: #C5CEDB;
}


.page_forget_password .step-desc {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
    color: #14161A;
}

.page_forget_password .step-item__pending .step-desc {
    color: #A3A3A3;
}

.page_forget_password .split-line {
    display: inline-block;
    width: 72px;
    height: 1px;
    background: #DDE2EB;
    background-color: #DDE2EB;
    vertical-align: middle;
    margin-right: 12px;
}
/* [i18n] */
.global-en-context .page_forget_password .split-line {
    width: 33px;
}
.global-aio-client-wrap .page_forget_password .split-line {
    width: 66px;
}

.page_forget_password .step-item__passed .split-line {
    background: #365FD9;
}

.page_forget_password .split-line.first-step {
    background: #365FD9;
}

/* 第一步 */
.page_forget_password .first-step__input-username {
    width: 300px;
}

.page_forget_password .first-input-margin-top {
    margin-top: 30px;
}

/* 第二步 */
.page_forget_password .second-input-margin-top {
    margin-top: 0;
}

.page_forget_password .security-check-tips {
    margin-top: 10px;
}

.page_forget_password .security-check-tips .tips-phone-color{
    color: #365FD9;
}

.page_forget_password .second-step__security-check {
    width: 300px;
}

.page_forget_password .second-step__security-check .code-box {
    margin: 4px 0 10px 0;
}

.page_forget_password .second-step__security-check .code-box .button-medium {
    font-size: 12px;
}

.page_forget_password .second-step__security-check .code-input {
    display: inline-block;
    width: 50%;
    height: 40px;
}

.page_forget_password .second-step__security-check .code-type-input {
    margin-top: 56px;
}

.page_forget_password .second-step__security-check .code-btn {
    display: inline-block;
    width: 40%;
    height: 40px;
    margin-left: 8%;
    vertical-align: text-bottom;
}

/* 第三步 */
.page_forget_password .third-step__set-pwd {
    margin: 36px 0 0 0;
}

.page_forget_password .third-step__set-pwd .left-box {
    box-sizing: border-box;
    display: inline-block;
    border-right: 1px solid #D8D8D8;
    height: 200px;
    padding: 0 48px 0 82px;
}

.page_forget_password .third-step__set-pwd .left-box .pwd-item {
    width: 300px;
    margin: 0;
}


.page_forget_password .third-step__set-pwd .right-box {
    margin-left: 10px;
    margin-top: 30px;
}

.page_forget_password .third-step__set-pwd .right-box {
    margin-top: 30px;
}

/* pc端样式 */
.page_forget_password .loading-mask {
    width: 720px;
    margin-top: 140px;
    height: 420px;
    opacity: .5;
    position: absolute;
    z-index: 5;
}

.page_forget_password .loading-mask-img {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -34px;
    margin-left: -22px;
}

.page_forget_password .pwd_container {
    background-color: #FFF;
    border-radius: 6px;
}


.page_forget_password .success-box {
    width: 300px;
    text-align: center;
    margin-top: 66px;
}

/*独立客户端样式适配*/
.page_forget_password .forget-password-rules-title {
    margin-bottom: 4px;
}

.page_forget_password .forget-password-content-item {
    margin-left: 10px;
}


/* 英文环境下，AIO客户端/独立客户端/PC端适配 */
.global-en-context .page_forget_password.pc-or-client .split-line {
    width: 12px;
}

.global-en-context .page_forget_password.pc-or-client .code-btn {
    width: 50%;
}

.global-en-context .page_forget_password.pc-or-client .code-input {
    width: 40%;
}

.global-en-context .page_forget_password.pc-or-client .reset-password_content--right {
    max-width: 220px;
    margin-left: 20px;
}

.global-en-context .page_forget_password.pc-or-client .second-step__security-check {
    width: 360px;
}

/* 英文环境下，移动端浏览器适配 */

.global-en-context .page_forget_password.phone-browser .code-btn {
    width: 54%;
    margin-left: 2%;
}

.global-en-context .page_forget_password.phone-browser .code-input {
    width: 42%;
}

.perm-apply-wrap {
    z-index: 1;
    position: relative;
    left: 50%;
    padding: 0 16px 32px;
    min-height: 420px;
    width: 640px;
    margin-left: -340px;
    margin-top: 250px;
}
.perm-apply__img {
    width: 239px;
    float: left;
    text-align: center;
}
.perm-apply__content {
    width: 350px;
    float: left;
    margin-left: 40px;
}
.perm-apply__date-box {
    padding-right: 5px;
}
.perm-apply__app-name {
    max-width: 115px;
    display: inline-block;
    position: relative;
    top: 5px;
}
.client .perm-apply__app-name {
    max-width: 60px;;
}
.perm-apply__content__desc {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}
.perm-apply__reason-list {
    margin-top: 10px;
    line-height: 24px;
    padding-left: 10px;
}

.perm-apply__expire-time {
    border: 1px solid #ddd;
    width: 332px;
    height: 36px;
    padding: 0px 8px;
}
.perm-apply__reason_detail {
    border: 1px solid #DDD;
    border-radius: 2px;
    width: 332px;
    padding: 8px;
    max-width: 600px;
    max-height: 120px;
    margin-top: 10px;
}
.perm-apply__button {
    margin-top: 14px;
}
.layui-laydate {
    user-select: none;
}
.perm-apply__expire-time-desc {
    float: left;
    line-height: 32px;
    color: #80848F;
}
.perm-apply__expire-time-select {
    float: left;
    width: 96px;
    border-radius: 2px;
}
.perm-apply__expire-time-choose {
    padding: 0px 8px;
    float: left;
    width: 126px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #495060;
}
.perm-apply__expire-time-choose:hover {
    border-color: #4f7cd1;
}
.perm-apply__expire-time-icon {
    margin-left: -24px;
    float: left;
    margin-top: 3px;
    position: relative;
    z-index: 1;
    pointer-events: none;
}
/*
 * perm_apply 有一个场景是嵌套在 self_apply 页面中， 下面代码是为了适配嵌入 self_apply 页面的情况
 */
.perm-apply__success_button {
    margin-top: 24px;
}

.perm-apply__success_button .button__text {
    letter-spacing: 0px;
}

.perm-apply__small__box {
    background-color: #fff;
}

.perm-apply__small__box .perm-apply-wrap {
    margin: 0px auto !important;
    margin-top: 40px !important;
    padding: 0 !important;
    min-height: 485px !important;
}

.app-mobile-screen .perm-apply__img {
    display: none !important;
}

.app-mobile-screen .perm-apply_content,
.app-mobile-screen .perm-apply-wrap {
    width: 80% !important;
}

.app-mobile-screen .perm-apply__reason_detail {
    width: 250px !important;
}

.app-mobile-screen .perm-apply__expire-time-choose {
    width: 86px !important;
}
/**
 * 客户端适配
 **/
.perm-apply-client {
    min-height: 200px;
}
.perm-apply-client__warp,
.perm-apply-client__content__container {
    border: 0;
}

.perm-apply-client__content__container {
    width: 336px;
    margin: 0 auto;
    overflow: hidden;
}

.perm-apply-client__tips__container,
.perm-apply-client__reason__container {
    margin: 0 auto;
    width: 336px;
}

.perm-apply-client__reason__container {
    min-height: 124px;
}

.perm-apply-client_container .perm-apply__img {
    margin-right: 20px;
}

.perm-apply-client_container .perm-apply__content__desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.perm-apply-client__success__container {
    margin: 0 auto;
    width: 336px;
    height: 48px;
}

.perm-apply-client__tips__container {
    border-bottom: #DDD 1px solid;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.perm-apply-client__content__container,
.perm-apply-client__success__container {
    padding-top: 24px;
}

.perm-apply-client__success__color {
    color: #1DB864;
}

.per-apply-client__icon__color {
    color: #4F7CD1;
}

.perm-apply-client__icon {
    font-size: 48px;
    margin-right: 16px;
    display: inline-block;
    line-height: 48px;
    vertical-align: top;
}

.perm-apply-client__info {
    min-height: 48px;
    width: 262px;
    display: inline-block;
    letter-spacing: 0;
}

.perm-apply-client__title {
    height: 22px;
    font-size: 16px;
    color: #0C0C0C;
}

.perm-apply-content {
    font-size: 14px;
    line-height: 20px;
    color: #80848F;
    margin-top: 6px;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 48px;
    max-height: 108px;
}

.perm-apply-client__success__button__container {
    position: relative;
    height: 94px;
}

.perm-apply-client__success__button {
    position: absolute;
    top: 46px;
    right: 24px;
}

.perm-apply-client__reason__detail {
    border: 1px solid #DDD;
    border-radius: 2px;
    width: 318px;
    height: 78px;
    padding: 8px;
    margin-top: 10px;
}

.perm-apply-client__button {
    height: 48px;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.perm-apply-client__reason__list {
    line-height: 24px;
    padding-left: 15px;
}

.perm-apply-reason__list__item {
    position: relative;
    margin-left: -10px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 8px;
}

.perm-apply-reason__list__item .perm-apply__reason-radio {
    vertical-align: text-top;
    position: relative;
    top: 2px;
}

.perm-apply-client__tip {
    margin-top: 0px;
}
.not-access-select {
    width: 124px;
}
.perm-apply-client__button__item {
    margin: 0;
    margin-right: 15px;
}
.privacy_protocol {
    width: 100%;
    height: 370px;
    box-sizing: border-box;
    overflow-y: auto;
    text-align: center;
}

/* webview下对协议适配（弹窗 -> 全屏占满，之后需要将其普及全部修改到移动端可直接复用当前样式） */
.dialog.webview-protocal {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    max-width: 100%; /* 因为这里要将dialog弹窗模拟成100宽高，这里用max-width-100覆盖掉dialog组件的80%宽度样式适配 */
}
.dialog.webview-protocal .dialog-inner {
    border-radius: 0px;
}
.dialog.webview-protocal  .dialog-content {
    height: calc(100% - 100px);
}
.dialog.webview-protocal  .privacy_protocol {
    height: 100%;
}

.reset-password_title--right .skip-button {
    color: #000;
}
.reset-password_content {
    margin: 0 24px;
}
.reset-password-client_content {
    margin: 0 8px;
}
.reset-password_content .avatar-container{
    text-align: center;
}
.reset-password_content--left {
    width: 300px;
    margin-top: 8px;
}
.reset-password_content--left .pic {
    color: #80848F;
    font-size: 56px;
}
.reset-password_content--left .pic-box {
    width: 320px;
    text-align: center;
}
.reset-password_content--left .notice-box {
    background: #FDF3E4;
    border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #EE8800;
    line-height: 20px;
}
.reset-password_content--left .notice {
    margin: 0px 16px;
}
.reset-password_content--left .avatar-container {
    width: 100%;
    height: 24px;
}
.reset-password_content--left .avatar-container .web_user_img {
    float: left;
    width: 24px;
    height: 24px;
}
.reset-password_content--left .name {
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    margin-left: 8px;
    max-width: calc(100% - 32px);
}
.reset-password_content--right {
    border-left: 1px solid #ddd;
    height: 272px;
    margin-left: 24px;
    margin-top: 8px;
}
.reset-password_content--right .rule-box {
    margin-left: 8px;
    width: 248px;
}
.reset-password_content--right .title {
    font-size: 14px;
    color: #14161B;
    letter-spacing: 0;
    margin-left: 10px;
}
.reset-password_content--right .desc {
    color: #80848F;
    width: calc(100% - 12px);
    max-height: 215px;
    overflow-y: auto;
    font-size: 12px;
    word-break: break-word;
    line-height: 16px;
}
.global-en-context .reset-password_content--right .desc {
    line-height: 16px;
}
.reset-password_content--right .content {
    margin-top: 4px;
}
.reset-password_warp .link-border {
    padding: 0px 3px;
    color: #ddd;
    user-select: none;
}
.desc{
    white-space: pre-line;
    word-break: break-all;
}
.content-center{
    padding-bottom: 1px;
}
.content-center .head-portrait{
    text-align: center;
}

.container {
    background: #fff;
    border-radius: 6px;
    z-index: 2;
    text-align: center;
}
.container .box-title {
    position: absolute;
    top: 38px;
    left: 44px;
}
.mask__box {
    width: 212px;
    height: 212px;
    position: absolute;
    left: 50%;
    margin-left: -102px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffec,endColorstr=#ffffffec);
    z-index: 5;
}
.mask__box span {
    width: 180px;
    height: 27px;
    line-height: 27px;
    background: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.20);
    border-radius: 13px;
    font-size: 14px;
    color: #000000;
    display: inline-block;
    font-weight: 600;
    margin-top: calc((218px - 27px) / 2);
}
.tips__wechat {
    transform: translateY(20px);
}
.qrcode_box {
    width: 300px;
    height: 230px;
    border-radius: 6px;
}

.box-dingding-title {
    position: absolute;
    width: 360px;
    text-align: center;
    top: 48px;
}

.auth-qr__subtitle__container {
    text-align: center;
}

.auth-qr__other__container {
    position: absolute;
    width: 360px;
    bottom: -0;
}

.auth-qr__other__img__container {
    vertical-align: middle;
}
.privacy-container {
    margin: 0;
}
.app-search {
    width: 620px;
    height: 48px;
    background: #fff;
    border-radius: 28px;
    margin-top: 50px;
    box-shadow: 0 0 8px 0 rgba(160, 167, 175, 0.26);
}
.app-setting__item {
    padding: 18px 20px 18px 0px;
}
.app-search__text-box {
    width: 620px;
    height: 48px;
    float: left;
    z-index: 1;
}
.app-search__text-box__item {
    width: 503px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    left: 67px;
    background: none;
    color: #ccc;
    font-size: 14px;
}
.app-search__text-box__item:focus {
    color: #333;
}
.app-search__txt-placeholder {
    position: absolute;
    left: 67px;
    top: 0px;
    height: 48px;
    line-height: 48px;
    z-index: -1;
    color: #495060;
    font-size: 14px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.app-search__clear-btn {
    width: 20px;
    height: 48px;
    line-height: 48px;
    position: absolute;
    right: 24px;
    color: #495060;
    opacity: 0.34;
    filter: alpha(opacity=34);
    font-size: 20px;
}
.app-search__clear-btn:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);

}
.app-search__icon {
    width: 26px;
    height: 48px;
    line-height: 48px;
    background: none;
    position: absolute;
    left: 24px;
}
.app-search__icon .iconfont {
    line-height: 48px;
    display: block;
    font-size: 26px;
    color: #495060;
    cursor: default;
}
.app-search__icon-focus .iconfont {
    color: #4D8DD9;
}
.app-status-wrap {
    margin-top: 36px;
}
.search-status__result {
    font-size: 18px;
    color: #80848F;
    margin-right: 16px;
}
.search-status__length {
    font-size: 12px;
    color: #999;
}
.search-status-img {
    margin-top: 88px;
}
.search-status-img__not_config {
    margin-top: 220px;
}
.app-menu {
    width: 34px;
    height: 34px;
    position: fixed;
    left: 40px;
    top: 123px;
    z-index: 10;
}
.mobile .app-menu {
    display: none;
}
.app-menu:hover {
    color: #4F7CD1;
}
.app-group {
    position: absolute;
    float: left;
    z-index: 2;
}
.app-content__pl {
    padding-left: 340px;
}
.app-min-screen .app-content__pl {
    padding-left: 259px;
}
/*应用列表*/
.app-item-box {
    margin-left: 18%;
    max-width: 75%;
}
.app-min-screen .app-item-box {
    margin-left: 259px;
    max-width: 872px;
}
.app-mobile-screen .app-item-box {
    margin: 0px auto;
    padding-right: 0px;
    padding-left: 0px;
}
.app-mobile-wrapper {
    width: auto;
    margin-right: 1rem;
    margin-left: 1rem;
    padding-right: 0px;
}
.app-list {
    padding-top: 40px;
    z-index: 1;
}
.app-list__title {
    font-size: 18px;
    font-weight: normal;
    color: #80848F;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    max-width: 100%;
}
.app-list__item ul {
    margin-top: 19px;
    margin-bottom: 12px;
    float: left;
}
.app-list__item li {
    width: 198px;
    height: 126px;
    float: left;
    _display: inline;
    margin-right: 16px;
    margin-bottom: 32px;
    border-radius: 6px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.app-list__item__href:active, .app-list__item__href:hover {
    color: #4F7CD1;
    box-shadow: 0 8px 8px 0 rgba(160,167,175,0.26);
}

.app-disable-click .app-list__item__href:active, .app-disable-click .app-list__item__href:hover{
    color:#495060;
    box-shadow: 0 0 8px 0 rgba(160,167,175,0.26);
}
.app-list__item__href {
    height: 128px;
    display: block;
    text-align: center;
    color: #495060;
    box-shadow: 0 0 8px 0 rgba(160, 167, 175, 0.26);
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: #fff;
}

/*动画效果不好，先注释掉*/
.app-list__item__href:active .active-animation{
    /*opacity: 0.5;
    animation: active-animation-opacity 0.4s linear 0s 1;
    -webkit-animation-fill-mode:forwards;!*让动画停在最后是这个属性，*!
    animation-fill-mode:forwards;*/
}
.active-animation {
    /*background: #fff;
    border-radius: 15%;
    width: 80%;
    height: 80%;
    position: absolute;
    top: -75%;
    left: -75%;
    display: inline-block;
    margin: 0 auto;*/
}

@keyframes active-animation-opacity{
    0% {
        transform:scale(2);
        background-color: #fff;
    }
    25% {
        transform:scale(4);
        background-color: #eee;
    }
    50% {
        transform:scale(6);
        background-color: #eee;
    }
    75% {
        transform:scale(8);
        background-color: #eee;
    }
    100% {
        transform:scale(16);
        background-color: #fff;
    }
}
.app-list__item__title {
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    width: 180px;
    padding: 16px 10px 0px 10px;
}
.app-list__item__icon {
    width: 56px;
    height: 56px;
    cursor: pointer;
    display: inline-block;
    padding-top: 16px;
}
.app-list__item__iconfont {
    line-height: 1;
    font-size: 56px;
}
.app-list__item li.app-disable-click,
.app-list__item li.app-disable-click .app-list__item__href,
.app-list__item li.app-disable-click .app-list__item__title,
.app-list__item li.app-disable-click .app-list__item__icon {
    cursor: default;
}
.app-list__item li .app-disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}
.app-list__item li .app-disabled:hover {
    border-color: #e4e4e4;
    -webkit-box-shadow: none;
    box-shadow: 0 0 8px 0 rgba(160,167,175,0.26);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.app-list__item li .app-disabled .app-list__item__href{
    color: #bbb;
    cursor: default;
}
.app-list__item li .app-disabled .app-list__item__title {
    color: #495060;
    cursor: default;
}
.app-list__item li .app-item .app-list__item__href,
.app-list__item li .app-item .app-list__item__title {
    line-height: 34px;
}
.app-list__item li .app-disabled .app-list__item__icon {
    color: #DBDDDF;
    cursor: default;
}
.app-list--not-ipad li .app-disabled .app-list__item__icon {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.app-list__item__wrap {
    max-height: 119px;
}
.app-mobile-screen .app-wrapper {
    width: auto;
    padding: 0px .5rem;
}
.app-mobile-screen .app-list__item ul {
    margin-left: 0px;
    float: none;
}
.app-mobile-screen .app-list__item li {
    /*width: 80%;*/
    margin-left: 0px;
    margin-bottom: .8rem;
}
.app-mobile-screen .app-search {
    display: none;
}
.app-setting__box__username {
    font-size: 18px;
}
@media (min-width: 640px) {
    .app-mobile-screen .app-list__item li {
        width: 40%;
        margin-right: .8rem;
        margin-bottom: .8rem;
    }
}
@media (min-width: 780px) {
    .app-mobile-screen .app-list__item li {
        width: 30%;
        margin-right: .8rem;
        margin-bottom: .8rem;
    }
}
/* 英文样式 */
.app-search--EN {
    width: 428px;
}
.app-search__type--EN {
    width: 148px;
}

.popup-menu__trigger {
    position: absolute;
    top: 4px;
    right: 0px;
    padding-right: 8px;
    padding-bottom: 20px;
}
.self-apply-wrap {
    height: 100%;
}
.self-apply-breadcrumbs {
    width: 1000px;
    height: 25px;
    padding-bottom: 10px;
}

.self-apply-breadcrumbs .self-apply-breadcrumbs_back_icon,
.self-apply-breadcrumbs .app-breakcrumbs_divider,
.self-apply-breadcrumbs .self-apply-breadcrumbs_text {
    display: inline-block;
    vertical-align: middle;
    color: #495060;
}

.self-apply-breadcrumbs .self-apply-breadcrumbs_back_icon {
    font-size: 18px;
    cursor: pointer;
}

.self-apply-breadcrumbs .self-apply-breadcrumbs_back_icon:hover {
    color: #4677C6;
}

.self-apply-breadcrumbs .app-breakcrumbs_divider {
    height: 16px;
    width: 1px;
    background-color: #D8D8D8;
    margin: 0 8px;
}

.self-apply-breadcrumbs .self-apply-breadcrumbs_text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}

.self-apply_container {
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
}

.self-apply-list_container,
.apply-item-detail_container {
    width: 1000px;
    background: #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    border-radius: 3px;
    min-height: 450px;
    margin-top: 0px;
    overflow-y: auto;
}

.self-apply-list_container .self-apply-list_wrap {
    padding-top: 8px;
    width: 100%;
}

.self-apply-list_container .self-apply-list_wrap .self-apply-item {
    height: 48px;
    margin: 8px 24px 8px 24px;
    border-bottom: #dddddd 1px solid;
}

.self-apply-item {
    padding-bottom: 8px;
}

.self-apply-item_icon_wrap {
    width: 29px;
    height: 21px;
    margin-top: 2px;
}

.self-apply-item_icon_wrap,
.self-apply-item_detail {
    float: left;
}

.self-apply-item_icon_wrap .self-apply-item_icon {
    width: 21px;
    height: 21px;
    line-height: 21px;
    margin-right: 10px;
}

.self-apply-item_detail {
    max-width: 700px;
}

.self-apply-list_nomore {
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
    padding: 10px 0;
}

.self-apply-item_detail .self-apply-item_detail_title,
.self-apply-item_detail .self-apply-item_detail_description {
    color: #43454A;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 750px;
}

.self-apply-item_detail .self-apply-item_detail_title {
    margin-top: 2px;
    margin-bottom: 8px;
    font-size: 14px;
}

.self-apply-item_detail .self-apply-item_detail_description {
    font-size: 12px;
    color: #43454A;
    margin-bottom: 8px;
    display: inline-block;
}

.self-apply-item_button_wrap {
    float: right;
    height: 48px;
    margin-top: 8px;
}

.self-apply-list_container .self-apply-item_empty_wrap {
    width: 200px;
    height: 200px;
    text-align: center;
    font-size: 12px;
    color: #80848F;
}

.self-apply-list_container .self-apply-item_empty_wrap .self-apply-item_empty_image {
    display: block;
    margin: 0 auto;
    width: 93px;
    height: 106px;
    margin-bottom: 10px;
}

/*应用列表*/
.self-apply_warp .app-search {
    margin-top: 24px;
    margin-bottom: 10px;
}
.self-apply_warp .self-apply_btn .button__text {
    letter-spacing: 0px;
}

/* 搜索结果列表宽度自适应 */
.app-mobile-screen .self-apply_warp .app-scroll .self-apply-breadcrumbs {
    width: auto;
}

.app-mobile-screen .self-apply_warp .app-scroll-box .self-apply-list_container {
    width: auto;
}

.app-mobile-screen .self-apply_warp .self-apply-item_detail_title,
.app-mobile-screen .self-apply_warp .self-apply-item_detail_description {
    margin-top: 0px;
    margin-bottom: 0px;
}

.app-mobile-screen .self-apply_warp .self-apply-item_detail_description {
    margin-top: 8px;
}

/* 显示搜索框 */
.app-mobile-screen .self-apply_warp .app-search {
    width: auto;
}

.app-mobile-screen .self-apply_warp .app-search__text-box {
    width: 100%;
}

.app-mobile-screen .self-apply_warp .app-search__txt-placeholder,
.app-mobile-screen .self-apply_warp .app-search__text-box__item {
    width: 300px;
}

.app-mobile-screen .self-apply_warp .app-wrapper {
    width: 100%;
    padding: 0px 0.5rem;
}

/* h5布局 app-list_warp self-apply-item */
.app-mobile-screen .self-apply_warp .self-apply-list_wrap .self-apply-item {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.app-mobile-screen .self-apply_warp .self-apply-item_icon_wrap {
    flex-grow: 0;
    flex-shrink: 0;
}
.app-mobile-screen .self-apply_warp .self-apply-item_icon {
    line-height: 21px;
}

.app-mobile-screen .self-apply_warp .self-apply-item_button_wrap {
    flex-grow: 0;
    flex-shrink: 0;
    width: 128px;
}

.app-mobile-screen .self-apply_warp .self-apply-item_detail {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    overflow: hidden;
    margin-right: 8px;
}

.app-mobile-screen .self-apply_warp .self-apply-item_detail_title {
    width: 100%;
    display: block;
}

.app-mobile-screen .self-apply_warp .self-apply-item_detail_description {
    margin-left: 0;
    width: 100%;
    line-height: 16px;
    height: 24px;
}

.app-mobile-screen .self-apply_warp .app-search {
    display: block;
}

.breadcrumbs_warp,
.breadcrumbs_text,
.breadcrumbs_backicon,
.breadcrumbs_backtext,
.breakcrumbs_divider,
.breadcrumbs-subitem_warp,
.breadcrumbs-subitem_item {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #495060;
}

.breadcrumbs-subitem_item {
    height: 24px;
    display: inline-block;
}
.breadcrumbs-subitem_quote {
    line-height: 24px;
}

.breakcrumbs_divider {
    height: 16px;
    width: 1px;
    background-color: #D8D8D8;
    margin: 0 8px;
}

.breadcrumbs_backicon,
.breadcrumbs_backtext {
    color: #4677C6;
    cursor: pointer;
}

.breadcrumbs_backicon:hover,
.breadcrumbs_backtext:hover {
    color: #70A3E0;
}

.breadcrumbs_text {
    font-weight: 600;
}

.breadcrumbs_subitem_icon {
    margin: 0 8px;
}

.breadcrumbs-subitem_quote {
    margin: 0 4px 0 6px;
}

.breadcrumbs-subitem_warp {
    height: 24px;
}

.breadcrumbs_lastitem {
    color: #80848F;
}

.apply-item_warp {
    width: 1000px;
    padding-top: 40px;
}

.breadcrumbs-subitem_link:hover {
    cursor: pointer;
    color: #4677C6;
}

.apply-item-detail_container {
    margin-top: 4px;
    min-height: 485px;
}

.app-mobile-screen .apply-item_warp {
    width: 100%;
}

.app-mobile-screen .apply-item-detail_container {
    width: 100%;
}



.app-body {
    height: 100%;
    background-repeat: no-repeat;
    background-color: #e9ecef;
}
.app-min-screen, .app-max-screen {
    min-width: 1110px;
}
.cl {
    clear: both;
}
.app-header {
    height: 68px;
    z-index: 2;
}
.app-header__wrap {
    z-index: 11;
}
.app-mobile-screen .app-header {
    padding-left: .5rem;
    padding-right: .5rem;
    min-width: auto;
}
.app-mobile-screen .app-logo__group-name {
    display: none;
}
.app-logo {
    float: left;
    position: relative;
    width: 46%;
    height: 40px;
    overflow: hidden;
    margin-top: 14px;
    margin-left: 24px;
}
.app-mobile-screen .app-logo {
    width: auto;
    float: left;
    padding-right: 3.5rem;
}
.app-logo__img {
    height: 40px;
    max-width: 100%;
    float: left;
}

.app-logo__group-name {
    font-size: 18px;
    line-height: 28px;
    padding-left: 12px;
    margin-top: 3px;
    margin-left: 12px;
    text-align: left;
    float: left;
}
.app-loading-bar {
    position: fixed;
    left: 0;
    top: 68px;
    height: 3px;
    background: #1BC082;
    border-radius: 1.5px;
}
.app-setting {
    float: right;
}
.app-setting__icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    float: left;
    margin-right: 6px;
    text-align: center;
    font-size: 30px;
}

.app-setting__box {
    color: #fff;
    margin-left: 6px;
    line-height: 32px;
    height: 32px;
    float: left;
}
.app-setting__arrow {
    margin-left: 12px;
    font-size: 14px;
    display: inline-block;
}
.app-setting__nav {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 68px;
    line-height: 32px;
    min-width: 160px;
    background: #fff;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 0px 0px 2px 2px;
    overflow: hidden;
}
.app-setting__nav__item {
    display: block;
    padding-left: 18px;
    padding-right: 15px;
    color: #495060;
    font-size: 14px;
    word-break: keep-all;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
}
.app-setting__nav__item:hover {
    background: #ededed;
}
.app-setting__nav__item__icon {
    margin-right: 9px;
    color: #000;
    font-size: 14px;
}
.app-head-right-btn {
    float: right;
    padding-right: 8px;
    height: 68px;
    line-height: 68px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.app-head-right-btn:hover, .app-setting__item:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.app-head-right-btn__item {
    height: 100%;
    float: right;
}
.app-head-right-btn .iconfont {
    font-size: 28px;
}
.app-change-client .app-head-right-btn__item .iconfont {
    font-size: 21px;
}
.app-head-right-btn__title {
    margin-left: 10px;
}
.app-body .dividing-line {
    width: 1px;
    height: 30px;
    background: #fff;
    margin: 19px 16px;
    float: right;
}
.global_tips {
    height: 36px;
    line-height: 36px;
    background: #FDFAF3;
    font-size: 12px;
    color: #A6660A;
    border-bottom: #F2DFC3 solid 1px;
    text-align: center;
}
.pl16 {
    padding-left: 16px;
}
.global_tips .iconfont {
    float: right;
    margin-right: 16px;
    font-size: 20px;
    color: #999;
}
/* fix */
.app-mobile-screen .app-logo {
    padding-right: 0.5rem !important;
}
.app-scroll {
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}
.app-scroll-box {
    min-height: 88.5%;
    height: auto;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.service-page-main {
    width: 1000px;
    background: #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.14);
    border-radius: 3px;
    min-height: 300px;
    overflow: auto;
}
.mobile .service-page-main {
    width: 100%;
}
.page-box-center {
    padding-top: 5%;
}

.sslvpn_tips {
    position: absolute;
    height: 100%;
    width: 100%;
}


.sslvpn_tips .sslvpn-tips_container {
    width: 320px;
    border: 1px solid #D3D7DE;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
    padding: 16px;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sslvpn_tips .sslvpn_tips-content {
    font-family: PingFangSC-Regular;
    color: #3D3D3D;
    min-height: 80px;
    max-height: 144px;
    overflow: auto;
    line-height: 16px;
    word-break: break-word;
    white-space: pre-line;
}


.sslvpn_tips .sslvpn-tips_title {
    color: #1D75E4;
    height: 24px;
    line-height: 16px;
    font-size: 16px;
    margin: 0;
}

.sslvpn_tips .tips-btn {
    margin-top: 10px;
}


.sslvpn_tips .button-light-line.button--normal {
    border-color: #1D75E4;
    color: #1D75E4;
}


.sslvpn_tips .button.button--normal {
    background-color: #1C6EFF;
}

.sslvpn_tips .button.button--normal:hover {
    background-color: #458FFF;
}

.sslvpn_tips .button.button--normal:focus {
    background-color: #0D51D9;
}
.sso_init_box {
    position: relative;
    margin: 11px 42px 40px 32px;
}

.sso_tips {
    height: 32px;
    width: 444px;
    padding: 0 16px;
    overflow: hidden;
}

.global_tips .iconfont.bell {
    margin-right: 8px;
    vertical-align: top;
    float: none;
    color: #A6660A;
    font-size: 12px;
}

.sso-tips_content {
    display: inline-block;
    height: 33px;
    width: 444px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select: none;
    line-height: 33px;
}

.sso-input_separator {
    height: 8px;
}

.sso-error-box__tip {
    margin-top: 16px;
    line-height: 15px;
    color: #ee5555;
    overflow: hidden;
}

.trust-terminal-wrapper {
    max-width: 1000px;
    margin-bottom: 20px;
}
.trust-terminal-wrapper .trust-terminal-list-box {
    padding: 11px 24px 0px 24px;
}
.trust-terminal-wrapper .trust-terminal-list__tips {
    color: #80848F;
}
.trust-terminal-wrapper .trust-terminal__item {
    height: 101px;
    padding-left: 32px;
    padding-top: 11px;
    padding-right: 240px;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.trust-terminal-wrapper .trust-terminal__type-icon {
    width: 22px;
    font-size: 24px;
    position: absolute;
    left: 0px;
    top: 10px;
}
.trust-terminal-wrapper .trust-terminal__online-status {
    width: 10px;
    height: 10px;
    background: #02AE63;
    display: inline-block;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.trust-terminal-wrapper .trust-terminal__online-status--offline {
    background: #ddd;
}
.trust-terminal-wrapper .trust-terminal__title {
    padding-right: 100px;
    line-height: 22px;
}
.trust-terminal-wrapper .trust-terminal__title-text {
    font-size: 16px;
    display: inline-block;
    max-width: 88%;
}
.trust-terminal-wrapper .trust-terminal__machine-name {
    background: #4D8DD9;
    border-radius: 5px;
    color: #fff;
    padding: 0px 8px;
    display: inline-block;
    position: relative;
    top: -7px;
}
.trust-terminal-wrapper .trust-terminal-list-empty {
    margin-top: 10%;
}
.trust-terminal-wrapper .trust-terminal__btns {
    position: absolute;
    right: 0px;
    top: 33px;
}
.mobile .trust-terminal-wrapper {
    padding-left: 8px;
    padding-right: 8px;
}
.mobile .trust-terminal__btns {
    position: initial;
    margin-top: 5px;
    margin-bottom: 10px;
}
.mobile .trust-terminal__item {
    padding-right: 0px;
    height: auto;
}
.mobile .trust-terminal__title {
    padding-right: 0px;
}
.mobile .trust-terminal__title-text {
    max-width: calc(100% - 102px);
}
.trust-terminal-wrapper .trust-terminal__addr-icon,
.trust-terminal-wrapper .trust-terminal__time-icon {
    position: relative;
    top: 2px;
}
.trust-breadcrumbs {
    margin-top: 30px;
    margin-bottom: 10px;
}
.trust-breadcrumbs__operate-text {
    color: #495060;
    margin-left: 3px;
}
.trust-breadcrumbs__text {
    color: #80848F;
    margin-left: 3px;
}
.tabpanel-main {
    overflow: auto;
    padding-bottom: 20px;
}
.add-trust-terminal-wrap {
    box-sizing: border-box;
    background: #fff;
}
.add-trust-terminal-main {
    height: 96px;
    margin-bottom: 26px;
}
.trust-terminal-contraint-wrap {
    padding: 24px;
    min-height: 290px;
    background: #fff;
}

.trust-terminal-contraint-wrap .trust-terminal-head-icon {
    width: 48px;
    height: 48px;
}
.trust-terminal-contraint-wrap .trust-terminal-head-desc {
    font-size: 16px;
    color: #1C2438;
    position: relative;
    top: -10px;
    margin-left: 16px;
}
.trust-terminal-contraint-wrap .client-list-wrap {
    margin-top: 16px;
}
.trust-terminal-contraint-wrap .client-list-wrap li {
    margin-top: 8px;
    padding: 5px 30px 5px 0px;
    padding-left: 48px;
    height: 67px;
    background: #fff;
    color: #495060;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    position: relative;
    line-height: 21px;
}
.client-list-item {
    height: 21px;
}
.trust-terminal-contraint-wrap .trust-terminal-contraint__type-icon {
    width: 22px;
    font-size: 24px;
    position: absolute;
    left: 10px;
    top: 22px;
}
.trust-terminal-contraint__name {
    max-width: 93%;
    display: inline-block;
}
.trust-terminal-contraint__curr-device {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 20px;
    background: #4D8DD9;
    border-radius: 5px;
    color: #fff;
    margin-left: 10px;
}
.trust-terminal-contraint-wrap .client-list-wrap .client-list__type-icon {
    position: absolute;
    left: 10px;
    top: 16px;
    font-size: 28px;
}
.client-list__checkbox {
    position: absolute;
    right: 11px;
    top: 29px;
}
.trust-terminal-contraint__client.trust-terminal-contraint-wrap {
    margin-top: -50px;
}
.trust-terminal-contraint__web .client-list-box {
    padding-bottom: 15px;
}
.trust-terminal-contraint__client .trust-terminal-head-icon {
    width: 3rem;
    height: 3rem;
}
.trust-terminal-contraint__client .client-list-wrap {
    background: #F8F8F8;
    padding: 8px;
    border: 1px solid #DDDDDD;
    padding-top: 0px;
}
.mobile .trust-terminal-contraint-wrap {
    padding: 10px;
}
.trust-terminal-contraint__client.trust-terminal-contraint-wrap .trust-terminal-head-desc {
    display: inline-block;
    width: calc(100% - 70px);
    top: 2px;
}
.mobile .trust-terminal-contraint__web.trust-terminal-contraint-wrap .trust-terminal-head {
    display: flex;
}
.trust-terminal-contraint__client .client-list-wrap {
    height: 263px;
    overflow: auto;
}
.trust-terminal-contraint__client .trust-terminal-contraint__name,
.mobile .trust-terminal-contraint__name {
    max-width: 190px;
}
/* common */
.update_client_pc .update-client-content__title {
    font-size: 30px;
    color: #4E6484;
    margin-top: 30px;
    text-align: left;
}
.update_client_pc .update-client-content__detail {
    width: 264px;
    font-size: 14px;
    margin: 16px 0 0;
    color: #80848F;
    text-align: left;
}
/* 升级询问 */
.update-client-query {
    padding: 0 34px 34px 34px;
    text-align: center;
    position: relative;
}

.update-client-query__content {
    margin-bottom: 20px;
}

/* 升级中 */
.update-client-updating {
    padding: 0 32px 34px 34px;
    text-align: center;
}
.update-client-updating__logo {
    width: 88px;
    height: 93px;
}
/* 升级失败 */
.update-client-failed {
    text-align: center;
    padding: 0 32px 33px;
    min-height: 210px;
}
.update-client-failed__logo img {
    width: 88px;
    height: 88px;
}
.update-client-failed__content {
    padding: 0 18px;
}


.client-update-background {
    position: absolute;
    right: -33px;
    top: 23px;
    z-index: -1;
}


.update-client-button:first-child {
    margin-left: 0;
}

.update-client-query__btn {
    margin-bottom: 20px;
    text-align: left;
}

.update-client-button {
    display: inline-block;
    width: 104px;
    margin-left: 8px;
}

.client-updating-background {
    position: absolute;
    bottom: -775px;
    left: -375px; 
}


.update-client-failed_btn {
    padding: 0 18px;
    text-align: left;
}

.update-client-updating .update-client-content__title, 
.update-client-updating .update-client-content__detail {
    text-align: center;
}
.update_check-wrap {
    width: 400px;
    margin-top: -150px;
    margin-left: -200px;
}
.update_check-wrap img {
    width: 233px;
}
.update_check-wrap .acl_title {
    font-size: 24px;
    color: #495060;
    line-height: 32px;
}
.update_check-wrap .acl_subtitle {
    font-size: 14px;
    color: #80848F;
    line-height: 20px;
}
.user-info-wrap {
    height: 100%;
    margin-top: 24px;
}
.user-info-breadcrumbs {
    width: 1000px;
    height: 25px;
    padding-bottom: 10px;
}

.user-info-breadcrumbs .user-info-breadcrumbs_back_icon,
.user-info-breadcrumbs .app-breakcrumbs_divider,
.user-info-breadcrumbs .user-info-breadcrumbs_text {
    display: inline-block;
    vertical-align: middle;
    color: #495060;
}

.user-info-breadcrumbs .user-info-breadcrumbs_back_icon {
    font-size: 18px;
    cursor: pointer;
}

.user-info-breadcrumbs .user-info-breadcrumbs_back_icon:hover {
    color: #4677C6;
}

.user-info-breadcrumbs .app-breakcrumbs_divider {
    height: 16px;
    width: 1px;
    background-color: #D8D8D8;
    margin: 0 8px;
}

.user-info-breadcrumbs .user-info-breadcrumbs_text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
}
.user-info_content {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    height: 622px;
}
.user-info-tag {
    width: 3px;
    height: 12px;
    border-radius: 2px;
    background: #143DB8;
    margin-left: 16px;
    margin-right: 3px;
}
.user-info_title {
    font-size: 14px;
    color: #14161A;
    font-weight: bold;
    margin-top: 16px;
}
.user-info_table {
    margin-top: 12px;
}
.user-info_line {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #8D98AA;
    margin-left: 16px;
    margin-right: 16px;
}
.user-info_line--border {
    border-bottom: 1px solid #ECEEF5;
}
.user-info_word--left {
    padding-left: 16px;
    width: 134px;
    float: left;
}
.user-info_word--right {
    float: left;
    font-size: 14px;
    color: #14161A;
    max-width: 550px;
}
.user-info_word--reset {
    float: right;
    padding-right: 24px;
}
.user-info_title--second {
    margin-top: 40px;
}

.user-reset-password__content {
    background: #ffffff;
    border: 1px solid #DDDDDD;
    -webkit-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -moz-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -ms-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    -o-box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    box-shadow: 1px 0 8px 0 rgba(140,140,140,0.19);
    width: 310px;
    height: 100%;
}
.user-reset-password__content .title-content {
    letter-spacing: 0;
    line-height: 44px;
    font-weight: bold;
    padding: 0px 16px;
}
.user-reset-password__content .title {
    font-size: 16px;
    color: #14161A;
}
.user-reset-password .reset-password__input {
    width: 182px;
}
.user-reset-password .reset-password__title {
    font-size: 12px;
    color: #8D98AA;
    width: 60px;
}
.user-reset-password .form{
    padding: 32px 32px 0px 32px;
}
.user-reset-password .reset-password__item {
    margin-bottom: 16px;
}
.password-title {
    font-size: 12px;
    color: #8D98AA;
}
.user-reset-password .rule-box {
    padding: 16px 16px 16px 32px;
}
.user-reset-password .desc{
    width: 226px;
}
.reset-password__footer {
    position: absolute;
    bottom: 12px;
    margin-left: 16px;
}
.reset-password__footer--button {
    width: 88px;
    height: 32px;
}
.reset-password__footer .button-right {
    margin-left: 8px;
}
.user-info-error {
    margin-left: 10px;
    line-height: 18px;
    color: #ee5555;
    height: auto;
    white-space: normal;
}
.user-info-error-msg {
    padding-left: 20px;
}
.user-info-line {
    border-bottom: 1px solid #E0E0E0;
    padding-top: 8px;
}
/**
**   控制台登录页面皮肤
*/
.console-login,
.console-login__left,
.console-login__right,
.console-login-notice__title,
.console-login__bu,
.console-login-panel {
    transition: all .3s ease;
}

.console-login {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.console-login__left,
.console-login__right {
    height: 100%;
    z-index: 1;
}

.console-login__left {
    margin-right: 768px;
}

.console-login__right {
    float: right;
    width: 768px;
    height: calc(100% - 80px);
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    padding-top: 80px;
}

.console-login-notice__title {
    line-height: 1.2;
    font-size: 50px;
    margin: 26% 12% 0;
    font-weight: 700;
}

.console-login-notice__content {
    max-width: 600px;
    font-size: 24px;
    font-weight: lighter;
    line-height: 30px;
    margin: 24px 12% 0;
    opacity: 0.6;
    font-size: 20px;
}

.console-login__bu {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 2;
    width: 748px;
    height: 80px;
    padding: 20px 20px 0 20px;
    background: #fff;
    box-sizing: border-box;
}

.console-login__bu_operation {
    float: right;
    height: 60px;
    width: 48px;
}

.console-login-panel__switch {
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.console-login-panel__switch span {
    display: none;
}

.console-login-panel__switch:hover span {
    display: block;
    position: absolute;
    top: 12px;
    left: -106px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    color: #A6660A;
    background: #FDFAF3;
    border: 1px solid #F2DFC3;
    text-align: center;
}

.console-login-panel__switch:hover span:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 98px;
    padding: 0.2em;
    background-color: inherit;
    border: inherit;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
}

.console-qrcode_img {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/qrcode_btn.png');
}

.console-qrcode_img:hover {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/qrcode_active_btn.png');
}

.console-pwd_img {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/pwd_btn.png');
}

.console-pwd_img:hover {
    background-image: url('https://vpn.rizhaosteel.com/portal/images/pwd_active_btn.png');
}

.console-login__bu_logo {
    height: 60px;
    width: 205px;
    float: left;
    background: url('https://vpn.rizhaosteel.com/portal/images/bu_logo.png') no-repeat 0;
}

.console-login-panel {
    width: 500px;
    margin: 74px auto 126px;
}

.console-login__product_logo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.console-login__product_logo img {
    width: 80px;
    height: 80px;
}

.console-login__product_name {
    font-size: 20px;
    padding-left: 30px;
}

.console-login__top_content {
    margin-top: 24px;
    margin-bottom: 8px;
    text-align: center;
}

.console-login__device--subtitle {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.console-login__device--subtitle .name {
    padding-left: 12px;
    padding-right: 12px;
    color: #000000;
    background: #F5F7FA;
    border-radius: 10px;
}

.console-login__product_version {
    font-size: 12px;
    position: relative;
    cursor: pointer;
    margin-left: 8px;
    color: #4A5060;
}

.console-login__product_version-details-icon {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 10px;
    height: 10px;
    background: #fff;
    cursor: default;
    z-index: 2;
}

.console-login__product_version-details {
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: calc(100% + 6px);
    min-width: 200px;
    max-width: 400px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    cursor: default;
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    font-size: 12px;
    text-align: left;
    max-height: 300px;
    overflow: auto;
}

.console-login__product_version:hover .console-login__product_version-details,
.console-login__product_version:hover .console-login__product_version-details-icon {
    display: block;
    opacity: 100;
}

.console-login__product_version-details>.version {
    white-space: pre;
    user-select: all;
}

.console-login__auth_panel {
    margin: 32px auto 0;
}

.console-login__panel_tab {
    height: 40px;
    margin-top: 40px;
    background: #F7F9FC;
    border-radius: 4px;
    line-height: 40px;
}

.console-login__panel_tab ul {
    margin: 0 auto;
    text-align: center;
}

.console-tabpanel-header__item {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #9099A5;
    width: 80px;
    margin-right: 60px;
    cursor: pointer;
}

.console-tabpanel-header__item:last-child {
    margin-right: 0;
}

.console-tabpanel-header__item-activate {
    color: #214ED9;
    vertical-align: bottom;
}

.console-tabpanel-header__item-activate-line {
    width: 30px;
    height: 3px;
    background: #214ED9;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 4px;
}

.console-login-panel__body {
    margin: 0 auto;
}

.console-login__footer {
    height: 46px;
    position: absolute;
    z-index: 2;
    width: 748px;
    right: 20px;
    bottom: 0;
    background-color: #fff;
}

.console-login__copyright {
    width: 235px;
    height: 22px;
    margin: 0 auto;
}

.console-login .button-medium {
    height: 50px;
}

.console-login-panel__footer {
    margin-top: 16px;
    text-align: center;
}

@media screen and (max-width: 1440px) {
    .console-login__left {
        margin-right: 546px;
    }

    .console-login__right {
        width: 546px;
    }

    .console-login__bu {
        width: 526px;
    }

    .console-login-panel {
        width: 400px;
    }

    .console-login__footer {
        width: 526px;
    }

    .console-login-notice__title {
        font-size: 32px;
    }

    .console-login-notice__content {
        max-width: 400px;
        font-size: 16px;
    }

    .console-login__product_logo {
        width: 64px;
        height: 64px;
    }

    .console-login__product_logo img {
        width: 64px;
        height: 64px;
    }
}

@media screen and (max-width: 960px) {
    .console-login__left {
        display: none;
    }

    .console-login__right {
        width: 100%;
    }

    .console-login__bu {
        width: 100%;
        padding-left: 40px;
    }

    .console-login__footer {
        width: 100%;
    }
}

/* 适配样式 */

@media screen and (max-width: 640px) {
    .auth_wrapper {
        padding: 0;
        padding-bottom: 32px;
        min-height: 0;
    }
    .web_adaptive_wrapper {
        background-image: none;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        position: relative;
        overflow-y: auto;
    }
    .third-auth-wrap {
        position: relative;
        width: auto;
        right: 0;
        left: 0;
        margin: 0 20px;
        height: auto;
        max-height: none;
        border: none;
        box-shadow: none;
        border-radius: 0; 
    }
    .go-back {
        display: block;
    }
    .third-auth-wrap .third_auth_header {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .third-auth-wrap .third_auth_header .title {
        font-size: 24px;
        font-weight: 600;
        margin-left: 0;
        width: 100%;
    }
    .third-auth-wrap .third_auth_header .reset_password-title {
        font-size: 24px;
        font-weight: 600;
        width: 80%;
    }

    /* 每个认证的PC页面返回首页隐藏 */
    .go-back__a {
        display: none;
    }
    .page-content-show {
        display: block;
        font-size: 14px;
        margin-bottom: 24px;
    }
    .alert-wrapper {
        font-size: 13px; /* alert提示内的字号放大 */
    }
    .alert-wrapper-phone {
        color: #333;
        background: #FFF;
    }
    .third-auth-wrap .third-auth-opt-btn {
        width: 100%;
    }
    .third-auth__warn-tips-box {
        max-width: 100%;
    }
    .third-auth__warn-tips-text {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .third-auth-wrap .include-box__button {
        margin-top: 24px;
    }
    .third-auth-wrap .include-box__button button {
        height: 48px;
    }
    .third-auth-wrap .input-login-style .input-column-name {
        left: 0;
    }
    .third-auth-wrap .input-login-style .input-txt {
        text-indent: 0;
    }

    /* 左右布局在640px下转上下布局 */
    .page-content-container {
        padding: 0;
        margin: 0;
    }
    .page-content--top {
        width: 100%;
        float: none;
    }
    .page-content--bottom {
        margin: 0;
        margin-top: 24px;
        height: auto;
        width: 100%;
        float: none;
    }

    /* totp个性化 */
    .join-totp__pwd-title {
        font-size: 12px;
        margin-bottom: 8px;
        margin-top: 32px;
    }
    .join-totp__pwd-box {
        padding: 0;
    }
    .join-totp__pwd-item {
        padding-left: 0;
        width: 358px;
        margin-bottom: 40px;
        margin-left: -3px;
    }
    .join-totp__pwd-bg {
        left: 7px;
        width: 328px;
    }
    .join-totp__pwd {
        letter-spacing: 33px;
        text-indent: 18px;
    }
    .join-totp__pwd-bg__item {
        margin-right: 8px;
    }
    .join-totp__pwd-bg__hide-focus {
        width: 15px;
    }
    .binding-totp-opt-btn {
        padding-bottom: 0;
        text-align: center;
    }
    .bind-totp__btns {
        margin-top: 0;
        float: none;
    }
    .totp-bottom-content {
        margin-left: -14px;
    }
    .binding-totp-opt-btn .totp_btn, .totp_btn, .bind-totp__btns .totp_btn {
        width: 100%;
        margin-bottom: 24px;
        margin-top: 40px;
    }
    .binding-totp-opt-btn .totp_btn:last-child, 
    .totp_btn:last-child, 
    .bind-totp__btns .totp_btn:last-child {
        margin-bottom: 0;
    }
    .totp_btn button {
        width: 100% !important;
        height: 48px;
    }
    .back-btn {
        margin-top: 0;
        margin-bottom: -24px;
    }
    .join-totp__auth-btns {
        margin-right: 0;
    }
    .join-totp__main {
        padding: 0;
    }
    .join-totp__server-tips {
        margin: 16px 32px 0;
    }
    .join-totp__content {
        height: auto;
        padding-top: 32px;
        padding-bottom: 0;
    }
    .bind-totp__main {
        padding: 0;
        padding-left: 14px;
    }
    .bind-totp__client-list {
        margin-left: 0;
        display: inline-block;
    }
    .bind-totp--support-app {
        display: block;
        text-align: center;
        float: left;
        margin-right: 8px;
    }
    .bind-totp__client-name {
        margin-left: 0;
    }
    .bind-totp__client-list .bind-totp__client-icon {
        margin-left: 0;
        top: 7px;
    }
    .bind-totp__info-gap {
        display: none;
    }
    .bind-totp__user-info {
        float: left;
        width: 100%;
        margin-top: 24px;
    }
    .bind-totp__question-btn {
        margin-left: 0;
    }

    /* 短信个性化 */
    .sms-container {
        width: 100%;
    }

    /* 重置密码个性化 */
    .reset-password_content--right {
        border: none;
    }
    .reset-password_content--right .rule-box {
        margin: 0;
        width: 100%;
    }
    .skip-button-phone {
        font-size: 16px;
        color: #3366FF !important;
    }

    /* 非认证页面布局 - 信息警告页面 */
    .common-info-page-container {
        width: auto;
        position: static;
        padding: 0 16px;
        margin: 0;
        margin-top: 20px;
    }
    .common-info-page-content {
        display: block;
    }
    .common-client_info_acl {
        width: auto !important;
    }
    .common-info-page-title {
        /* 后续统一规范时，去掉important - todo zxz */
        font-size: 24px !important;
        color: #495060 !important;
        text-align: center;
        line-height: 32px;
        font-weight: bold;
        display: block;
        max-width: none !important;
    }
    .common-info-page-textarea {
        width: 100% !important;
    }
    .common-info-page-desc {
        font-size: 14px !important;
        color: #80848F !important;
        word-wrap: break-word;
        word-break: break-all;
    }
    .common-info-page-btn-container {
        position: relative;
        bottom: 0;
        margin-top: 75px;
    }
    .common-info-page-btn-container .button,
    .common-info-page-btn-container button,
    .common-info-page-btn-container .common-info-button {
        width: 100% !important;
        height: 48px !important;
        font-size: 16px;
        line-height: 48px !important;
        margin-bottom: 20px; 
    }

    .common-info-page-btn-container .button:last-child,
    .common-info-page-btn-container button:last-child,
    .common-info-page-btn-container .common-info-button:last-child {
        margin-bottom: 0; 
    }

    /* 授信终端认证个性化 */
    .page_auth_trust_terminal .info-img {
        width: 184px;
        display: block;
        margin: 0 auto;
        margin-bottom: 24px;
    }
    .page_auth_trust_terminal .tip-img {
        display: none;
    }
    .page_auth_trust_terminal .inline-block {
        display: block;
    }
    .page_auth_trust_terminal .no-install-client,
    .page_auth_trust_terminal .terminal-ml-20,
    .page_auth_trust_terminal .no-install-client .install-client__box,
    .page_auth_trust_terminal .desc-info,
    .page_auth_trust_terminal .apply-trust-terminal,
    .page_auth_trust_terminal .terminal-auth__pc-box .confirm-apply-success,
    .page_auth_trust_terminal .add-terminal-error,
    .trust-terminal-contraint-wrap .trust-terminal-head-desc {
        margin: 0;
    }
    .page_auth_trust_terminal .not-add-terminal {
        width: 100%;
    }
    .page_auth_trust_terminal .footer-btn {
        position: static;
        width: auto;
    }
    .page_auth_trust_terminal .desc-info {
        max-width: none;
    }

    /* 防中间人按钮个性化 */
    .info_middle_attack--button {
        width: 100%;
    }

    /*acl策略界面(链接超过宽度换行)*/
    .info_acl a {
        word-wrap:break-word;
        word-break:break-all;
        overflow: hidden;
    }
}