/*
base style sheet
version:2014/08/11(v0.0.0.1)
update :2014/11/11(v0.0.0.5) qbrao
website:http://www.grandstream.cn/
*/
@font-face {
    font-family: 'Open Sans';
    /* src: url('ProximaNova-Regular.otf') format('embedded-opentype'); */
    src: url('opensans-regular-webfont.woff');
    font-style: normal;
    font-weight: normal;
}
/*@font-face{*/
    /*font-family: 'Han Sana';*/
    /*src: url('SourceHanSansCN-Regular.woff') format("woff");*/
/*}*/
body{ overflow: auto; background: #fff; color:#333;position: absolute;top: 0;left: 0;right: 0;bottom: 0; min-width: 1360px;min-height: 600px;}
/*body{position: absolute;top: 0;left: 0;right: 0;bottom: 0;*/
/*}*/
body,h1,h2,h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre,fieldset, legend, button, input, textarea,form,th, td {margin:0;padding:0;}
/*arial Tahoma Verdana*/
body,button, input, select, textarea {font: 14px/1.5 'Open Sans', 'Arial', 'SimHei', sans-serif;}
/*body,button, input, select, textarea {*/
    /*font-family: "proxima-nova","Helvetica Neue","HelveticaNeue",Helvetica,Arial,"Lucida Grande","\5fae\8f6f\96c5\9ed1",sans-serif;*/
    /*font-size: 14px;*/
/*}*/
/* Remove IE's “clear field” X button */
input::-ms-clear {display: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address, cite, dfn, em, var { font-style: normal; }
code,kbd,pre,samp,tt { font-family: "Courier New", Courier, monospace; }
small{ font-size: 12px; }
ul,ol{ list-style: none; }
a{text-decoration: none; color: #2395C4;cursor: pointer}
a:hover{ color: #0178a9; text-decoration: underline;}
q:before, q:after{ content:'';}
legend { color: #000; }
fieldset, img, iframe{ border: none; }
button, input, select, textarea {font-size: 100%;}
button{cursor: pointer}
textarea{resize:none;}
table { border-collapse: collapse; border-spacing: 0;}
hr { border: none; height: 1px;}
a , input , textarea , button {outline:none;}
input{color: #333;}
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder , textarea::-moz-placeholder{ color:#999;}
input:-ms-input-placeholder , textarea:-ms-input-placeholder{ color:#999;}
input[type="reset"]::-moz-focus-inner, /* 防止input中文字不居中 */
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
input , textarea{
    border: 1px solid #D0D3DB;
    border-radius: 3px;
    height: 23px;
    line-height: 23px;
    padding: 4px 7px;
}
.clear{display: block; clear: both; height: 0; overflow: hidden; font-size: 0;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:''; clear: both; height: 0;}

.w-1000{ width: 1000px; position: relative; margin: 0 auto;}
.search-btn a b , .tool-box b , .files-freeze-ico ,.filter-top ul li b , .upload em ,.files-list ul li em ,.viewed-files ul li em ,.page-pre b , .page-next b , .control-box ul li , .arr-title , .share-record-title .arr-title , .progress-status i , .share-people .ico-add-people , .up-cancel , .m-ico ,/* files */
.btn-add-people , .advanced-box h3 p b, .btn-repeat s, .btn-repeat-fixed s , .joiner-item span.del , /* meeting schedule */
.btn-more-filter b, .btn-meeting-calendar a i , .btn-meeting-search a , .meeting-hour b , .ico-border , .code-img b , .btn-meeting-del , .meeting-list-main .meeting-tool .tool-bar .ico-edit , .ico-repeat-meeting , .ico-repeat-meeting-x , .fc-toolbar .fc-icon , .meeting-list-main .meeting-tool .meeting-status b , .meeting-history-main .meeting-info dl dd span i , .btn-schedule-meeting,/* meeting */
.btn-exchange , .steps ol li b , .bulletin-list ul li .ico-del , /* set */
.meeting-status b , .tool-bar .btn-meeting-del, .meeting-side-tool .tool-bar b , .meeting-side-tool .tool-bar .ico-edit , .meeting-side-tool .tool-bar .ico-cancel , .meeting-detail-box h2 .ico-repeat-meeting , .meeting-joiner-box span i , .ico-down-arr , .ico-up-arr ,/* meeting detail */
.contacts-group-div .change-group-div span.ico-change-group , .group-tool span , .group-sure-cancel span , .btn-add-item , .btn-del-item , .ico-group-arr , .name-rank b , .contacts-title a , /* contacts */
.ico-success , .ico-warn , .msg-box i , /* pop */
.alert-close , .plan-alert-close,/* alert-box */
.pop-close-ico , .pop-close-ico-alert , .icons , .arr-box .ico-arr , .selectbox .ico-arr , .ico-txt-right , .tip-box b  /* base */
{ display: inline-block; position: relative; width: 18px; height: 18px; background:url(../img/base/ico.png) no-repeat;}
li b , div b , label b , button b , span button , span b , td b , th b{
    background-image: url("../img/icon.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
}
.top-bar{ position:relative; top:0; left: 0; z-index: 2; width: 100%; min-width: 1000px; height: 50px; padding: 20px 0; background: #21446d;}
.top-bar .w-1000{z-index: 2;}
.logo{ float: left; height: 25px;  margin: 15px 40px 0 40px; max-width: 730px;}
.user-info{ position: relative; float:right; max-width: 215px; height: 39px; padding: 5px 0 20px; zoom:1;}
.user-info:hover .user-hide-panel{display:block;}
.top-user-img { display: inline-block; position:relative; width: 36px; height: 36px; border:2px solid #557a97; border-radius:19px; vertical-align: middle;}
.top-user-img img{ width: 36px; height: 36px; vertical-align: bottom; cursor: pointer; border-radius:19px;}
.top-user-img b.ico-vip{display: inline-block; position: absolute; top: -5px; right:-18px; width: 30px; height: 16px; line-height: 16px; text-align: center; border-radius: 2px; color: #fff; font-weight: 400; background: #f36705;}
.top-user-name{ display:inline-block; position: relative; top:8px; max-width: 160px; padding:0 0 0 6px; color:#fff; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap: normal;}
.msg_ico{ position: absolute; top: -5px; right: -5px; cursor: pointer; }
.msg_ico a{display: block; width: 18px; height: 18px; zoom:1;}
.msg_ico b{display: block; position: absolute; width: 18px; height: 18px; line-height: 18px; background: #ff5a00; border-radius: 9px; text-align: center; color: #fff; font-weight: 400; font-size: 12px;}

.user-hide-panel{ display: none;  position: absolute; top:50px; left:0; width: 110px; background: #fff; border:1px solid #c1c1c1; border-radius: 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.user-hide-panel ul li{ position: relative; height: 28px; line-height: 28px;}
.user-hide-panel ul li a{display: block; padding: 0 0 0 8px; border-radius: 3px; color: #666;}
.user-hide-panel ul li a:hover{ background: #dcf2fc; text-decoration: none;}
.user-hide-panel ul li a b{ display: none; position: relative; left: 5px; top: -1px; width: 6px; height: 6px; border-radius: 6px; background: #ff5a00;}

.nav{ float: left; height: 36px; line-height: 36px;  font-size: 16px;}
.nav ul li{ float: left; margin:0 40px 0 0;}
.nav ul li a{ display:block; font-size: 16px; color: #a6def9;}
.nav ul li a:hover{ color: #fff; text-decoration: none;}
.nav ul li a.current{ height: 34px; line-height: 34px; border-bottom:2px solid #fff; overflow: hidden; font-weight: 700; color: #fff;}

.btn-join-meeting{ float: right; height: 30px; padding: 10px 0 0; margin: 0 10px 0 0;}
.btn-join-meeting a{ display: block; padding: 0 8px; line-height: 30px; border-radius: 2px; text-align: center; color: #fff; background: #1f7dcb;}
.btn-join-meeting a:hover{text-decoration: none; background: #258de4;}

.top-bar .bg-left , .top-bar .bg-right{ display: block; position: absolute; z-index: 1; top:0; width: 1000px; height: 90px; background-image:url(../img/base/top-bg.jpg);}
.top-bar .bg-left{ background-position: 0 0; left: 0;}
.top-bar .bg-right{ background-position: 0 -90px; right: 0;}

.main{ position: relative; z-index: 1; min-height: 675px; padding: 0 0 1px; background: #fff;}
.bottom{ background: #3d434b;}
.bottom-menu{ padding: 0 0 0 50px;}
.bottom-menu dl { float: left; padding: 16px 180px 0 0;}
.bottom-menu dl.last-menu{ padding-right: 0;}
.bottom-menu dl dt { width:180px; height: 40px; line-height: 40px; margin: 0 0 5px ; border-bottom: 1px solid #666b71; color: #fff;}
.bottom-menu dl dd a{ color: #9d9fa2;}

/* top login reg */
.top-login-reg{ float: right; padding: 14px 0 0; color: #71b1d7;}
.top-login-reg a{ margin: 0 8px; color: #71b1d7;}

/* alert word-break:break-all;*/
.alert-box,.alert-box-guide{position:fixed; top: 50%; left:50%; z-index: 1101;  min-width: 480px; background: #fff; border-radius: 4px; box-shadow: 0 0 8px rgba(9,2,4,.45);  word-wrap:break-word;}
.alert-title { height: 48px; line-height: 48px; color: #fff; border-radius: 3px 3px 0 0; text-align: center; font-size: 16px;padding: 0 20px}
.alert-title p{border-bottom: 1px solid #ccc;color: #1d75a8;line-height: 48px;font-size: 18px;text-transform: capitalize;}
/*.alert-close{ position: absolute; right:8px; top: 8px; background-position:-72px -90px; cursor: pointer;}*/
.alert-close,.plan-alert-close{z-index:1000; height: 15px;width: 15px ;position: absolute; right:20px; top:20px;background:url(../img/icon.png) no-repeat; background-position:-756px -186px; cursor: pointer;}
.alert-close:hover,.plan-alert-close:hover{background-position:-838px -186px;}
.alert-bg{position: absolute; top:0; right:0;left: 0;bottom: 0; overflow: auto; z-index: 1100; background:#000; opacity:.4; filter:alpha(opacity=40);}
.alert-main{ position: relative; padding: 0px 40px 25px;}/*margin-top: 20px;*/
.alert-content{ position: relative; padding-top: 20px; }
.alert-mh{width: 420px;text-align: center;}
/*.alert-mh{min-height: 117px;}*/
.alert-tips{ padding: 0 0 26px; line-height: 24px;}
.alert-tips-txt{ padding: 0 0 0 29px;}
.alert-bottom { text-align: center; padding:0px 20px 25px;}
.alert-bottom span {display: inline-block; min-width: 90px; margin: 0 10px;line-height: 36px;}
.alert-bg-opacity{opacity: 0 !important;filter: alpha(opacity=0) !important;}
.alert-bg-guide-plan{position: absolute; top:0; right:0;left: 0;bottom: 0; overflow: auto; z-index: 1100; background:#000; opacity:.4; filter:alpha(opacity=40);}
/*alert添加title背景色为white的样式*/
.alert-title-white{height: 40px; line-height: 40px; border-radius: 3px 3px 0 0; background: #fff;text-align: center; font-size: 16px;}
.alert-title-white p{font-size: 16px;font-weight: bold;line-height: 40px;padding: 0 26px;text-align: left;}
.alert-title-white .alert-close{position: absolute;   right: 10px;  top: 15px;width:20px;height: 20px; background-image:url("../img/icon.png");background-position:-45px -172px; cursor: pointer;}
.alert-title-white .alert-close:hover{background-position:-80px -172px;}
.alert-title-white .alert-close:active{background-position:-115px -172px;}
.ico-success{ float: left; width: 24px; height: 24px; background-position: 0 -144px; vertical-align: middle; }
.ico-warn{ float: left; width: 24px; height: 24px; background-position: -24px -144px; vertical-align: middle; }

/*loading*/
.loading-bg{
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1198;
    background: none repeat scroll 0% 0% #000;
    opacity:.4; filter:alpha(opacity=40);
    left: 0;
    bottom: 0;
}
.loading-bg-opacity{opacity: 0 !important;filter: alpha(opacity=0) !important;}
.loading-box{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1199;
}
.loading-with-content-box{
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 3px;
    box-shadow: 0px 0px 12px rgba(9, 2, 4, 0.45);
    word-break: break-all;
    word-wrap: break-word;
}
.loading-no-content-box{
}
.loading-box .content-text{
    padding: 15px 120px;
    text-align: center;
 }
.loading-box .loading-icon-box{
    padding: 0 80px 15px 80px;
    text-align: center;
}
.loading-icon{
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url("../img/loading.gif") no-repeat;
    margin-top: -50px;
}
.loading-no-content-box .loading-icon{
    width: 65px;
    height: 65px;
    display: inline-block;
    background: url("../img/loading_list.gif") no-repeat scroll 0% 0% transparent;
}

.msg-box{display: none;  position:fixed; top: 115px; left:50%; z-index: 1102; max-width: 900px; padding: 10px 12px; border-radius: 3px;word-wrap:break-word;background-color: #f7fbfd;box-shadow: 0 0 12px rgba(9, 2, 4, 0.45);}
.msg-box b{ display: inline-block; width: 21px; height: 21px;background-position: -125px -175px;float: left;}
.msg-box p{ padding: 0 0 0 26px;}
.msg-box.warning b{background-position: -566px -230px;}

/* pop */
.pop-box{ width: 420px;  position:fixed; top: 50%; left:50%; z-index: 999; background: #fff; border-radius: 3px; box-shadow: 0 0 12px rgba(9,2,4,.45); word-break:break-all; word-wrap:break-word;}
.pop-title { height: 34px; line-height: 34px; color: #fff; border-radius: 3px 3px 0 0; background: #1f7dcb; text-align: center; font-size: 16px;}
.pop-close-ico{ position: absolute; right:8px; top: 8px; z-index: 999; background-position:-72px -90px; cursor: pointer; transition:all 0.4s ease-in-out;}
.pop-close-ico-alert{ position: absolute; right:8px; top: 8px; z-index: 999; background-position:-72px -90px; cursor: pointer; transition:all 0.4s ease-in-out;}
.pop-close-ico:hover {/*-firtransform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);*/}
.pop-bg{position: fixed; top:0; right:0; bottom: 0; right:0; z-index: 998; background:#000; opacity:0; filter:alpha(opacity=50);}
.pop-main{ position: relative; padding: 20px 26px 0;}
.btn-click{ background: #ccc; padding: 2px;}

.pop-tip-txt{ padding: 28px 0 48px; line-height: 24px;}
.tip-p{ padding: 0 0 0 29px;}

/* join弹出框内容 */
.pop-join-main{ position: relative;}
.input-style-two{padding: 8px 5px; border-radius:3px; border:1px solid #cecece;}
.pop-join-main ul{ padding: 45px 0 0 40px;}
.pop-join-main ul li{ padding: 0 0 15px;}
.pop-join-main ul li img{ width: 100px; height: 34px; margin:0 0 0 10px; border:1px solid #cecece; border-radius:3px; cursor: pointer;}
.btn-change-img{ display: block; float: left; height: 34px; line-height: 34px; padding: 0 0 0 5px; }
.pop-btn-box{ text-align: center; padding: 10px 0 12px;}
.pop-btn-box a{ display:inline-block; width: 146px; height: 36px; line-height: 36px; margin: 0 10px; /*background: #1f7dcb; border:1px solid #1f7dcb; border-radius:2px; color: #fff;*/}
.pop-btn-box a.disabled{ background: #bbb; border:1px solid #b3b3b3;}
.tips{ position: absolute; top:10px; left:40px; width: 397px; height: 24px; line-height: 24px;}
.tips .error{ background: #f74545; color: #fff; padding: 0 5px;}

.mh-pop .pop-btn-box{ position:absolute; bottom: 0; left: 0; width: 100%;}
.input-gname{ width: 350px; height: 20px; line-height: 20px; padding: 5px 8px; border:1px solid #bebebe; border-radius: 2px;}
.textarea-pop1{ width: 350px; height: 273px; line-height: 20px; padding: 5px 8px; margin: 5px 0 0; border:1px solid #bebebe; border-radius: 2px;}
.textarea-pop2{ width: 350px; height: 198px; line-height: 20px; padding: 5px 8px; margin: 5px 0 0; border:1px solid #bebebe; border-radius: 2px;}
.font-count{margin: 0 0 5px;}
.meeting-cancel-label{ display: block; margin: 0 0 8px;}
.meeting-cancel-label input{ position: relative; top:-2px; margin: 0 5px 0 0; vertical-align:middle;}

/*删除，提示框文字居中*/
.control-tips{ text-align: center; line-height: 30px; padding: 45px 40px 0;}
.control-tips h2{ font-size: 16px;}
.control-tips input{vertical-align: middle;}

/* meeting msg */
.meeting-msg{ position:fixed; bottom:5px; right:5px; z-index: 997; width: 300px;  background: #fff; border-radius: 3px; box-shadow: 0 0 12px rgba(9,2,4,.45); background: #ebf2f9;}
.meeting-msg-main{ position: relative; width: 280px; margin: 10px 10px 0; overflow: hidden;}
.meeting-msg ul{ position: relative; width: 99999px;}
.meeting-msg ul li{ position: relative; float: left; width: 280px; min-height: 117px; padding-bottom:60px; overflow: hidden;}
.multi-msg ul li{min-height: 117px; padding-bottom: 100px;}
.meeting-msg .pop-btn-box{ position: absolute; width: 100%; left: 0; bottom:0;}
.meeting-msg .pop-btn-box span{width: 146px; margin: 0 auto;}
.multi-msg .pop-btn-box{ bottom: 43px;}
.msg-meeting-time span{ height: 40px; visibility: hidden;}

.msg-page{ position: absolute; left: 0; bottom:9px; width: 100%; height: 24px; padding: 9px 0 0; border-top:1px solid #c9d6e3; color: #666; text-align: center;}
.msg-page a{ display: inline-block; position: relative; width: 24px; height: 18px; line-height: 18px; padding: 2px 0; border:1px solid #c4c4c4; background: #fff; border-radius: 2px; cursor: pointer;}
.msg-page a b{ position: absolute; top: 2px; left: 3px;}
.msg-page a.page-pre{ margin: 0 10px 0 0;}
.msg-page a:hover , .page a.selected{ text-decoration: none;}
.msg-page a.page-pre b.page-pre-ico{background-position: -18px 0;}
.msg-page a.page-next b.page-next-ico{background-position: -36px 0;}
.msg-page a.disabled b.page-pre-ico{background-position: 0 0;}
.msg-page a.disabled { background: #e8e8e8; border-color:#d4d4d4;}
.msg-page a.disabled b.page-next-ico{background-position: -53px 0;}
.msg-page a.disabled:hover { cursor: default;}
.msg-page span{ display: inline-block; height: 24px; line-height: 24px; margin:0 10px 0 0; vertical-align: top;}

/* checkbox */
.checkbox , .control-box{display: inline-block;}
.checkbox span{ margin: 0 0 0 5px; cursor: default;}
.checkbox i{ display: inline-block; position: relative;cursor: pointer; margin-top:-1px; vertical-align: middle; text-indent:-999em;}
.icon-check {background-position: -90px -54px;}
/*.icon-check:hover {background-position: -90px -54px;}*/
.icon-check-selected {background-position: -72px -54px;}
.icon-check-mixed {background-position: -72px -72px;}
.icon-check-disabled {background-position: -108px -198px;cursor: not-allowed !important;}
.icon-check-disabled-s {background-position: -90px -198px;}
/* radio */
.radio{display: inline-block;cursor: pointer}
.radio b{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background:url(../img/icon.png) no-repeat;}
.radio .icon-radio{background-position: -491px -231px}
.radio .icon-radio:hover{background-position: -420px -231px}
.radio .icon-radio-selected{background-position: -351px -231px}
/* selectbox */
.selectbox{ display: inline-block;border-radius: 3px; position: relative; z-index: 1; background: #fff; zoom:1;}
.s-current{z-index: 6;}
.s-input-box{ position: relative; height: 31px; line-height:30px; padding: 0 22px 0 4px; border:1px solid #D0D3DB; border-radius: 2px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;word-wrap: normal;}
.s-hide-box{ display:none; position: absolute; max-height: 200px; max-width: 400px; padding: 1px; overflow: auto; border:1px solid #c1c1c1; border-radius:2px; background: #fff; box-shadow:0 0 5px rgba(9,2,4 ,.3);}
.s-input-box.error{border:1px solid #C93538;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .s-hide-box-border { border-right-width: 1px; } }
.s-hide-box span{ display: block; position: relative; height: 30px; line-height: 30px; padding: 0 5px; overflow: hidden; white-space:nowrap;text-overflow: ellipsis;word-wrap: normal; border: 1px solid #fff;}
.createMeetingForm .s-hide-box span{
    max-width: none;
}
.s-hide-box span:hover{ background: #c2e9fc; cursor: default;border:1px solid #58c4f8}
.autoSearchBox{
    display: none;
    position: absolute;
    max-height: 200px;
    max-width: 600px;
    padding: 1px;
    overflow: auto;
    border: 1px solid #C1C1C1;
    border-radius: 2px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 5px rgba(9, 2, 4, 0.3);
    z-index: 2;
}
.autoSearchBox span{
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0px 5px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #fff;
    z-index: 3;
    text-overflow: ellipsis;
    word-wrap: normal;
}
.autoSearchBox span:hover{ background: #c2e9fc; cursor: default;border:1px solid #58c4f8}
.s-hide-box .no-selects , .autoSearchBox .no-selects{
    padding: 10px;
}
/* arr box */
.arr-box{ position: relative; float: left;z-index: 1;}
.arr-box.s-current{
    z-index: 3;
}
/*预约会议时，小时和分钟的inputz-index需小于箭头，日期选择z-index需大于箭头*/
.arr-box input{ position: relative; background: none;width: 225px;cursor: default}
.top-time-box.arr-box input{z-index: 3;}/*日期*/
.arr-box .ico-arr , .selectbox .ico-arr{ position: absolute; top: 50%; right: 3px; margin: -9px 0 0 0; background-position: -90px -90px;}
.arr-box .ico-arr{z-index: 2;}
.selectbox .ico-arr{z-index: 3;}

/* btn
 text-shadow:1px 0 1px rgba(9,2,4,.2);
 */
.btn-normal , .btn-yellow , .btn-green , .btn-disabled , .btn-white ,.btn-white-blue, .btn-blue, .btn-grey , .btn-red{ height: 36px; font-size: 16px; text-align: center; cursor: pointer; border-radius: 1px; }
.btn-normal:hover , .btn-yellow:hover , .btn-green:hover , .btn-disabled:hover{ text-decoration: none; cursor: pointer;}
.btn-normal{ background: #2d90d5; border:1px solid #bbb; color: #fff;}
.btn-normal:hover{ background: #127bc4; border:1px solid #dfdfdf;}
.btn-normal:active{ background: #0360a1; border:1px solid #ddd;}
.btn-green{ background: #68bf3f; border:1px solid #5cb631; color: #fff;}
.btn-green:hover{ background: #6ed03f; border:1px solid #66cb36; }
.btn-green:active{ background: #5ab132; border:1px solid #62b33a;}
.btn-yellow{ background: #fb7927; border:1px solid #f2701e; color: #fff;}
.btn-yellow:hover{ background: #ff9f4c; border:1px solid #f8933c;}
.btn-yellow:active{ background: #e56610; border:1px solid #f2711d;}
.btn-disabled{ background:#d1d1d1; border:1px solid #dadada; color: #fff; padding: 0 30px;
    border-radius: 3px;}
.btn-disabled:hover{ cursor:default;}
.btn-blue-radius{
    height: 36px;
    border-radius: 17px;
    background-color: #2d90d5;
    border: 1px solid #2d90d5;
    color: #FFF;
    padding: 2px 20px;
    font-size: 18px;
}
.btn-blue-radius:hover , .btn-blue:hover{
    background: #127bc4;
    border: 1px solid #127bc4;
}
.btn-blue-radius:active , .btn-blue:active{
    background: #0360a1;
    border: 1px solid #0360a1;
}
.btn-grey-radius{
    height: 36px;
    border-radius: 17px;
    background-color: #d3d3d3;
    padding: 2px 20px;
    font-size: 16px;
}
.btn-grey{
    background-color: #d1d1d1;
    border: 1px solid #d1d1d1;
    color: #FFF;
    padding: 0 30px;
    border-radius: 3px;
    cursor:default;
}
.btn-blue{
    background-color: #2d90d5;
    border: 1px solid #2d90d5;
    color: #FFF;
    padding: 0 30px;
    border-radius: 3px;
}
.btn-red{
    background-color: #ed7373;
    border: 1px solid #ed7373;
    color: #FFF;
    padding: 0 30px;
    border-radius: 3px;
}
.btn-red:hover{
    background-color: #e14f4f;
    border: 1px solid #e14f4f;
}
.btn-red:active{
    background-color: #c84343;
    border: 1px solid #c84343;
}
.btn-white{
    background-color: #fff;
    border:1px solid #ccc;
    color: #333;
    padding:0 30px;
    border-radius: 3px;
}
.btn-white:hover{
    background-color: #efefef;
    border:1px solid #ccc;
}
.btn-white:active{
    background-color: #d7d7d7;
    border:1px solid #ccc;
}
.btn-white-blue{
    background-color: #f9fafc;
    border:1px solid #358ac4;
    color: #358ac4;
    padding:0 30px;
    border-radius: 3px;
}
.btn-white-blue:hover{
    background-color: #deefff;
    border:1px solid #358ac4;
}
.btn-white-blue:active{
    background-color: #c6e4ff;
    border:1px solid #358ac4;
}
/*font color*/
.font-orange{
    color: #f58541;
}
.font-red{
    color: #f45050;
}
.font-white{
    color: #fff;
}
.font-black{
    color: #000;
}
.font-grey{
    color: #8d8d8c;
}
.font-blue{
    color: #258de4;
}
.font-green{
    color: #4fb03f;
}
.font-link{
    color: #3a98d8;
    cursor: pointer;
}
.font-link:hover{
    color: #0178a9;
    text-decoration: underline;
}
.remark-color{
    color: #666;
}

.remark-color9{
    color: #999;
}
/*font bold*/
.font-bold{
    font-weight: bold;
}
.alertForm .font-grey{
    color: #999;
}
.alertForm .font-blue{
    color: #219cd3;
}

/* placeholder box */
.placeholder-box{ display:inline-block; position: relative; cursor: text; zoom:1; overflow: hidden; vertical-align: middle;}
.placeholder-txt{ position: absolute; top:0; left:0; width: 98%; line-height: 31px; text-indent: 6px; margin: 1px; background: #fff; color: #ccc;text-align: left;word-wrap: normal;white-space: nowrap;}
.placeholder{ position: absolute; z-index: 888; color: #999; text-indent: 8px; cursor: text;}

/* pop box */
.data-tips{ width: 100%; padding: 170px 0 300px; text-align: center; background: #fff;}
.ico-data-tips{ display:inline-block; width: 53px; height: 37px; margin:20px 0; background: url(../img/base/data-tip.png) no-repeat;}

#loading{ position: absolute; z-index: 997; width: 32px; height: 32px; position: absolute; background: url(../img/base/waitting2.gif) no-repeat;}
.tip-box{ position: absolute; z-index: 1101; padding:4px 7px; line-height: 22px;color: #fff; border-radius: 5px; word-wrap:break-word;}
.tip-box b{ position: absolute; bottom: -6px; height: 6px; background-position: -54px -234px;}
.tip-box i{ position: absolute; top:0; left: 0; bottom:0; right: 0; z-index: 1; background: #000; filter:Alpha(opacity=70); opacity:0.7; border-radius: 5px;}
.tip-box p{ position: relative; z-index: 2;}
.tip-box.white-bg{ position: absolute; z-index: 1001; padding:4px 7px; line-height: 22px;color: #333; border-radius: 4px; word-wrap:break-word;max-width: 582px;}
.tip-box.white-bg b.arrow{position: absolute;background: url(../img/icon.png) no-repeat; bottom: -10px; width: 15px; height:15px;z-index: 2; left: -8px;background-position: -1246px -1447px;top: 8px;}
.tip-box.white-bg b.tip-warm{background: url(../img/icon.png) no-repeat;display: inline-block;width: 20px; height:20px;background-position: -567px -231px;margin-right: 3px; position: relative;
    top: 0;}
.tip-box.white-bg i{ position: absolute; top:0; left: 0; bottom:0; right: 0; z-index: 1; background: #ffa12f; border-radius: 5px;border: 1px solid #ec9831;box-shadow: 0 0 2px rgba(0, 0, 0, .08);opacity: 1}
.tip-box.white-bg div.content{ position: relative; z-index: 2;}
.tip-box.white-bg p{
    color: #fff;
}
.tip-box.white-bg p a{
    color: #fff;
    text-decoration: underline;
}

.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fb{font-weight:700;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.dn{display: none;}
.db{display: block;}
.dib{display: inline-block;}
.vh{visibility: hidden;}
.oh{ width: 100%; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;word-wrap: normal;}
.dib{display: inline-block;}
.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh30{line-height: 30px;}
.c-000{ color: #000;}
.c-03c{ color: #03c;}
.c-333{color: #333;}
.c-999{ color: #999;}
.c-yellow{ color: #ff6a07;}
.mb25{margin-bottom: 25px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mr10{margin-right: 10px;}
.mb8{margin-bottom: 8px;}
.mb15{margin-bottom: 15px;}
.mh-pop{min-height: 117px; padding-bottom:60px;}

/*.container{width: 100%;height: auto;height: 100%;}*/
/*header*/
/*login-header*/
.login-header {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 60px;
    background: rgba(7, 22, 41, 0.7) none repeat scroll 0 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=4, Strength=8);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8F8F8F8,endColorstr=#C8F8F8F8),progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=4, Strength=8);
}

.login-header .link {
    float: right;
    margin: 15px 40px 0px 0px;
    height: 25px;
}

.login-header .link>a, .login-header .link .help {
    /*color: #85c8f7;*/
    color: rgba(255,255,255,0.7);
    display: inline-block;
    height: 24px;
    padding: 3px 26px;
    text-decoration: none;
    /*border: 1px solid rgba(0,0,0,0);*/
    /*border: 1px solid transparent \9;*/
    line-height: 24px;
}

.login-header .link>a.right{
    /* border: 1px solid #295288; */
    background-color: #295288;
    color: #fff;
    border-radius: 2px;
}
.login-header .link>.help{
    position: relative;
    padding-right: 0;
    padding-bottom: 40px;
}
.login-header .help .help-icon{
    width: 25px;
    height: 25px;
    background-image: url("../img/icon.png");
    background-position: -292px -1503px;
    margin-right: 5px;
}
.login-header .link>.help:hover{
    background-color: transparent;
    cursor: default;
    color: #fff;
}
.login-header .link>.help .help-content{
    display: none;
    position: absolute;
    top: 35px;
    right: -7px;
    width: 300px;
    background-color: #fff;
}
.login-header .link>.help:hover .help-content{
    display: block;
}
.login-header .link>.help .help-content{
    padding: 14px 20px;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(9,2,4,.45);
}
.login-header .link>.help .help-content li{
    line-height: 20px;
    font-size: 14px;
}
.login-header .link>.help .help-content li.first{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    position: relative;
    padding-left: 22px;
    color: #333;
}
.login-header .help-content li.first .icon{
    width: 20px;
    height: 15px;
    background-image: url("../img/icon.png");
    background-position: -1034px -184px;
    margin-right: 2px;
    position: absolute;
    left: 0;
    top: 5px;
}
.login-header .help-content li.second .icon{
    width: 15px;
    height: 15px;
    background-image: url("../img/icon.png");
    background-position: -990px -234px;
    margin-right: 5px;
}
.login-header .link>.help .help-content li.second{
    padding-top: 10px;
}
.login-header .link>a:hover{
    background-color: #295288;
    color: #fff;
    border-radius: 2px;
}
.login-header .link>a:active{
    /* border: 1px solid #295288; */
    background-color: #295288;
    color: #fff;
    border-radius: 2px;
}
.login-header .link .left {
    margin-right: 10px;
}
.login-container .login-header .logo {
    margin-left: 40px;
    font-size: 0;
    height: 36px;
    margin-top: 12px;
    line-height: 36px;
    text-align: left;
}
.login-container .login-header .logo {
    margin-left: 40px;
    font-size: 0;
    height: 36px;
    margin-top: 12px;
    line-height: 36px;
}
/* .login-container .login-header .logo{
    margin-left: 40px;
} */
/*.login-header .logo {*/
    /*margin-left: 40px;*/
    /*border-right: none;*/
    /*color: #fff;*/
    /*font-size: 32px;*/
    /*font-weight: normal;*/
/*}*/
.login-header .logo b{
    background-position: -774px -1185px;
    width: 235px;
    height: 60px;
    /* vertical-align: middle; */
}
.login-header .header-logo {
    display: inline-block;
    text-align: left;
    font-size: 0;
    /* background-color: #1a5a86; */
    width: 186px;
    height: 24px;
    line-height: 0;
}
.login-header .logo-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.footer-logo{
    width: 152px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 40px;
}
.footer-logo b{
    background-position: -1207px -412px;
    width: 152px;
    height: 26px;
    vertical-align: middle;
}
.footer-logo img{
    height: 24px;
    width: 142px;
}
/*account header*/
.account-header{
    width: 100%;
    height: 70px;
    background-color: #295288;
    color: #fff;
    z-index: 2;
    position: relative;
}
.account-header .header-logo{
    height: 32px;
    width: auto;
    vertical-align: text-bottom;
}
.account-header .header-top{
    /* height: 70px; */
    width: 100%;
    /* padding-top: 2px; */
    position: relative;
}
/* .account-header .header-top img{
    height: 40px;
    vertical-align: middle;
} */
.account-header .sub-nav{
    position: absolute;
    top:70px;
    right: 20px;
    /*height: 108px;*/
    background-color: #295288;
    opacity: 0.98;
    color: #8cc9f2;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    display: none;
}
.account-header .sub-nav li.border{
    border-bottom: 1px solid rgba(140,201,242,0.4);
}
.account-header .sub-nav li .sub-nav-inner{
    padding: 0 20px;
    line-height: 26px;
    margin: 4px auto;
    cursor: pointer;
}
.account-header .sub-nav li .sub-nav-inner:hover{
    background-color: rgba(140,201,242,0.4);
    color:#fff;
}
.account-header .user b{
    width: 15px;
    height: 15px;
    background-position: -900px -1447px;
    margin-left: 2px;
    /*vertical-align: sub;*/
}
.account-header .exit b{
    width: 20px;
    height: 20px;
    background-position: -1173px -181px;
}
.account-header .nav{
    margin-top: 10px;
}

.account-header .nav .nav-inner{
    margin: auto;
    height: 60px;
    /*width: 1000px;*/
}
.account-header .nav .nav-inner label{
    /*padding: 15px 25px;*/
    margin: 6px 0px 0px;
    font-weight: normal;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.account-header .nav .nav-inner label .line{
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 15px;
    /*background-color: #C6E0FA;*/
    background-color: rgba(138,159,190,0.4);
    right: -4px;
    top: 10px;
}
.account-header .nav .nav-inner a{
    text-decoration: none;
    font-weight: normal;
    color: #bae2ff;
    padding: 8px 25px;
    display: inline-block;
}

.account-header .nav .nav-inner label{
    color: #bae2ff;
}
.account-header .nav .nav-inner label:hover{
    background-color:#2D74A3;
    border-radius: 4px;
}
.account-header .nav .nav-inner label:hover a{
    color: #fff;
}
.account-header .nav .nav-inner label:hover .line{
    width: 0;
}
.account-header .nav .nav-inner label.active{
    background-color: #2d74a3;
    border-radius: 4px;
}
.account-header .nav .nav-inner label.active a{
    color: #FFF;
}
.account-header .nav .nav-inner label.active .line{
    width: 0;
}



.account-header .logo {
    color: #85c8f7;
    font-size: 24px;
    margin: 0;
    height: 70px;
    width: 270px;
    text-align: center;
    line-height: 70px;
    /*cursor: pointer;*/
}
.account-header .logo b{
    width: 200px;
    height: 25px;
    background-position: -670px -1447px;
    vertical-align: inherit;
}
.account-header .logo .default{
    padding-right: 10px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    /*cursor: pointer;*/
}
.account-header .logo .other{
    padding-left: 12px;
    color: #FFF;
    max-width: 550px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.account-header .logo .line{
    /* position: absolute; */
    display: inline-block;
    width: 2px;
    height: 24px;
    background-color: #85c8f7;
    vertical-align: middle;
    /* right: 0px;
    bottom: 5px; */
}
.account-header .header-top .enterpriseName{
    height: 60px;
    font-size: 20px;
    line-height: 64px;
}
.account-header .user , .account-header .exit{
    float: right;
    height: 25px;
    margin: 20px 30px 0px 0px;
    color: #bae2ff;
    cursor: pointer;
}
.account-header .refer-friend{
    float: right;
    height: 25px;
    margin: 20px 5px 0px 0px;
    cursor: pointer;
}
.account-header .refer-friend a{
    color: #85c8f7;
}
.account-header .refer-friend a:hover{
    text-decoration: underline;
    color: #d3edfe;
}
.account-header .user-box{
    float: right;
    height: 72px;
    padding-left: 30px;
}
.account-header .user-box:hover .sub-nav{
    display: block;
}
.account-header .user{
    margin: 20px 20px 0px 0px;
    max-width: 130px;
}
.account-header .user label:hover{
    /*text-decoration: underline;*/
    color: #d3edfe;
}
.account-header .user label{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    max-width: 100px;
}
/*footer*/
.footer {
    height: 60px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    position: absolute;
    z-index: 99;
    /* background-color: rgba(41,82,136,0.75); */
    /* background: #4d6c96 \0; */
    /**IE8此处不能用filter，用了之后里面的语言选择层级始终有问题***/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2295288, endColorstr=#B2295288)\9;!*b2为0.75*!*/
}
.footer.account-footer {
    height: 40px;
    background-color: #E0E2E7;
    color: #737476;
    filter: none;
}
.footer .topLine{
    margin-left: 40px;
    margin-right: 40px;
    position: relative;
    /*z-index: 8;*/
    /*border-top: 1px solid rgba(255,255,255,0.2);*/
    /*border-top: 1px solid #656969 \9;*/
}
.account-footer.footer .topLine{
    border-top: none;
}
.account-footer.footer .topLine ul{
    font-weight: bold;
}
.account-footer .container ul li a {color: #737476}
.account-footer .container ul li a:hover {color: #737476;}
.footer .container {
    position: relative;
    height: 100%;
    /* width: 960px; */
    margin: auto;
    /* padding-top: 23px; */
    line-height: 60px;
    display: table;
}
.account-footer.footer .container{
    /* padding-top: 17px; */
    /* width: inherit; */
    /* padding: 0; */
    line-height: 40px;
}
.footer .container ul{
    margin-left: 30px;
}
.login-footer  .container select{
    margin-left: 30px;
    color: #555c64;
    background-color: #beccd2;
    border-radius: 2px;
    height: 28px;
    margin-top: -22px;
}
.footer .container .copyright, .footer .container .language, .footer .container ul, .footer .container ul li {
    float: left;
}
.login-footer .copyright{
    color: rgba(255,255,255,0.3);
    color: #919bac \9;
}

.account-footer select{
    margin-left: 30px;
    color: #5f6061;
    height: 30px;
    margin-top: -5px;
}

.login-footer .languageBox{
    width: 120px;
    height: 28px;
    margin-left: 30px;
    color: #555c64;
    background: #beccd2;
    margin-top: 12px;
    position: relative;
    border: 1px solid #beccd2;
    border-radius: 2px;
    cursor: pointer;
    line-height: 18px;
}

.login-footer .languageBox .languageHide{
    background: #fff;
    border: 1px solid #beccd2;
    left: 0;
}
.login-footer .languageBox .languageHide{
    left: -1px;
}
.account-footer .languageBox{
    width: 120px;
    height: 30px;
    margin-left: 30px;
    color: #555c64;
    background: #fff;
    margin-top: 5px;
    position: relative;
    border: 1px solid #ccc;
    cursor: default;
    border-radius: 2px;
    line-height: 18px;
}
.languageBox .ico-arr{
    width: 15px;
    height:30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: url(../img/icon.png) no-repeat -258px -412px;
}
.languageBox .languageCur{
    height:30px;
    line-height: 30px;
    display: inline-block;
    padding-left: 12px;
}
.languageBox .languageHide{
    width: 118px;
    position: absolute;
    bottom: 32px;
    border: 1px solid #ccc\0;
    background: #fff;
    display: none;
    padding: 1px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.languageBox .languageHide span{
    width: 106px;
    height: 27px;
    display: block;
    line-height: 25px;
    text-align: left;
    padding-left: 10px;
    border: 1px solid #fff;
    cursor: pointer;
}
.languageBox .languageHide span:hover{
    background: #c2e9fc;
    cursor: default;
    border: 1px solid #58c4f8;
}


.footer .container ul li{
    padding-right: 10px;
    margin-left: 10px;
}
.footer .container ul li.borderRight{
    border-right: 1px solid #333;
}
.login-footer .container ul li , .login-footer .container ul li a{
    color: #dfeaef;
}
.footer.login-footer .container ul li.borderRight{
    border-right: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid #656969 \9;
}

.form-row .success{
    width: 20px;
    height: 20px;
    background-position: -126px -176px;
    display: none;
    margin-top: 0;
    margin-left: 5px;
}

.login-form .form-row .success{
    margin-top: -2px;
}
/*error page*/
.error-page{
    margin: 200px auto;
    text-align: center;
}
.error-page .error-icon .big{
    font-size: 112px;
}
.error-page .error-icon .red{
    color: #EB5D5D;
}
.error-page .error-icon .black{
    color: #000;
}
.error-page .gotoHome{
    margin-top: 50px;
}
.error-page .gotoHome button{
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    padding: 0px 35px;
    border: 1px solid #2CA3D6;
    color: #FFF;
    background: none repeat scroll 0% 0% #2CA3D6;
    text-align: center;
    border-radius: 16px;
}
.error-page .desc{
    font-size: 16px;
    margin-top: 10px;
}

.alertForm .system-error{
    color: #d83437;
    line-height: 30px;
    font-size: 12px;
}
.panel-error-box{
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    position: relative;
}
.panel-error-box .center{
    position: relative;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
}
.panel-error-box .center .content{
    position: absolute;
    top: -20px;
    left: -100px;
    width: 200px;
    height: 40px;
    font-size: 18px;
    color: #727988;
}
.alertForm .btn-upload-file{
    color: #2395C4;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-bottom;
    line-height: 18px;
    height: 18px;
    cursor: pointer;
}
.alertForm .btn-upload-file:hover{
    text-decoration: underline;
    color: #0178A9;
}
.alertForm .btn-upload-file input {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    width: 1920px;
    height: 12px;
}
/******如下为从register.css提出的公共部分 *****/
.login-phonesp #phonePre{
    margin-left: 0px;
    width: 104px;
    border-radius: 2px;
    height: 31px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 22px 0 24px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.login-phonesp .selectbox i{
    position: absolute;
    display: inherit;
    top: 4px;
    left: 9px;
}
.login-phonesp .s-hide-box{
    position: absolute;
    z-index: 100;
    top: 34px;
}
.login-phonesp .autoSearchBox{
    width: 270px;
    top: 34px;
}
.login-phonesp .autoSearchBox span {
    display: block;
    position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    border: 1px solid #fff;
    max-width: 400px;
}
.login-phonesp .autoSearchBox span:hover{ background: #c2e9fc; cursor: default;border:1px solid #58c4f8}
.login-phonesp .autoSearchBox span .span-pre-box {
    width: 60px;
    display: inline-block;
}
.login-phonesp .autoSearchBox span .span-last-box {
    display: inline-block;
}
.login-phonesp .login-form .contactCallLast .success{
    margin-top: 8px;
}


.login-phonesp #call-pre{
    margin-left: 0px;
    width: 44px;
    padding: 0 22px 0 20px;
}
.login-phonesp .selectbox .addmark{
    top: 5px;
    z-index: 1;
}
.login-phonesp .call-td .ico-arr{
    margin: -8px 0 0;
}

.contactCallPre.s-hide-box span .span-pre-box, .contactCallPre.s-hide-box span .span-last-box {
    display: inline-block;
}

.contactCallPre.s-hide-box span .span-pre-box {
    width: 60px;
    display: inline-block;
}
.contactCallPre{width: 270px}
.goto-email-button .resend-email .resend-result{
    position: absolute;
    right: -110px;
}
.goto-email-button .resend-email .resend-result b{
    width: 20px;
    height: 20px;
}
.goto-email-button .resend-email .resend-result.success b{
    background-position: -126px -176px;
}
.goto-email-button .resend-email .resend-result.fail b{
    background-position: -567px -231px;
}
.goto-email-button .resend-email .resend-result.success{
    color: #fff;
}
.goto-email-button .resend-email .resend-result.fail{
    color: #F58541;
    background-color: #8894a4;
}
.form-row .system-error {
    line-height: 34px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: rgba(216, 82, 60, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbd8523c, endColorstr=#bbd8523c);
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    /*position: absolute;*/
    max-width: 220px;
    /*top: 12px;*/
    /*right: -94px;*/
}
/*大写锁定*/
.capsWarning{
    position: absolute;
    left: 38px;
    top: 65px;
    color: #000;
    background: #f2f2f2;
    border: 1px solid #ccc;
    padding: 4px 8px;
    border-radius: 5px;
    display: none;
    z-index: 10;
}
.capsWarning .ico-angle{
    border: 1px solid #ccc;
    width: 8px; height: 8px;
    -webkit-transform: rotate(45deg) skew(10deg,10deg);
    -moz-transform: rotate(45deg) skew(10deg,10deg);
    -ms-transform: rotate(45deg) skew(10deg,10deg);
    transform: rotate(45deg) skew(10deg,10deg);
    position: absolute;
    left: 15px;
    top: -5px;
    z-index: 100;
    background-color: #f2f2f2;
    border-color: #ccc #f2f2f2 #f2f2f2 #ccc;
}
/******************* *****/
.warn-icon{width: 28px;height: 28px;background-position: -20px -170px; left: 22px;position: absolute;}
/***********购买套餐引导******** *****/
.plan-sale-connection-box{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 1px dotted #ced5d8;
    padding-left: 15px;
}
.plan-sale-connection-box .title{
    font-weight: bold;
}
.plan-sale-connection-box .call{
    margin-bottom: 10px;
}
.plan-sale-connection-box .email{
    color: #219CD3;
    cursor: pointer;
}
#upgradeForm{
    padding-bottom: 75px;
}
.alert-box-guide{
    width: 740px;
}
.alert-box-guide .alert-main{
    padding: 0;
}
.alert-box-guide .alert-main > b{
    display: none;
}
.guide-to-buy-web-plan{
    min-height: 220px;
    padding: 45px 50px 80px;
    text-align: center;
    position: relative;
    background:url(../img/boot_purchase_page_bg.png) no-repeat left bottom;
}
.guide-to-buy-web-plan .close-btn{
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    right: -20px;
}
.guide-to-buy-web-plan .close-btn .icon{
    background-position: -442px -1446px;
    width: 37px;
    height: 37px;
    cursor: pointer;
}
.guide-to-buy-web-plan .close-btn .icon:hover{
    background-position: -524px -1446px;
}
.guide-to-buy-web-plan .content .title{
    font-size: 22px;
    font-weight: bold;
    color:#3a98d8;
}
.guide-to-buy-web-plan .content .desc{
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}
.guide-to-buy-web-plan .content .btn-box{
    margin-top: 25px;
}
.guide-to-buy-web-plan .content .btn-box .btn{
    min-width: 200px;

}
.guide-to-buy-web-plan .content .btn-learn-box{
    margin-top: 38px;
}
/* .login-header .logo{
    margin: 0;
    margin-left: 40px;
    height: 60px;
    max-width: inherit;
    line-height: 60px;
} */
.login-header .logo {
    color: #85c8f7;
    font-size: 24px;
    margin: 0;
    height: 60px;
    width: 270px;
    text-align: center;
    line-height: 60px;
    /*cursor: pointer;*/
}
/* .login-header .logo img{
    height: 32px;
} */
.banner-inner{
    position: relative;
}
#banner-img{
    position: absolute;
    left: 0;
}

/* 客户端下载标题样式 */
.app-download {
    position: relative;
    margin-right: 10px;
    color: #85c8f7;
    display: inline-block;
    cursor: pointer;
}

.app-download:hover {
    color: #ffffff;
}

.app-qr-code-box{
  width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 998;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 12px rgba(9, 2, 4, .45);
  min-width: 360px;
  max-width: 660px;
  transform: translate(-50%,-50%);
  display: none;
}
.app-qr-code-box .alert-title-white{
  line-height: 48px;
  font-size: 16px;
  height: 48px;
  color: #2d90d5;
}
.app-qr-code-box-body{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.app-qr-code-box-body .qr-code{
  width: 148px;
  height: 148px;
  margin: 20px;
}
.qr-code-title{
  color: #2d90d5;
  text-align: center;
  margin-bottom: 20px;
}

.app-qr-code-box .alert-title-white .alert-close{position: absolute;   right: 10px;  top: 15px;width:20px;height: 20px; background-image:url("../img/icon.png");background-position:-754px -183px; cursor: pointer;}

/*云视讯定制化*/
.footer .onlyLang.container{
    width: 100%;
}
.footer .onlyLang .copyright{
    display: none;
}
.footer .onlyLang .languageBox{
    float: right;
    margin-right: 45px;
}
.placeholder-value{
    color: #999;
}