/*消息提醒 样式文件*/

.center900 { width: 900px;margin: 0 auto; }
div.center900,
.center900 div{ overflow: hidden; }
.marginTB20 { margin: 20px 0; }
.paddingLR25 { padding: 0 25px; }
.heightB100 { height: 100%; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0;padding-right: 0;
}
.center900 .row,.modal-body .row { margin-left: 0;margin-right: 0; }
.hoverOrang:hover { color: #ffa028; }

.msgWarnMain { background: white;margin-bottom: 50px;position: relative;top: 1px;padding-bottom: 15px; }
.dis { display: none; padding-bottom: 20px;}

/*导航*/
.msgWarnNav { text-align: center;margin-top: 30px;margin-bottom: -1px; }
.msgWarnNav a { font-size: 16px;color: #999999;padding: 10px 55px;border: 1px solid #e6e6e6;text-decoration: none;background: white;display: inline-block; }
.msgWarnNav a:last-child { border-left: 0; }
.msgWarnNav a.on { color: #ffa028;border-bottom: 0; height: 44px;}

/*提醒*/
.warnItems { padding: 0px 20px 0px 65px; }
.warnItems:hover { background: #f4f4f4; }
.leftItem { padding: 10px 0 10px 20px;border-left: 2px solid #f4f4f4;position: relative; }
.leftItem a { font-size: 14px;color: #414141; }
.leftItem.title { color: #999;overflow: visible; }
.leftItem.title>code { width: 10px;height: 10px;position: absolute;left: -6px;top: 13px;background-color: #ebebeb;border-radius: 50%;padding: 0; }
.rightItem { padding: 10px 0;color: #999999; }
.warnItems:hover .leftItem  a { color: #ffa028;text-decoration: underline;}
.warnItems:hover .leftItem.title { color: #999999;text-decoration: none; }
/*消息*/	
.msgContent {
    padding:0 5px 10px;
    position: relative;
}
.msgContent>div {
    overflow: hidden;
}
.msgContent>div.ucnote-left {
    border-right: 0px solid #ddd;
    height: 500px;
}
.msgContent>div.ucnote-right {
/*    width: 0;*/
    height: 435px;
    position: absolute;
    right: -75%;
}
.icon.icon-close.right-show {
    position: absolute;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    box-shadow: 0 0 10px rgba(0,0,0,.12);
    top: 48px;
    right: 19px;
}
.icon.icon-close.right-show:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.right-show{display: none;}



.msgInfoItems {}
.msgInfoItems>li {margin-bottom: 3px;}
.msgInfoItems>li>a{display: block;padding: 10px;margin-right: 5px;position: relative;}
.msgInfoItems>li>a>i { display: none;cursor: pointer; }
.msgInfoItems>li>a:hover,
.msgInfoItems>li>a.active{ background: #ebebeb; text-decoration: none;}

.msgInfoItems>li>a:focus{
    text-decoration: none!important;
}
.msgInfoItems>li>a>img { width: 40px;height: 40px;border-radius: 3px;float: left; }
.msgInfoItems>li>a>div { margin-left: 50px;font-size: 14px;color: #999999;height: 40px;overflow: hidden; }
.msgInfoItems>li>a>div>h2 { color: #414141;overflow: hidden;}
.msgInfoItems>li>a>div>h2>em{font-size: 14px;font-style:normal;float:left;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;height: 20px;}
.msgInfoItems>li>a>div>h2>.msgDate { float: right;margin-right: 10px;color: rgb(153,153,153); font-size: 12px;margin-top:1px;}
.msgInfoItems>li>a>div>p { margin-bottom: 0; height: 20px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}

.msgInfoItems>li>a:hover>i { display: block;position: absolute;top: 32px ;right: 21px;font-size: 14px;color: #f60; }
.msgInfoItems>li>a:hover>i:hover {color: #f60;}

.col-md-3 .msgInfoItems>li>a:hover .msgDate{display: none;}
.col-md-3 .msgInfoItems>li>a h2 em{width: 65px;}
.col-md-3 .msgInfoItems>li>a:hover h2 em{width: auto;}

.exchangeInfo { border-left: 2px solid #dcdcdc; }
.topExchangeInfo { padding: 0 20px;}

.exchangeHeadImg { width: 40px;height: 40px;border-radius: 3px; }
.exchangeInfoItem { margin-top:20px;margin-bottom: 20px;position: relative; }
.exchangeInfoItem>div { margin-left: 55px;width: 70%;padding: 13px;background: #f4f4f4;font-size: 14px;color: #414141;border-radius: 3px;position: relative;overflow: visible; }
.exchangeInfoItem>div:before { content: '';background: url(../../images/textLeftArrow.png) no-repeat;width: 8px;height: 14px;display: block;position: absolute;left: -8px;top: 15px; }
.exchangeInfoItem>div img{max-width: 100%;}
.exchangeInfoItem>div.right { float: right;margin-right: 20px; }
.exchangeInfoItem>div.right:before { content: '';opacity: 0; }
.exchangeInfoItem>div.right:after { content: '';background: url(../../images/textRightArrow.png) no-repeat;width: 9px;height: 14px;display: block;position: absolute;right: -8px;top: 15px; }

.ucnotelist li.time-tip{font-size: 12px;text-align: center; margin-bottom: 10px;}
.ucnotelist li.time-tip span{border-radius: 3px;padding:2px 10px;color: #999;}

.inputBoxDiv { 
    position: absolute;bottom: 0;right:30px;background: #fff;padding: 15px 0;border-top: 1px solid #e6e6e6;height:75px;width:615px;
}
.exchangeInput { margin-left: 45px;font-size: 14px;color: #414141;padding: 10px 15px;border: 1px solid #c8c8c8;width: 433px;outline: none;display: block; border-radius: 2px; padding-right:40px;}
.exchangeInput:focus {
    border-color: #ffa028;
}
.inputBoxDiv .btn { font-size: 16px;padding: 9px 40px;color: white;background: #ffa028;border-radius: 0;outline: none;float: right;margin-left: 22px; }
.inputBoxDiv>i { margin-top: 5px;font-size: 24px;color: #777777;margin-right: 20px; }
.inputBoxDiv>i:hover {
    color: #ffa028;cursor: pointer;
}
.inputBoxDiv .send-img {position: absolute;right: 125px;font-size: 20px;top: 17px;}




/*提醒设置页面*/
.modal-content.warnSetAlert { border-radius: 0; }
.warnSetAlert .modal-header { border-bottom: 0;padding: 20px 30px;position: relative; }
.warnSetAlert .modal-header .modal-title { font-size: 16px;color: #414141; }
.warnSetAlert .modal-body { padding: 0 30px; }
.warnSetAlert .modal-footer { border-top: 0;text-align: center;padding: 0 0 30px; }
.warnSetAlert .modal-footer .btn { font-size: 16px;padding: 10px 40px;border-radius: 0;background: #ffa028;color: white; }

.modal-content.sendInfoAlert { border-radius: 0; }
.sendInfoAlert .modal-header { border-bottom: 0;padding: 30px 30px 20px 30px; }
.sendInfoAlert .modal-header .modal-title {position: relative; font-size: 16px;color: #414141;padding-bottom: 20px;padding-left: 10px;border-bottom: 1px solid #e6e6e6; }
.sendInfoAlert .modal-header .modal-title>input { width: 50%;height: 40px;margin-left: 25px;line-height: 38px;color: #414141;padding: 0 15px;font-size: 14px;border: 1px solid #c8c8c8; }
.sendInfoAlert .modal-header .modal-title>input:focus {border-color: #aaa;}
.sendInfoAlert .modal-header .modal-title>i{position: absolute;left: 320px;top: 8px;color: #ccc;font-size: 18px;display: none;cursor: pointer;}
.sendInfoAlert .modal-header  button.close{position: absolute; right: 28px;top: 28px; z-index: 10;font-size: 27px;}

.sendInfoAlert .modal-body { padding: 0 30px; }
.sendInfoAlert .modal-body>textarea { width: 100%;height: 185px;font-size: 14px;color: #414141;padding: 10px 15px;outline: none;resize: none;border: 1px solid #c8c8c8;margin-top: 2px; }
.sendInfoAlert .modal-header .modal-title>input:focus,
.sendInfoAlert .modal-body>textarea:focus{
    border-color: #bbb;
    box-shadow: 0 0px 12px rgba(0,0,0,.15);
}
.sendInfoAlert .modal-footer { border-top: 0;padding: 20px 30px 30px 30px; }
.sendInfoAlert .modal-footer .btn { font-size: 16px;padding: 10px 40px;border-radius: 0;background: #ffa028;color: white; }

.warnSetTitle { position: relative;margin-bottom: 28px;overflow: hidden; }
.warnSetTitle>span { font-size: 14px;color: #414141;padding-right: 20px;background: white;position: relative;z-index: 1; }
.warnSetTitle .line { position: absolute;top: 22px;width: 95%;height: 1px;border-bottom: 1px solid #e6e6e6; }

.switchBtn { width: 32px;height: 16px;border-radius: 8px;background: #999999;position: relative;margin-right: 15px;display: inline-block;top: 3px;cursor: pointer; }
.switchBtn>i { width: 12px;height: 12px;border-radius: 50%;background: white;float: left;position: relative;top: 2px;left: 2px; }
.switchBtn.on { background: #ffa028; }
.switchBtn.on>i { left: 18px; }
.warnSetInfo { padding-left: 20px;margin-bottom: 28px; }


.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 6px;
    background-color: #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 6px;
    background-color: #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}