CocoRoboDesktop/css/Controls/index.css

/***<jscompress sourcefile="AboutUs.css" />*/


/*浏览器版本提示*/

.U_MD_D_A {
    overflow: hidden;
    display: none;
}

.U_MD_D_A_O {
    background-color: White;
    width: 970px;
    height: 578px;
    font-family: 微软雅黑;
    overflow: hidden;
}

.U_MD_D_A_OI {
    width: 127px;
    height: 98px;
    background-position: -1029px -16px;
    margin: auto;
    margin-top: 20px;
}

.U_MD_D_A_OK {
    width: 100%;
    margin-top: 20px;
    color: #989898;
    font-family: arial, sans-serif;
    font-size: 14px;
    text-align: center;
}

.U_MD_D_A_OC {
    width: 795px;
    height: 165px;
    margin: 40px auto 0 auto;
}

.U_MD_D_A_OCI {
    margin-left: 80px;
    float: left;
}

.U_MD_D_A_OCIS {
    width: 95px;
    height: 95px;
    cursor: pointer;
}

.U_MD_D_A_OCIX {
    margin-top: 14px;
    width: 90px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    text-align: center;
}

.U_MD_D_A_OCID {
    cursor: pointer;
    font-family: arial, sans-serif;
    width: 88px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #e4e4e4;
    color: #0085D9;
}

.U_MD_D_A_OCID:hover {
    background-color: #0085D9;
    color: White;
}

.U_MD_D_A_OCISL {
    background-position: -1177px -14px;
}

.U_MD_D_A_OCISC {
    background-position: -1031px -135px;
}

.U_MD_D_A_OCISF {
    background-position: -1033px -246px;
}

.U_MD_D_A_OCISJ {
    background-position: -1150px -135px;
}

.U_MD_D_A_OCISB {
    background-position: -1155px -247px;
}

.U_MD_D_A_OCN {
    font-size: 14px;
    margin-top: 45px;
    width: 100%;
    text-align: center;
    font-family: arial, sans-serif;
}

.U_MD_D_A_OCN span {
    color: #00CA1C;
}

.U_MD_D_A_OCM {
    margin-top: 36px;
    width: 100%;
    font-family: arial, sans-serif;
    color: #A3A3A3;
    text-align: center;
}

.U_MD_D_A_OCM span {
    font-family: 微软雅黑;
}

.U_MD_D_A_OCM div {
    margin: 7px;
}


/*关于我们*/

.U_MD_D_A_OT {
    font-family: 宋体;
    width: 807px;
    height: 510px;
    background-color: White;
    top: 25px;
    left: 100px;
    padding: 12px 50px 23px 50px;
    display: none;
}

.U_MD_D_A_OT_T {
    width: 230px;
    height: 65px;
    margin: 0 auto 0 auto;
}

.U_MD_D_A_OT_C {
    margin-top: 21px;
    height: 385px;
}

.U_MD_D_A_OT_CO {
    float: left;
    width: 300px;
}

.U_MD_D_A_OT_COM {
    margin-left: 30px;
    width: 266px;
}

.U_MD_D_A_OT_COMO {
    margin-left: 30px;
    width: 175px;
}

.U_MD_D_A_OT_COT {
    font-family: 微软雅黑;
    width: 100%;
    font-size: 22px;
}

.U_MD_D_A_OT_COTO {
    font-size: 14px;
    width: 100%;
    margin-top: 30px;
    font-weight: 700;
}

.U_MD_D_A_OT_COTT {
    font-size: 14px;
    font-weight: 700;
    margin-top: 34px;
}

.U_MD_D_A_OT_COTS {
    margin-top: 20px;
}

.U_MD_D_A_OT_COTS span {
    font-weight: 700;
}

.U_MD_D_A_OT_COTZ {
    font-weight: 700;
    margin-top: 30px;
}

.U_MD_D_A_OT_COTZ span {
    color: #0078FD;
    font-weight: normal;
    cursor: pointer;
}

.U_MD_D_A_OT_COTZ span:hover {
    text-decoration: underline;
}

.U_MD_D_A_OT_COTB {
    margin-top: 30px;
}

.U_MD_D_A_OT_COC {
    margin-top: 14px;
    line-height: 23px;
    font-family: '微软雅黑';
}

.U_MD_D_A_OT_COC span {
    color: #0078FD;
}

.U_MD_D_A_OT_COC ul {
    margin: 0;
}

.U_MD_D_A_OT_COC li {
    margin-top: 2px;
    cursor: pointer;
}

.U_MD_D_A_OT_COCO {
    color: #0078FD;
}

.U_MD_D_A_OT_COCOO {
    padding: 0 107px 0 72px;
}

.U_MD_D_A_OT_COCT {
    padding-left: 15px;
}

.U_MD_D_A_OT_COCS {
    margin-top: 1px;
}

.U_MD_D_A_OT_COCSO {
    cursor: pointer;
}

.U_MD_D_A_OT_COCSO:hover {
    text-decoration: underline;
}

.U_MD_D_A_OT_X {
    color: #888;
    margin: 25px auto 0 auto;
    width: 285px;
    text-align: center;
}

.U_MD_D_A_OT_X div {
    margin-top: 12px;
}


/*用户协议*/

.U_MD_D_AG {
    padding: 0 5px 5px 20px;
    background-color: White;
    display: none;
}

.U_MD_D_AG_P {
    font-family: 宋体;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.U_MD_D_AG_P pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}


/***<jscompress sourcefile="Desktop.css" />*/


/*整体样式*/

html {}

html,
body {
    cursor: default;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    font-size: 12px;
    font-family: lucida, "Hiragino Sans GB", "微软雅黑", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
    background-color: #FFF;
}

textarea,
div[contentEditable='true'],
input,
div[class='UF_FW_Message U_MD_D_YesText'] div[class='U_MD_F_H_Z'] {
    outline: none;
    -khtml-user-select: text;
    -moz-user-input: enabled;
    -moz-user-focus: -moz-all;
    -webkit-user-select: text;
    -moz-user-select: -moz-all;
    -ms-user-select: text;
    cursor: text;
}

input[type="button"] {
    border: 0;
}

span {
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* 自定义滚动条样式 */

body div ::-webkit-scrollbar {
    width: 12px;
    /*height: 12px 隐藏下方的滚动条*/
}

body div ::-webkit-scrollbar-button:vertical {
    display: none;
}

body div ::-webkit-scrollbar:vertical {
    background-color: #fff;
}

body div ::-webkit-scrollbar-track-piece {
    background: #fff;
}

body div ::-webkit-scrollbar-thumb {
    background-color: #8E8E8E;
    border-radius: 5px;
}

body div ::-webkit-scrollbar-thumb:hover {
    background-color: #3B3B3B;
}

body div ::-webkit-scrollbar-corner:vertical {
    background-color: #535353;
}

body div ::-webkit-scrollbar-resizer:vertical {
    background-color: #FF6E00;
}


/*主样式*/

.usestudio {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: White;
}

.usestudio_server {
    margin: 0;
    padding: 0;
    border: 0;
    width: 0;
    height: 0;
    cursor: default;
    -webkit-text-size-adjust: none;
    overflow: hidden;
}

.ErrorTip {
    display: block;
    font-style: normal;
    height: 21px;
    line-height: 21px;
    margin-top: -23px;
    font-size: 12px;
    color: #222;
    cursor: text;
    width: 250px;
}


/*提示区域*/


/* ie */

.Scrollbar {
    overflow: auto;
    scrollbar-arrow-color: #757778;
    scrollbar-face-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-highlight-color: #bec1c4;
    scrollbar-shadow-color: #bec1c4;
    scrollbar-track-color: #fff;
    scrollbar-3dlight-color: #fff;
}


/*云端切图*/

.U_Img {
    background-image: url(/img/YS2017.png);
    _background-image: url(/img/YSD2014.gif);
}

.U_MD_D_NotText {
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
}

.U_MD_D_YesText {
    -webkit-user-select: text;
    -moz-user-select: -moz-all;
    -moz-user-input: enabled;
    -moz-user-focus: -moz-all;
}


/*.UD_ICON            { background:url(/img/windowOE.png); _background:url(/img/windowOE.jpg); }*/


/*常用圆角*/

.U_MD_D_Radius_5 {
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border--radius: 5px;
    border-radius: 5px;
    border-radius: 5px;
}

.U_MD_D_Radius_18 {
    -moz-border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -webkit-border--radius: 18px;
    border-radius: 18px;
    border-radius: 18px;
}

.U_MD_D_Radius_5_0 {
    -moz-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -webkit-border--radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#U_MD_D_BG {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    background: url("/img/icon/bgImg2.png") 0px 0px / 100% auto repeat rgb(240, 240, 240);
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/img/background/ZMYT.jpg", sizingMethod=scale);
}


/*云端首页*/

.U_MD_Home {
    color: #000;
    font-size: 12px;
    width: 0;
    height: 0;
    overflow: hidden;
}


/*width:100%; height:100%;  position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; color:#000; overflow:hidden;*/

.U_MD_Home img {}

.UD_Dtop {
    display: none;
}


/*文字处理区域*/

.U_MD_D_Text_Abbreviation {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/*桌面样式*/

.U_MD_D {
    overflow: hidden;
    color: #FFF;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
}

.U_MD_D_B {
    position: absolute;
    bottom: 30px;
    right: 5%;
}

.U_MD_D_BD {
    padding: 5px 10px;
    background-color: #5A5A5A;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    right: 5%;
    top: 0px;
}

.U_MD_D_BDA {
    overflow: hidden;
    height: 30px;
    line-height: 32px;
    float: left;
}

.U_MD_D_BDI {
    float: left;
    background-position: -536px -373px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.U_MD_D_BDI img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.U_MD_D_BDL {
    float: left;
    color: #FFF;
    font-family: Arial;
    margin-left: 1px;
    cursor: pointer;
}

.U_MD_D_BDL div {
    margin-left: 10px;
    float: left;
    font-size: 14px;
    height: 30px;
}

.U_MD_D_BDL div:hover {
    color: #34BCFF;
}

.U_MD_D_BD_QRcode {
    padding: 5px 10px;
    background-color: #5A5A5A;
    border-radius: 0px 0px 10px 10px;
    position: absolute;
    right: -53px;
    top: 0px;
}

.U_MD_D_BD_QRcodeShare {
    display: none;
    padding: 5px 10px;
    background-color: #5A5A5A;
    position: absolute;
    right: -55px;
    top: 50px;
}

.U_MD_D_BD_QRcodeShare img {
    width: 100px;
    height: 100px;
    padding: 5px 5px;
}

.U_MD_D_BD_QRcode:hover+.U_MD_D_BD_QRcodeShare {
    display: block;
}

.U_MD_D_BZMD {
    position: relative;
}

.U_MD_D_BZMS {
    height: 40px;
    line-height: 30px;
    width: 721px;
    margin: 10px auto 0 auto;
    text-align: center;
}

.U_MD_D_BZMSA {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: auto;
    text-align: left;
    height: 40px;
    line-height: 40px;
}

.U_MD_D_BZM {
    width: 741px;
    margin: 20px auto 0 auto;
    position: relative;
    height: 94px;
    text-align: center;
}

.U_MD_D_BZMN {
    position: absolute;
    top: -10px;
    left: -40px;
    height: 22px;
    background-color: #EEE;
    padding: 0 6px;
    border-radius: 3px
}

.U_MD_D_BZMNL {
    float: left;
    width: 15px;
    height: 15px;
    margin-top: 3px;
}

.U_MD_D_BZMNLI {
    background-position: -574px -372px;
}

.U_MD_D_BZMNLO {
    background-position: -614px -372px;
}

.U_MD_D_BZMNLT {
    background-position: -594px -371px;
}

.U_MD_D_BZMNR {
    float: left;
    color: #222;
    line-height: 22px;
    margin-left: 3px;
    width: 50px;
}

.U_MD_D_BZMA {
    position: relative;
    padding: 0 30px;
    overflow: hidden;
    margin: auto;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    overflow: hidden;
}

.U_MD_D_BZMT {
    padding: 0px 10px;
}

.U_MD_D_BZMM {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #444;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    border-radius: 6px;
}

.U_MD_D_BZMO {
    margin: 2px 0 0 40px;
    cursor: pointer;
    width: 63px;
    height: 83px;
    float: left;
}

.U_MD_D_BZMOA {
    width: 51px;
    height: 54px;
    padding: 6px;
    /*border-radius: 3px;*/
    color: #FFF;
    cursor: pointer;
}

.U_MD_D_BZMOA:hover {
    padding: 5px;
    background-color: #505457;
    border: 1px solid #777;
}

.U_MD_D_BZMOI {
    width: 51px;
    height: 51px;
}

.U_MD_D_BZMON {
    width: 51px;
    height: 15px;
    line-height: 15px;
    margin-top: 6px;
    text-align: center;
}

.U_MD_D_B .U_MD_D_BS {
    margin: 30px auto 0 auto;
    float: none;
    width: 675px;
    height: 32px;
}

.U_MD_D_BCM {
    display: block;
    width: 721px;
    margin: 20px auto 0 auto;
    height: 40px;
    text-align: center;
    overflow: hidden;
}

.U_MD_D_BCMO {
    width: 125px;
    background-color: #666;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 3px 6px;
    margin: 5px 0 0 20px;
    text-align: left;
    position: relative;
}

.U_MD_D_BCMOL {
    float: left;
    height: 100%;
    text-align: center;
    color: #EEE;
    margin-left: 2px;
}

.U_MD_D_BCMOL div {
    float: none;
}

.U_MD_D_BCMOLS {
    font-size: 12px;
}

.U_MD_D_BCMOR {
    float: left;
    margin-left: 11px;
    font-size: 13px;
    color: #FFF;
    width: 85px;
}

.U_MD_D_BZ {
    color: #FFF;
    font-family: Arial;
    background-color: #676767;
    padding: 8px 15px;
    font-style: normal;
    cursor: pointer;
    display: none;
}

.U_MD_D_BZ div {
    text-align: center;
}


/*桌面图标使用 */

.U_MD_D_K {
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
}

.U_MD_D_KO {
    cursor: pointer;
    width: 63px;
    height: 83px;
    position: absolute;
    top: 0;
    left: 80px;
    padding: 1px;
}

.U_MD_D_KO:hover {
    background-color: #505457;
    border: 1px solid #777;
    padding: 0;
}

.U_MD_D_KOA {
    margin: 5px auto 0 auto;
    width: 51px;
    border-radius: 5px;
}

.U_MD_D_KOS {
    width: 51px;
    height: 51px;
}

.U_MD_D_KOX {
    width: 51px;
    height: 15px;
    line-height: 15px;
    margin-top: 6px;
    text-align: center;
}

.U_MD_D_NewsTipsIcon {
    background: rgba(250, 250, 250, 0) url(/img/YSD20143.png);
    position: fixed;
    width: 51px;
    height: 51px;
    bottom: 80px;
    right: 90px;
    background-position: 85px 188px;
    border-radius: 38px;
    cursor: pointer;
    background-size: 1800%;
    visibility: visible;
}

.U_MD_D_T_taskbar_Bar_Operate_Button {
    font-size: 19px;
    cursor: pointer;
    text-align: center;
}


/*上传按钮*/

.U_MD_D_filePrew {
    position: absolute;
    display: block;
    z-index: 1;
    border: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity: 0);
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/*上传控件*/

.U_MD_D_filePrew_I {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 0;
    color: #666;
    background: #eee;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}


/*头部消息*/

.U_MD_D_MG_A {
    position: relative;
}

.U_MD_D_MG_T {
    background-color: #60e480;
    color: White;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: -7px;
    left: 22px;
    font-size: 10px;
    border-radius: 50%;
    display: none;
    cursor: pointer;
}

.U_MD_D_MG_O {
    width: 300px;
    z-index: 3;
    position: absolute;
    font-family: arial, sans-serif;
    background-color: White;
    border: 1px solid #838383;
    cursor: default;
    display: none;
    top: 35px;
    right: -34px;
    max-height: 230px;
    overflow: auto;
}

.U_MD_D_MG_OA {
    width: 100%;
    background: rgb(237, 237, 237);
    height: 100%;
}

.U_MD_D_MG_OM {
    background-color: #f2f2f2;
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    padding: 5px 0;
    color: #000;
    display: none;
}

.U_MD_D_MG_OM:hover {}

.U_MD_D_MG_OMS {
    color: #0b7aeb;
    margin-left: 10px;
}

.U_MD_U_P_C_P_N_I {
    outline: none;
    border: 0;
    color: black;
    overflow: hidden;
    background-color: transparent;
    width: 100%;
    border-radius: 35px;
}


/***<jscompress sourcefile="Help.css" />*/

.U_MD_D_H {
    position: absolute;
    right: 80px;
    bottom: 80px;
    width: 80px;
    height: 80px;
    background-color: #59B4FA;
    border: 5px solid #4DA4FD;
    border-radius: 50%;
    cursor: pointer;
    display: none;
}

.U_MD_D_H_A {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.U_MD_D_H_O {
    color: #FFF;
    font-size: 20px;
    line-height: 30px;
    word-spacing: 8px;
    letter-spacing: 8px;
    margin: 9px 0 0 15px;
}


/***<jscompress sourcefile="Taskbar.css" />*/


/*任务管理器*/


/*任务栏*/

.U_MD_D_RW {
    z-index: 99;
    width: 100%;
    height: 65px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #505050;
    box-shadow: 0 0 30px 5px #212121;
    -webkit-box-shadow: 0 0 30px 5px #212121;
}

#U_MD_D_RW {
    width: 800px;
    color: #FFF;
    height: 100%;
    /*overflow: hidden;*/
    float: left;
}

#U_MD_D_RW div {
    color: #111;
}

#U_MD_D_RW .U_MD_D_BZMOA:hover {
    /*background-color:transparent;*/
    background-color: #6F6F6F;
    border: 0;
    padding: 6px;
}

#U_MD_D_RW .U_MD_D_BZMO {
    margin-left: 4px;
    position: relative;
}

#U_MD_D_RW .U_MD_D_BZMON {
    margin-top: 4px;
    color: #FFF;
}

.U_MD_D_RW_L {
    float: left;
    width: 21px;
    height: 100%;
    background-color: #00A8FD;
    position: relative;
}

.U_MD_D_RW_R {
    float: right;
    width: 21px;
    height: 100%;
    background-color: #6d6d6d;
    position: relative;
}


/*.U_MD_D_RW *        { zoom:1; -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -ms-transform:scale(1); color:#333; }*/

.U_MD_D_RW_T {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid # color: #006699;
    font-size: 13px;
    color: #FFF;
    margin-top: 16px;
}

.U_MD_D_RW_I {
    width: 21px;
    height: 45px;
    float: left;
    margin-top: 19px;
}


/*.U_MD_D_RW_IO    { width:47px; height:47px; background-position:-729px -337px; margin:auto; cursor:pointer; }
.U_MD_D_RW_IO:hover      { background-position:-787px -339px; }*/

*.U_MD_D_RW_IO {
    width: 21px;
    height: 100%;
}

.U_MD_D_RW_CD {
    width: 21px;
    margin-top: 16%;
}

.U_MD_D_RW_GU {
    width: 21px;
    height: 30%;
    /*background-color:gray;*/
}

.U_MD_D_RW_GU:hover {
    background-color: gray;
}

.U_MD_D_RW_GD {
    width: 21px;
    height: 30%;
    /*background-color:gray;*/
    position: absolute;
    bottom: 0;
}

.U_MD_D_RW_GD:hover {
    background-color: gray;
}

.U_MD_D_RW_GU_g {
    width: 21px;
}

.U_MD_D_RW_GD_g {
    width: 21px;
}

.U_MD_D_RW .U_MD_D_T_taskbar_Name {
    display: none;
    width: 115px;
    height: 31px;
    background: rgba(111, 111, 111, 1);
    border-radius: 1px;
    font-size: 15px;
}

#U_MD_D_RW .U_MD_D_T_taskbar_Close {
    display: none;
    width: 15px;
    height: 14px;
    background-color: red;
    /*border-radius: 100%;*/
    color: White;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 9px;
    top: 8px;
    line-height: 11px;
    cursor: pointer;
}

#U_MD_D_RW .U_MD_D_BZMO:hover .U_MD_D_T_taskbar_Close {
    display: block;
}

#U_MD_D_RW .U_MD_D_BZMO:hover .U_MD_D_T_taskbar_Name {
    display: block;
}

.U_MD_D_T_taskbar_Bar {
    position: absolute;
    bottom: 0;
    width: 80%;
    background-color: #555;
    height: 56px;
    left: 10%;
    border-bottom: 0;
    box-shadow: 0 0 25px 3px #555;
    -webkit-box-shadow: 0 0 25px 3px #555;
}

.U_MD_D_T_taskbar_Bar_Main {
    float: left;
    margin: 0 auto;
    width: calc(100% - 18px);
    height: 100%;
}

.U_MD_D_T_taskbar {
    width: 50px;
    height: 100%;
    float: left;
    margin: 3px 0 3px 3px;
    position: relative;
}

.U_MD_D_T_taskbar_Main,
.U_MD_D_T_taskbar_Icon {
    width: 100%;
    height: 100%;
}

.U_MD_D_T_taskbar_Bar_Operate {
    float: right;
    width: 18px;
    line-height: 28px;
    display: none;
}

.U_MD_D_T_taskbar_Bar_Operate_Button {
    font-size: 19px;
    cursor: pointer;
    text-align: center;
}


/***<jscompress sourcefile="main.css" />*/

html,
body {
    margin: 0;
    padding: 0;
}

.backs {
    width: 100%;
    float: left;
    overflow: hidden;
}

.backs_left {
    float: left;
    width: 13%;
    height: 2900px;
    background-color: #015D98;
    padding-top: 88px;
}

.backs_right {
    width: 100%;
    overflow: hidden;
    display: inline-grid;
}

.backs_score {
    width: 100%;
    height: 56px;
    text-indent: 26%;
    font-size: 15px;
    line-height: 56px;
    color: #ffffff;
    /* background-color:rgba(19,69,111,1); */
}


/* .backs_score:after {
	float:right;
	width:17px;
	height:17px;
	margin-top:12px;
	margin-right:10px;
	content:"";
	background:url('../img/reply/update.png');
}
*/

.backs_score>img {
    display: block;
}

.backs_scoretwo {
    width: 100%;
    height: 56px;
    text-indent: 15%;
    font-size: 15px;
    line-height: 56px;
    color: #ffffff;
    margin-left: 37px;
}

.backs_li {
    width: 16%;
    height: 50px;
    font-size: 12px;
    text-align: center;
    float: left;
    border: 1px solid;
    font-size: 14px;
    list-style-type: none;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
}

.backs_ul {
    /* width:98%;
	*/
    font-size: 15px;
    margin-top: -16px;
}

.backs_content {
    width: 20%;
    height: 50px;
    text-align: center;
    float: left;
    font-size: 15px;
    border: 1px solid;
    list-style-type: none;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
}

.backs_selet {
    border: 1px solid;
    height: 19px;
    width: 158px;
    padding-left: 8px;
    margin-top: 10px;
}

.left {
    float: left;
    margin-left: 37px;
    margin-top: 13px;
}

.backs_user {
    float: left;
    margin-top: 35px;
    margin-left: 12%;
    font-size: 12px;
    color: black;
}

.backs_bigright {
    float: right;
    width: 87%;
    height: 1024px;
    background-color: rgba(242, 242, 242, 1);
}

.backs_seletbtn {
    width: 56px;
    height: 23px;
    margin-left: 28px;
}

.backs_data {
    width: 868px;
    height: 40px;
    float: left;
    margin-left: 3%;
    font-size: 12px;
    margin-top: 35px;
}

.backs_p {
    float: left;
    /* margin-top:10px; */
    margin: 12px 2px;
    font-weight: bolder;
    font-size: 13px;
}

.backs_input {
    float: left;
    border: 1px solid;
    margin-top: 10px;
    height: 19px;
    width: 208px;
    margin-left: 6px;
}

.backs_databox {
    float: left;
    /* line-height:40px;
	*/
    padding-left: 20px;
}

.backs_pass {
    width: 20.5%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 8px 6%;
    color: #fff;
    background-color: #217EC4;
    float: left;
    border-radius: 5px;
    cursor: pointer;
}

.backs_span {
    float: left;
}

.backs_all {
    float: left;
    width: 100%;
}

.backs_all_div {
    float: left;
    list-style-type: none;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
}

.backs_all_no {
    float: left;
    list-style-type: none;
    margin-left: 20px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 22px;
    color: #999999;
    cursor: pointer;
}

.backs_head {
    width: 100%;
    float: left;
}

.backs_insert {
    position: absolute;
    left: 570px;
    top: 254px;
    width: 300px;
    height: 204px;
    border: 1px solid;
}

.backs_inserttop {
    width: 100%;
    height: 35px;
    background: inherit;
    background-color: rgba(215, 215, 215, 1);
    font-size: 16px;
    line-height: 35px;
}

.backs_insertbottom {
    background-color: #ffffff;
    width: 100%;
    height: 169px;
}

.backs_type {
    float: left;
    margin-left: 4%;
}

.backs_x {
    float: right;
    margin-right: 5%;
}

.backs_ok {
    width: 90px;
    height: 24px;
    float: left;
    background-color: #0098e0;
    margin-left: 30px;
    border-radius: 15%;
    margin-top: 54px;
    text-align: center;
    color: #fff;
}

#backs_p {
    width: 180px;
    height: 38px;
    background-color: rgba(215, 215, 215, 1);
    float: left;
    border: 1px solid;
    line-height: 40px;
}

.switch {
    float: right;
    margin-right: 19%;
}

.switch>div {
    float: right;
}

.ellipse {
    width: 51px;
    height: 23px;
    border-radius: 63px;
    background-color: #D7D7D7;
    float: right;
    position: relative;
}

.circle {
    width: 16px;
    height: 16px;
    border: 1px solid;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 5px;
    background-color: #fff;
}

.dustbin {
    float: right;
    width: 17px;
    height: 17px;
    margin-top: 21px;
    margin-right: 10px;
    display: none;
}

.update {
    float: right;
    width: 17px;
    height: 17px;
    margin-top: 21px;
    margin-right: 10px;
    display: none;
}

.dhl>li {
    background-color: #4995CF;
    color: white;
    border: 1px solid black;
    border-top: 0px;
}

.xh {
    width: 7%;
    border-right: 0px!important;
    /* border-bottom:0px!important;
	*/
}

.yh {
    width: 10%;
    border-right: 0px!important;
}

.dhl {
    margin-top: 21px;
}

.con {
    border-right: 0px!important;
}

.ly {
    border-right: 0px!important;
}

.sj {
    border-right: 0px!important;
}


/***<jscompress sourcefile="Reply.css" />*/

.U_MD_R_comment {
    background-color: #F7F7F7;
    width: 100%;
    height: 100%;
    overflow: auto;
    top: 0px;
    left: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.U_MD_R_content {
    padding: 0 30px;
    overflow: hidden;
}

.U_MD_R_content_loading {
    font-size: 22px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.U_MD_R_content_operation {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 10px 0;
}

.U_MD_R_content_operation_userhead {
    float: left;
    width: 40px;
    height: 40px;
    margin: 10px;
    border-radius: 40px;
}

.U_MD_R_content_operation_userhead img {
    width: 100% !important;
    height: 100% !important;
    max-width: unset !important;
    padding: unset !important;
    margin: unset !important;
}

.U_MD_R_content_operation_right {
    float: right;
    min-width: 660px !important;
}

.U_MD_R_content_operation_userlogin {
    font-size: 16px;
    padding: 5px;
    cursor: pointer
}

.U_MD_R_content_operation_right_bottom {
    font-size: 14px;
    padding: 10px 0;
}

.U_MD_R_content_operation_right_bottom_emoji {
    float: left;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: none;
    background: url(/img/reply/emoji.png) 0% 0% / 20px no-repeat transparent;
    margin: 5px 0px 0px 10px
}

.U_MD_R_content_operation_right_bottom_picturewarp {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    position: relative;
    cursor: pointer;
}

.U_MD_R_content_operation_right_bottom_picturewarp img {
    cursor: pointer;
    max-width: unset !important;
    padding: unset !important;
    margin: unset !important;
}

.U_MD_R_content_operation_right_bottom_picturewarp input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 17px;
    top: 0;
    height: 15px;
    cursor: pointer;
}

.U_MD_R_content_operation_right_bottom_release {
    padding: 0px 20px;
    height: 28px;
    background-color: #4183C4;
    float: right;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
}

.U_MD_R_content_operation_right_bottom_imgloadbox {
    /*margin-top:15px;*/
    background-color: #f7f7f7;
}

.U_MD_R_content_operation_right_bottom_imgloadbox_warp {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    position: relative;
    cursor: pointer
}

.U_MD_R_content_operation_right_bottom_imgloadbox_warp img {
    width: 100% !important;
    height: 100% !important;
    padding: unset!important;
    margin: unset!important;
    max-width: unset !important;
}

.U_MD_R_content_operation_right_bottom_imgloadbox_warp .closebtn {
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: none;
    background-image: url(/img/reply/close.png);
    z-index: 11;
    background-size: cover;
    position: absolute;
    top: -11px;
    right: -8px;
    display: none
}

.U_MD_R_content_operation_right_bottom_imgloadbox_warp:hover.U_MD_R_content_operation_right_bottom_imgloadbox_warp .closebtn {
    display: block
}

.U_MD_R_content_comment {
    width: 100%;
}

.U_MD_R_content_warp_box {
    width: calc(100% - 50px);
    margin-left: 50px;
}

.U_MD_R_content_box {
    width: 100%;
    padding: 5px 0;
}

.U_MD_R_content_box_warp {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.U_MD_R_content_box_userhead {
    float: left;
    width: 40px;
    height: 40px;
    margin: 10px;
    border-radius: 40px;
}

.U_MD_R_content_box_userhead img {
    width: 100%;
    height: 100%;
    max-width: unset !important;
    padding: unset !important;
    margin: unset !important;
    border-radius: 40px;
}

.U_MD_R_content_box_content {
    float: right;
    /*min-width: 668px !important;*/
    padding: 10px 0;
}

.U_MD_R_content_box_content_top {
    overflow: hidden
}

.U_MD_R_content_box_content_top_name {
    float: left;
    margin-left: 10px;
}

.U_MD_R_content_box_content_top_time {
    float: right;
    margin-right: 20px;
}

.U_MD_R_content_box_content_text {
    padding: 10px 0 5px 10px;
    font-size: 15px;
    line-height: 18px;
    word-wrap: break-word;
    /*overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}

.U_MD_R_content_box_content_text img {
    padding: 10px 0 !important;
    max-width: 200px !important;
    margin: unset !important
}

.U_MD_R_content_box_content_bottom {
    overflow: hidden;
    padding: 5px 0 0px 10px;
    font-size: 14px;
}

.U_MD_R_content_box_content_bottom_likeswarp {
    float: left;
    overflow: hidden;
    cursor: pointer;
    padding: 0 20px 0 0;
}

.U_MD_R_content_box_content_bottom_likeswarp img {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    max-width: unset !important;
    padding: unset !important;
    margin: unset !important;
}

.U_MD_R_content_box_content_bottom_likeswarp_text {
    float: left;
    margin-left: 5px;
}

.U_MD_R_content_box_content_bottom_replywarp {
    float: left;
    overflow: hidden;
    cursor: pointer;
    padding: 0 20px 0 0;
}

.U_MD_R_content_box_content_bottom_replywarp img {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    max-width: unset !important;
    padding: unset !important;
    margin: unset !important;
    margin-top: 2px !important;
}

.U_MD_R_content_box_content_bottom_replywarp_text {
    float: left;
    margin-left: 5px;
    margin-top: -2px;
}

.U_MD_R_content_box_content_bottom_showmorewarp {
    float: left;
    overflow: hidden;
    cursor: pointer;
    padding: 0 20px 0 0;
}

.U_MD_R_content_box_content_bottom_showmorewarp img {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 2px;
    max-width: unset !important;
    padding: unset !important;
    margin: unset !important;
    margin-top: 2px !important;
}

.U_MD_R_content_box_content_bottom_showmore_text {
    float: left;
    margin-left: 7px;
    margin-top: 0px;
}

.U_MD_R_content_box_content_edit {
    margin-top: 10px;
}

.U_MD_R_content_box_content_edit .U_MD_R_Reply_Content {
    min-height: 40px;
    background: rgb(255, 255, 255);
    border: 1px solid black;
}


/***<jscompress sourcefile="Picture.css" />*/

.U_MD_UI_Picture_picBox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}

.U_MD_UI_Picture_picArea {
    position: absolute;
    width: 1290px;
}

.U_MD_UI_Picture_picArea>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#U_MD_UI_Picture_fa span:hover {
    cursor: pointer;
}

.U_MD_UI_Picture_picArea img {
    width: 100%;
    vertical-align: top;
}

.U_MD_UI_Picture_picArea:hover {
    cursor: Move;
}

#U_MD_UI_Picture_add:active {
    background-image: url("img/pictureView/add-active.png") !important;
}

#U_MD_UI_Picture_narrow:active {
    background-image: url("img/pictureView/narrow-active.png") !important;
}

#U_MD_UI_Picture_prev:active {
    background-image: url("img/pictureView/prev-active.png") !important;
}

#U_MD_UI_Picture_next:active {
    background-image: url("img/pictureView/next-active.png") !important;
}

#U_MD_UI_Picture_turnLeft:active {
    background-image: url("img/pictureView/turnLeft-active.png") !important;
}

#U_MD_UI_Picture_turnRight:active {
    background-image: url("img/pictureView/turnRight-active.png") !important;
}