update

css/Controls/Basic.css

@@ -0,0 +1,409 @@
+
+/***<jscompress sourcefile="Banner.css" />*/
+/**
+   电脑端banner控件css命名空间
+*/
+*{margin:0;padding:0;}
+ul li{list-style-type:none;}
+.U_MD_UI_slider_ImgList{width: 8428px;height:100%;position: absolute;left:-1204px;top: 0;}
+.U_MD_UI_slider_ImgList li {width:1204px;height:340px;}
+.U_MD_UI_slider_ImgList li img {width:100%;height:100%;}
+.U_MD_UI_slider_Btn{width: 100%;height: 40px;position: absolute;top: 50%;margin-top:-20px;color:#fff;font-size: 30px;display: none;}
+.U_MD_UI_slider_Btn .U_MD_UI_slider_Left{width: 25px;height: 50px;position: absolute;border-radius:0 50px 50px 0;background-color: rgba(0,0,0,.2);left: 0;text-align: center;text-indent: -5px;float: left;line-height:45px;}
+.U_MD_UI_slider_Btn .U_MD_UI_slider_Right{width: 25px;height: 50px;position: absolute;border-radius:50px 0 0 50px;background-color: rgba(0,0,0,.2);right: 0;text-align: center;text-indent: 5px;float: right;line-height:45px;}
+.U_MD_UI_slider_Point{position:absolute;bottom:10px;left:46%;display:table;text-align:center;height: 10px;border-radius: 4px;}
+.U_MD_UI_slider_Point li{width: 10px;height: 10px;background: #d5d5d5;border-radius: 50%;float: left;cursor: pointer;margin-left: 8px;}
+.U_MD_UI_slider_Point li.U_MD_UI_slider_On{background: #7b7976;}
+
+/***<jscompress sourcefile="Calendar.css" />*/
+
+
+.U_MD_UI_calendar_bigboard {position: absolute;width: 304px;overflow: hidden; z-index: 99999;}
+.U_MD_UI_calendar_bigboard ul{list-style-type: none; margin: 0;padding: 0;}
+.U_MD_UI_calendar_features {height: 50px;background-color: #c62f2f;}
+.U_MD_UI_calendar_features_a {text-align: center;display: inline-block;width: 100%;vertical-align: middle;overflow:hidden}
+.U_MD_UI_calendar_features > i {display: inline-block;height: 100%;vertical-align: middle;}
+.U_MD_UI_calendar_week {padding: 6px 0 !important;text-align: center;overflow: hidden;}
+.U_MD_UI_calendar_week > li {float: left;width: 14.28%;font-size: 14px;}
+.U_MD_UI_calendar_tit {display: inline-block;color: #fff;cursor: pointer;}
+.U_MD_UI_calendar_prev {float: left;margin-left: 10px;border-color: transparent #fff transparent transparent;}
+.U_MD_UI_calendar_next {float: right;margin-right: 50px;border-color: transparent transparent transparent #fff;}
+.U_MD_UI_calendar_btn {border-style: solid;border-width: 6px;margin-top: 5px;cursor: pointer;}
+.U_MD_UI_calendar_c_a {border-style: solid;border-color: #ede9e7; border-width: 0 1px 1px; background-color: #fff}
+.U_MD_UI_calendar_c {text-align: center;overflow: hidden;padding-bottom: 10px;}
+.U_MD_UI_calendar_c > li {float: left;width: 14.28%;height: 43px;}
+.U_MD_UI_calendar_c > li > span {display: inline-block;width: 35px;height: 35px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 35px;cursor: pointer;}
+.U_MD_UI_calendar_c > li > span:hover {background-color: #f8d6bd;}
+.U_MD_UI_calendar_unavailable{color: #aeaeae;}
+.U_MD_UI_calendar_unavailable:hover{background-color:transparent !important; cursor:inherit !important}
+.U_MD_UI_calendar_weekend {color: #c62f2f;}
+.U_MD_UI_calendar_today {background-color: #eed1bc;}
+.U_MD_UI_calendar_month {overflow: hidden;}
+.U_MD_UI_calendar_month_c {text-align: center;}
+.U_MD_UI_calendar_month_c > li {float: left;width: 25%;}
+.U_MD_UI_calendar_month_c > li > span {display: inline-block;width: 100%;height: 66px;line-height: 66px;cursor: pointer;border-bottom: 1px solid #fafafa;border-right: 1px solid #fafafa;}
+.U_MD_UI_calendar_month_c > li > span:hover {background-color: #f8c8a4;}
+.U_MD_UI_calendar_closeBtn{position:absolute; right: 0; width:50px; height:50px;font-size:14px;color:#fff; line-height:50px; text-align:center; font-family:"黑体"}
+.U_MD_UI_calendar_closeBtn:hover{cursor: pointer;color:#EEEEEE}
+.U_MD_UI_calendar_closeBtn:active{color: #ccc}
+.U_MD_UI_calendar_timeBtn{float: left;border: 1px solid #ede9e7;padding:4px 18px; margin-right: -1px; cursor: pointer; font-size: 14px;}
+.U_MD_UI_calendar_timeBtn:hover{color:#ffffff; background-color:#c62f2f; }
+.U_MD_UI_calendar_time{border-style:solid; border-width: 0 1px 1px; border-color: #ede9e7; padding:12px 16px;background-color: #ffffff; font-size:14px;}
+.U_MD_UI_calendar_timeBox{float: right;}
+.U_MD_UI_calendar_timeText{line-height: 26px; cursor: pointer; font-size: 14px;}
+.U_MD_UI_calendar_timeTextClick {color: #c62f2f}
+.U_MD_UI_calendar_timeText:hover {color: #c62f2f}
+.U_MD_UI_calendar_timeChoose{ padding: 0 38px 10px; overflow: hidden}
+.U_MD_UI_calendar_timeRow{width: 75px; float: left; text-align: center;}
+.U_MD_UI_calendar_timeRowCon {border:1px solid #ede9e7; margin-left: -1px;}
+.U_MD_UI_calendar_timeRowUl{height: 180px; overflow: auto;}
+.U_MD_UI_calendar_timeRowUl::-webkit-scrollbar { width: 0 !important }
+.U_MD_UI_calendar_timeRowUl { -ms-overflow-style: none; }
+.U_MD_UI_calendar_timeRowUl { overflow: -moz-scrollbars-none; }
+.U_MD_UI_calendar_timeRowUl > li{ height: 30px; line-height: 30px; cursor: pointer}
+.U_MD_UI_calendar_timeRowUl > li:hover { background-color: #f8c8a4; }
+.U_MD_UI_calendar_timeRowActive { background-color: #f8c8a4}
+.U_MD_UI_calendar_timeRowText { display: inline-block; padding: 8px 0;}
+
+
+/***<jscompress sourcefile="City.css" />*/
+.U_MD_UI_city_inputBox { display: inline-block; text-align: right; }
+/* input表单盒子的样式 */
+.U_MD_UI_city_inpuBox_p { font-size: 12.5px; font-family: 微软雅黑; }
+/* input表单盒子下 p标签的样式 */
+.U_MD_UI_city_inpuBox_p input { /* input表单盒子下 input标签的样式 */ width: 285px; height: 20px; color: #555555; text-indent: 5px; font-size: 12.5px; font-family: 微软雅黑; }
+.U_MD_UI_city_inpuBox_p input::-webkit-input-placeholder { /* input表单盒子下 input标签的placeholder颜色的样式 */ color: #b3b3b3; }
+.U_MD_UI_city_cityBox { /* 城市控件盒子的样式 */ width: 410px; box-sizing: border-box; padding: 17px 20px; border: 1px solid #dfdcdc; position: absolute; font-size: 12.5px !important; font-family: 微软雅黑 !important; background: #fff; z-index: 999; }
+.U_MD_UI_city_cityBox li { list-style: none; text-indent: 0px; padding: 0; }
+.U_MD_UI_city_menuBox, .U_MD_UI_city_Cont { /* 城市控件下 菜单盒子(ul) 与 内容盒子的样式(ul) */ border-bottom: 1px solid #c62f2f; height: 30px; padding: 0; margin: 0; }
+.U_MD_UI_city_menuBox li, .U_MD_UI_city_Cont li { /* 菜单盒子(ul) 与 内容盒子(ul) 下li的样式 */ position: relative; width: 25%; height: 100%; list-style: none; float: left; line-height: 30px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 14px; box-sizing: border-box; cursor: pointer; }
+
+.U_MD_UI_city_menuChecked, .U_MD_UI_city_Cont_ochecked { /*选中菜单 与 内容时 的样式 */ background: #c62f2f; /* 红色背景 */ color: #fff; /* 白色字 */ }
+.U_MD_UI_city_menuoChecked { /* 添加绝对定位 注意:这里的样式名和上面的不一样 此样式是选中内容数据后 对应菜单变成的红色小圆点*/ position: relative; }
+.U_MD_UI_city_menuoChecked:before { /* 添加红色小圆点伪元素 */ content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #c62f2f; vertical-align: 2px; position: absolute; left: -13px; top: 5px; }
+.U_MD_UI_city_Cont { /* 内容盒子样式(ul) */ border: none; margin-top: 15px; color: #626262; margin-right: 15px; }
+.U_MD_UI_city_Cont li { /* 内容盒子下li的鼠标指向时 从 pointer转为默认 */ cursor: inherit; }
+.U_MD_UI_city_Cont li > span { /* 内容盒子下li里span的样式 */ display: inline-block; width: 100%; cursor: pointer; }
+.U_MD_UI_city_Cont li > span:hover { /* 内容盒子下li的span的hover样式 */ background: #ffe8e8; /* 淡红色 */ }
+.U_MD_UI_city_Cont_ochecked:hover { /* 由于添加红色背景时的样式无hover 如若不加上这条 则hover为淡红色 因此使hover颜色 与 背景颜色相同*/ background: #c62f2f !important; }
+.U_MD_UI_city_hidden, #U_MD_UI_city_liTemplate { /* 模板 与 需要display为none时用到的 hidden样式 */ display: none; }
+.city_control { /* input标签的鼠标样式 */ cursor: pointer; }
+
+
+/***<jscompress sourcefile="Color.css" />*/
+.U_MD_UI_Color { }
+
+.U_MD_UI_Color_canvas { cursor: crosshair; }
+.U_MD_UI_Color_cur { width: 3px; height: 3px; outline: 2px solid #535353; margin-left: -1px; margin-top: -1px; position: absolute; }
+.U_MD_UI_Color_wrapper { position: relative; }
+.U_MD_UI_Color_color_show { width: 50px; height: 50px; background: #f00; }
+.U_MD_UI_Color_panel { width: 200px; height: 200px; position: fixed; /*top: 265px;*/ top: 20px; right: 20px; background-color: #fff; padding: 10px; text-align: center; line-height: 2em; }
+
+
+/***<jscompress sourcefile="Dialog.css" />*/
+body {
+}
+
+
+/***<jscompress sourcefile="Face.css" />*/
+.U_MD_UI_face     {width: 436px;height: 204px;position: absolute;z-index: 999;background-color:White;float: none;/*left:-218px;*/ top:-200px; }
+.U_MD_UI_face_H     { background-image: url(img/face.gif);width: 436px;height: 204px; }
+.U_MD_UI_face_C     { width:29px; height:29px; float:left;}
+.U_MD_UI_face_C:hover { width:27px; height:27px; border:1px solid #3a99ea;}
+#U_MD_UI_face_P_all {width: 100%;height: 204px;}
+.U_MD_UI_face_P_all_small { width: 100%; height: 204px;}
+.U_MD_UI_face_P_all_past {height: 204px;overflow: hidden; position: absolute;left: 0;}
+.U_MD_UI_face_P { width: 53px;height: calc(100%/4); float: left;background-image: url(img/phoneface.png); border: none; }
+.U_MD_UI_face_P_all_list { width: 50%;margin: 5px auto;overflow: hidden; }
+.U_MD_UI_face_P_all_list_li { float: left; margin-left: 12%; width: 10px; height: 10px; border-radius: 50%; background-color: #d7d7d7; }
+.U_MD_UI_face_P_all_list_li_active {background-color: #8d8d8d; }
+.U_MD_UI_face_P_all_first { width: 100%; height: 204px; float: left;}
+
+/***<jscompress sourcefile="Form.css" />*/
+body {
+}
+
+
+/***<jscompress sourcefile="Music.css" />*/
+.U_MD_UI_music_musicBox
+{
+    width: 400px !important;
+    height: 150px !important;
+    background: #cc5b5b !important;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    box-shadow: 0 0 10px 3px #dcdcdc !important;
+    color: #fff;
+    font-size: 20px;
+    font-family: "微软雅黑";
+}
+.U_MD_UI_music_leftCont
+{
+    width: 115px;
+    height: 100%;
+    position: relative;
+    vertical-align: top;
+    float: left;
+}
+.U_MD_UI_music_rightCont
+{
+    height: 100%;
+    width: calc(100% - 115px);
+    position: relative;
+    float: right;
+}
+.U_MD_UI_music_CoverBox
+{
+    width: 65px;
+    height: 65px;
+    border-radius: 100%;
+    margin-left: 25px;
+    margin-top: 38px;
+    overflow: hidden;
+}
+.U_MD_UI_music_CoverBox img
+{
+    width: 100%;
+}
+.U_MD_UI_music_Name
+{
+    position: absolute;
+    top: 44px;
+    width: 260px;
+    height: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.U_MD_UI_music_leftBtn
+{
+    position: absolute;
+    left: 5px;
+    background: url(img/Controls/Audio/pc/上一首.png);
+    width: 17px;
+    height: 21px;
+    bottom: 24px;
+    cursor: pointer;
+}
+.U_MD_UI_music_pauseBtn
+{
+    position: absolute;
+    background: url(img/Controls/Audio/pc/暂停.png);
+    width: 17px;
+    height: 29px;
+    left: 58px;
+    bottom: 19px;
+    cursor: pointer;
+}
+.U_MD_UI_music_rightBtn
+{
+    position: absolute;
+    background: url(img/Controls/Audio/pc/下一首.png);
+    width: 17px;
+    height: 21px;
+    left: 113px;
+    bottom: 24px;
+    cursor: pointer;
+}
+.U_MD_UI_music_progressBox
+{
+    width: 100%;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    background: #fff;
+    height: 5px;
+    border-radius: 1px;
+}
+.U_MD_UI_music_progressBar
+{
+    height: 100%;
+    width: 0;
+    background: #a75959;
+    position: relative;
+}
+.U_MD_UI_music_playBtn
+{
+    background: url(img/Controls/Audio/pc/播放.png);
+    width: 30px;
+    height: 33px;
+    left: 55px;
+}
+.U_MD_UI_music_soundOpen
+{
+    background: url(img/Controls/Audio/pc/音量-.png);
+    width: 22px;
+    height: 18px;
+    position: absolute;
+    right: 105px;
+    bottom: 25px;
+    cursor: pointer;
+}
+.U_MD_UI_music_soundClose
+{
+    background: url(img/Controls/Audio/pc/静音.png);
+    width: 20px;
+    height: 16px;
+}
+.U_MD_UI_music_soundBox
+{
+    position: absolute;
+    right: 32px;
+    bottom: 31px;
+    width: 62px;
+    height: 6px;
+    background: #e8b4b4;
+    border-radius: 2px;
+}
+.U_MD_UI_music_soundBar
+{
+    width: 0;
+    background: #f4dbdb;
+    height: 100%;
+    position: relative;
+}
+.U_MD_UI_music_listBtn
+{
+    position: absolute;
+    background: url(img/Controls/Audio/pc/列表.png);
+    width: 21px;
+    height: 14px;
+    right: 66px;
+    top: 14px;
+    cursor: pointer;
+}
+.U_MD_UI_music_shrinkBtn
+{
+    position: absolute;
+    background-image: url(img/min.png);
+    background-size: 100%;
+    width: 21px;
+    height: 21px;
+    right: 37px;
+    top: 11px;
+    cursor: pointer;
+}
+.U_MD_UI_music_closeBtn
+{
+    background: url(img/Controls/Audio/pc/关闭.png);
+    width: 13px;
+    height: 13px;
+    position: absolute;
+    right: 14px;
+    top: 15px;
+    cursor: pointer;
+}
+.U_MD_UI_music_progressBall
+{
+    width: 12px;
+    height: 12px;
+    border-radius: 12px;
+    background: #a75959;
+    left: 0%;
+    margin-left: -1%;
+    position: absolute;
+    top: -3px;
+    cursor: pointer;
+}
+.U_MD_UI_music_soundBall
+{
+    width: 11px;
+    height: 11px;
+    border-radius: 11px;
+    background: #fff;
+    position: absolute;
+    top: -3px;
+    cursor: pointer;
+    left: 0;
+    margin-left: -4%;
+}
+.U_MD_UI_music_hidden
+{
+    top: -9999px !important;
+    left: -9999px !important;
+}
+
+
+/***<jscompress sourcefile="Page.css" />*/
+
+/*分页*/
+.U_MD_F_Y {text-indent: 0;height: 35px;line-height: 35px;}
+.U_MD_F_Y > div, .U_MD_F_YL > div {display:inline-block;height: 100%; vertical-align:top;}
+.U_MD_F_Y .U_MD_F_YL {border-right: 1px solid #DADADA;}
+
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLT {background-image: url("img/Controls/Basic/Page/s_left.png");background-size: 65%;background-position: 6px 6px;     background-repeat: no-repeat;}
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLS{background-image: url("img/Controls/Basic/Page/s_right.png");background-size: 63%;background-position: 6px 6px;     background-repeat: no-repeat;}
+
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div, .U_MD_F_Y_Button {display: inline-block; cursor:pointer; border: 1px solid #DADADA;border-right: none;vertical-align: top;font-size:14px !important;min-width: 38px;text-align: center; background-color:White;}
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div.U_MD_F_Y_Button_Active, .U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div.U_MD_F_Y_Button_Active:hover {color: white;background-color: rgb(45, 155, 239);border-color: rgb(45, 155, 239);}
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div:hover, .U_MD_F_YRZ:hover {color: #2285ee; box-shadow: rgba(34,133,238,.2) 0 0 10px inset;}
+                                             
+/*
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLOO, .U_MD_F_Y .U_MD_F_YL .U_MD_F_YLO { display: none; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLF, .U_MD_F_Y .U_MD_F_YL .U_MD_F_YLFO { display: none; }
+.U_MD_F_Y .U_MD_F_YL div { display: inline-block; padding: 0 12px; height: 100%; border: 1px solid #ccc; border-right: none; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN .U_MD_F_YNO { line-height: 33px; margin: 0; margin-left: 5px; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN .U_MD_F_YNO:hover { border-color: #396dcd; background-color: #396dcd; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN .U_MD_F_YNOO { border-color: #396dcd; background-color: #396dcd; }
+.U_MD_F_Y .U_MD_F_YR { border: 0; height: 33px; float: left;  }
+.U_MD_F_Y .U_MD_F_YL { height: 33px; margin-top: 0px;display:inline-block; }    #4f89ff
+.U_MD_F_Y .U_MD_F_YR  { width: auto; height: 35px; padding: 0; font-size: 14px; float: left; }
+.U_MD_F_Y .U_MD_F_YR  div { width: 57px; margin: 0px; padding: 0px; margin: 0 5px; float: left; }
+*/
+.U_MD_F_Y .U_MD_F_YR  {margin-left: 15px;}
+                    
+.U_MD_F_Y .U_MD_F_YR  span {line-height: 35px;}
+.U_MD_F_Y .U_MD_F_YR  input {height: 31px;width: 57px;border: #dfdfdf solid 1px;padding: 0 10px;border-radius: 4px;font-size: 14px;background: #fff;text-align: center;min-width: auto;width: 32px;height: 28px;margin: 0 6px;}
+.U_MD_F_Y .U_MD_F_YR .U_MD_F_YRZ {margin-left: 10px;line-height: 28px;background-color: White;border: 1px solid #DADADA;border-radius: 3px;display: inline-block;text-align: center;padding: 0 6px !important; cursor:pointer;}
+.U_MD_F_Y .U_MD_F_YR .U_MD_F_YRR { line-height: 33px; font-size: 14px; margin-left: 10px; }
+
+
+/***<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;}
+
+/***<jscompress sourcefile="Video.css" />*/
+/*清除所有边距*/
+/*.U_MD_UI_video_VideoDiv * { margin: 0; padding: 0; position: relative; }*/ /*声博项目有影响 请重新调整  position: relative;？？？？*/
+.U_MD_UI_video_VideoDiv * { margin: 0; padding: 0;  }
+.U_MD_UI_video_VideoDiv { /*float: left;*/ margin: 0; padding: 0; overflow: hidden; }
+
+.U_MD_UI_video_VideoMain { width: 100%; height: 100%; background: #000; }
+
+.U_MD_UI_video_VideoControls { position: relative; bottom: 40px; width: 100%; height: 40px; background: #000; }
+
+/*.U_MD_UI_video_VideoControls * { float: left; position: absolute; }*/ /*声博项目有影响 请重新调整 position: absolute;？？？*/
+.U_MD_UI_video_VideoControls * { float: left; }
+.U_MD_UI_video_VideoControls .U_MD_UI_video_PlayPauseButton { width: 39px; height: 39px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_PlayIcon { background: url("img/Controls/Video/playBtn.png") no-repeat center; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_PauseIcon { background: url("img/Controls/Video/pauseBtn.png") no-repeat center; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Time { color: #fff; line-height: 39px; cursor: default; width: 52px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Progress { width: calc(100% - 295px); position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 10px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Progress .U_MD_UI_video_ProgressCircle { float: right; width: 10px; height: 10px; border-radius: 100%; background: #ffffff; position: relative; top: -3px; left: 5px; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Progress .U_MD_UI_video_ProgressCurrentTime { height: 100%; background: #fdcd4d; cursor: pointer; float: left; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_SoundControls { background: url("img/Controls/Video/soundIcon.png") no-repeat center; height: 100%; width: 10px; margin: 0 0 0 15px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_SoundProgress { width: 35px; position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 2px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_SoundProgress .U_MD_UI_video_SoundProgressCurrent { height: 100%; background: #fdcd4d; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_FullScreen { background: url("img/Controls/Video/fullScreenBtn.png") no-repeat center; width: 28px; height: 100%; margin: 0 20px; cursor: pointer; }
+

css/Controls/Basic.css.JSCompress

@@ -0,0 +1,17 @@
+<jscompress public="http://www.jscompress.cn/" command="import-combineset">
+<combinefile path="Basic.css">
+    <css_fixedrelativeurl value="1" />
+    <auto value="0" />
+    <sourcefile path=".\Basic\Banner.css" />
+    <sourcefile path=".\Basic\Calendar.css" />
+    <sourcefile path=".\Basic\City.css" />
+    <sourcefile path=".\Basic\Color.css" />
+    <sourcefile path=".\Basic\Dialog.css" />
+    <sourcefile path=".\Basic\Face.css" />
+    <sourcefile path=".\Basic\Form.css" />
+    <sourcefile path=".\Basic\Music.css" />
+    <sourcefile path=".\Basic\Page.css" />
+    <sourcefile path=".\Basic\Picture.css" />
+    <sourcefile path=".\Basic\Video.css" />
+</combinefile>
+</jscompress>

css/Controls/Basic/Banner.css

@@ -0,0 +1,14 @@
+/**
+   电脑端banner控件css命名空间
+*/
+*{margin:0;padding:0;}
+ul li{list-style-type:none;}
+.U_MD_UI_slider_ImgList{width: 8428px;height:100%;position: absolute;left:-1204px;top: 0;}
+.U_MD_UI_slider_ImgList li {width:1204px;height:340px;}
+.U_MD_UI_slider_ImgList li img {width:100%;height:100%;}
+.U_MD_UI_slider_Btn{width: 100%;height: 40px;position: absolute;top: 50%;margin-top:-20px;color:#fff;font-size: 30px;display: none;}
+.U_MD_UI_slider_Btn .U_MD_UI_slider_Left{width: 25px;height: 50px;position: absolute;border-radius:0 50px 50px 0;background-color: rgba(0,0,0,.2);left: 0;text-align: center;text-indent: -5px;float: left;line-height:45px;}
+.U_MD_UI_slider_Btn .U_MD_UI_slider_Right{width: 25px;height: 50px;position: absolute;border-radius:50px 0 0 50px;background-color: rgba(0,0,0,.2);right: 0;text-align: center;text-indent: 5px;float: right;line-height:45px;}
+.U_MD_UI_slider_Point{position:absolute;bottom:10px;left:46%;display:table;text-align:center;height: 10px;border-radius: 4px;}
+.U_MD_UI_slider_Point li{width: 10px;height: 10px;background: #d5d5d5;border-radius: 50%;float: left;cursor: pointer;margin-left: 8px;}
+.U_MD_UI_slider_Point li.U_MD_UI_slider_On{background: #7b7976;}

css/Controls/Basic/Calendar.css

@@ -0,0 +1,48 @@
+
+
+.U_MD_UI_calendar_bigboard {position: absolute;width: 304px;overflow: hidden; z-index: 99999;}
+.U_MD_UI_calendar_bigboard ul{list-style-type: none; margin: 0;padding: 0;}
+.U_MD_UI_calendar_features {height: 50px;background-color: #c62f2f;}
+.U_MD_UI_calendar_features_a {text-align: center;display: inline-block;width: 100%;vertical-align: middle;overflow:hidden}
+.U_MD_UI_calendar_features > i {display: inline-block;height: 100%;vertical-align: middle;}
+.U_MD_UI_calendar_week {padding: 6px 0 !important;text-align: center;overflow: hidden;}
+.U_MD_UI_calendar_week > li {float: left;width: 14.28%;font-size: 14px;}
+.U_MD_UI_calendar_tit {display: inline-block;color: #fff;cursor: pointer;}
+.U_MD_UI_calendar_prev {float: left;margin-left: 10px;border-color: transparent #fff transparent transparent;}
+.U_MD_UI_calendar_next {float: right;margin-right: 50px;border-color: transparent transparent transparent #fff;}
+.U_MD_UI_calendar_btn {border-style: solid;border-width: 6px;margin-top: 5px;cursor: pointer;}
+.U_MD_UI_calendar_c_a {border-style: solid;border-color: #ede9e7; border-width: 0 1px 1px; background-color: #fff}
+.U_MD_UI_calendar_c {text-align: center;overflow: hidden;padding-bottom: 10px;}
+.U_MD_UI_calendar_c > li {float: left;width: 14.28%;height: 43px;}
+.U_MD_UI_calendar_c > li > span {display: inline-block;width: 35px;height: 35px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 35px;cursor: pointer;}
+.U_MD_UI_calendar_c > li > span:hover {background-color: #f8d6bd;}
+.U_MD_UI_calendar_unavailable{color: #aeaeae;}
+.U_MD_UI_calendar_unavailable:hover{background-color:transparent !important; cursor:inherit !important}
+.U_MD_UI_calendar_weekend {color: #c62f2f;}
+.U_MD_UI_calendar_today {background-color: #eed1bc;}
+.U_MD_UI_calendar_month {overflow: hidden;}
+.U_MD_UI_calendar_month_c {text-align: center;}
+.U_MD_UI_calendar_month_c > li {float: left;width: 25%;}
+.U_MD_UI_calendar_month_c > li > span {display: inline-block;width: 100%;height: 66px;line-height: 66px;cursor: pointer;border-bottom: 1px solid #fafafa;border-right: 1px solid #fafafa;}
+.U_MD_UI_calendar_month_c > li > span:hover {background-color: #f8c8a4;}
+.U_MD_UI_calendar_closeBtn{position:absolute; right: 0; width:50px; height:50px;font-size:14px;color:#fff; line-height:50px; text-align:center; font-family:"黑体"}
+.U_MD_UI_calendar_closeBtn:hover{cursor: pointer;color:#EEEEEE}
+.U_MD_UI_calendar_closeBtn:active{color: #ccc}
+.U_MD_UI_calendar_timeBtn{float: left;border: 1px solid #ede9e7;padding:4px 18px; margin-right: -1px; cursor: pointer; font-size: 14px;}
+.U_MD_UI_calendar_timeBtn:hover{color:#ffffff; background-color:#c62f2f; }
+.U_MD_UI_calendar_time{border-style:solid; border-width: 0 1px 1px; border-color: #ede9e7; padding:12px 16px;background-color: #ffffff; font-size:14px;}
+.U_MD_UI_calendar_timeBox{float: right;}
+.U_MD_UI_calendar_timeText{line-height: 26px; cursor: pointer; font-size: 14px;}
+.U_MD_UI_calendar_timeTextClick {color: #c62f2f}
+.U_MD_UI_calendar_timeText:hover {color: #c62f2f}
+.U_MD_UI_calendar_timeChoose{ padding: 0 38px 10px; overflow: hidden}
+.U_MD_UI_calendar_timeRow{width: 75px; float: left; text-align: center;}
+.U_MD_UI_calendar_timeRowCon {border:1px solid #ede9e7; margin-left: -1px;}
+.U_MD_UI_calendar_timeRowUl{height: 180px; overflow: auto;}
+.U_MD_UI_calendar_timeRowUl::-webkit-scrollbar { width: 0 !important }
+.U_MD_UI_calendar_timeRowUl { -ms-overflow-style: none; }
+.U_MD_UI_calendar_timeRowUl { overflow: -moz-scrollbars-none; }
+.U_MD_UI_calendar_timeRowUl > li{ height: 30px; line-height: 30px; cursor: pointer}
+.U_MD_UI_calendar_timeRowUl > li:hover { background-color: #f8c8a4; }
+.U_MD_UI_calendar_timeRowActive { background-color: #f8c8a4}
+.U_MD_UI_calendar_timeRowText { display: inline-block; padding: 8px 0;}

css/Controls/Basic/City.css

@@ -0,0 +1,21 @@
+.U_MD_UI_city_inputBox { display: inline-block; text-align: right; }
+/* input表单盒子的样式 */
+.U_MD_UI_city_inpuBox_p { font-size: 12.5px; font-family: 微软雅黑; }
+/* input表单盒子下 p标签的样式 */
+.U_MD_UI_city_inpuBox_p input { /* input表单盒子下 input标签的样式 */ width: 285px; height: 20px; color: #555555; text-indent: 5px; font-size: 12.5px; font-family: 微软雅黑; }
+.U_MD_UI_city_inpuBox_p input::-webkit-input-placeholder { /* input表单盒子下 input标签的placeholder颜色的样式 */ color: #b3b3b3; }
+.U_MD_UI_city_cityBox { /* 城市控件盒子的样式 */ width: 410px; box-sizing: border-box; padding: 17px 20px; border: 1px solid #dfdcdc; position: absolute; font-size: 12.5px !important; font-family: 微软雅黑 !important; background: #fff; z-index: 999; }
+.U_MD_UI_city_cityBox li { list-style: none; text-indent: 0px; padding: 0; }
+.U_MD_UI_city_menuBox, .U_MD_UI_city_Cont { /* 城市控件下 菜单盒子(ul) 与 内容盒子的样式(ul) */ border-bottom: 1px solid #c62f2f; height: 30px; padding: 0; margin: 0; }
+.U_MD_UI_city_menuBox li, .U_MD_UI_city_Cont li { /* 菜单盒子(ul) 与 内容盒子(ul) 下li的样式 */ position: relative; width: 25%; height: 100%; list-style: none; float: left; line-height: 30px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 14px; box-sizing: border-box; cursor: pointer; }
+
+.U_MD_UI_city_menuChecked, .U_MD_UI_city_Cont_ochecked { /*选中菜单 与 内容时 的样式 */ background: #c62f2f; /* 红色背景 */ color: #fff; /* 白色字 */ }
+.U_MD_UI_city_menuoChecked { /* 添加绝对定位 注意:这里的样式名和上面的不一样 此样式是选中内容数据后 对应菜单变成的红色小圆点*/ position: relative; }
+.U_MD_UI_city_menuoChecked:before { /* 添加红色小圆点伪元素 */ content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #c62f2f; vertical-align: 2px; position: absolute; left: -13px; top: 5px; }
+.U_MD_UI_city_Cont { /* 内容盒子样式(ul) */ border: none; margin-top: 15px; color: #626262; margin-right: 15px; }
+.U_MD_UI_city_Cont li { /* 内容盒子下li的鼠标指向时 从 pointer转为默认 */ cursor: inherit; }
+.U_MD_UI_city_Cont li > span { /* 内容盒子下li里span的样式 */ display: inline-block; width: 100%; cursor: pointer; }
+.U_MD_UI_city_Cont li > span:hover { /* 内容盒子下li的span的hover样式 */ background: #ffe8e8; /* 淡红色 */ }
+.U_MD_UI_city_Cont_ochecked:hover { /* 由于添加红色背景时的样式无hover 如若不加上这条 则hover为淡红色 因此使hover颜色 与 背景颜色相同*/ background: #c62f2f !important; }
+.U_MD_UI_city_hidden, #U_MD_UI_city_liTemplate { /* 模板 与 需要display为none时用到的 hidden样式 */ display: none; }
+.city_control { /* input标签的鼠标样式 */ cursor: pointer; }

css/Controls/Basic/Color.css

@@ -0,0 +1,7 @@
+.U_MD_UI_Color { }
+
+.U_MD_UI_Color_canvas { cursor: crosshair; }
+.U_MD_UI_Color_cur { width: 3px; height: 3px; outline: 2px solid #535353; margin-left: -1px; margin-top: -1px; position: absolute; }
+.U_MD_UI_Color_wrapper { position: relative; }
+.U_MD_UI_Color_color_show { width: 50px; height: 50px; background: #f00; }
+.U_MD_UI_Color_panel { width: 200px; height: 200px; position: fixed; /*top: 265px;*/ top: 20px; right: 20px; background-color: #fff; padding: 10px; text-align: center; line-height: 2em; }

css/Controls/Basic/Dialog.css

@@ -0,0 +1,2 @@
+body {
+}

css/Controls/Basic/Face.css

@@ -0,0 +1,12 @@
+.U_MD_UI_face     {width: 436px;height: 204px;position: absolute;z-index: 999;background-color:White;float: none;/*left:-218px;*/ top:-200px; }
+.U_MD_UI_face_H     { background-image: url(img/face.gif);width: 436px;height: 204px; }
+.U_MD_UI_face_C     { width:29px; height:29px; float:left;}
+.U_MD_UI_face_C:hover { width:27px; height:27px; border:1px solid #3a99ea;}
+#U_MD_UI_face_P_all {width: 100%;height: 204px;}
+.U_MD_UI_face_P_all_small { width: 100%; height: 204px;}
+.U_MD_UI_face_P_all_past {height: 204px;overflow: hidden; position: absolute;left: 0;}
+.U_MD_UI_face_P { width: 53px;height: calc(100%/4); float: left;background-image: url(img/phoneface.png); border: none; }
+.U_MD_UI_face_P_all_list { width: 50%;margin: 5px auto;overflow: hidden; }
+.U_MD_UI_face_P_all_list_li { float: left; margin-left: 12%; width: 10px; height: 10px; border-radius: 50%; background-color: #d7d7d7; }
+.U_MD_UI_face_P_all_list_li_active {background-color: #8d8d8d; }
+.U_MD_UI_face_P_all_first { width: 100%; height: 204px; float: left;}

css/Controls/Basic/Form.css

@@ -0,0 +1,2 @@
+body {
+}

css/Controls/Basic/Music.css

@@ -0,0 +1,198 @@
+.U_MD_UI_music_musicBox
+{
+    width: 400px !important;
+    height: 150px !important;
+    background: #cc5b5b !important;
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    box-shadow: 0 0 10px 3px #dcdcdc !important;
+    color: #fff;
+    font-size: 20px;
+    font-family: "微软雅黑";
+}
+.U_MD_UI_music_leftCont
+{
+    width: 115px;
+    height: 100%;
+    position: relative;
+    vertical-align: top;
+    float: left;
+}
+.U_MD_UI_music_rightCont
+{
+    height: 100%;
+    width: calc(100% - 115px);
+    position: relative;
+    float: right;
+}
+.U_MD_UI_music_CoverBox
+{
+    width: 65px;
+    height: 65px;
+    border-radius: 100%;
+    margin-left: 25px;
+    margin-top: 38px;
+    overflow: hidden;
+}
+.U_MD_UI_music_CoverBox img
+{
+    width: 100%;
+}
+.U_MD_UI_music_Name
+{
+    position: absolute;
+    top: 44px;
+    width: 260px;
+    height: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.U_MD_UI_music_leftBtn
+{
+    position: absolute;
+    left: 5px;
+    background: url(img/Controls/Audio/pc/上一首.png);
+    width: 17px;
+    height: 21px;
+    bottom: 24px;
+    cursor: pointer;
+}
+.U_MD_UI_music_pauseBtn
+{
+    position: absolute;
+    background: url(img/Controls/Audio/pc/暂停.png);
+    width: 17px;
+    height: 29px;
+    left: 58px;
+    bottom: 19px;
+    cursor: pointer;
+}
+.U_MD_UI_music_rightBtn
+{
+    position: absolute;
+    background: url(img/Controls/Audio/pc/下一首.png);
+    width: 17px;
+    height: 21px;
+    left: 113px;
+    bottom: 24px;
+    cursor: pointer;
+}
+.U_MD_UI_music_progressBox
+{
+    width: 100%;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    background: #fff;
+    height: 5px;
+    border-radius: 1px;
+}
+.U_MD_UI_music_progressBar
+{
+    height: 100%;
+    width: 0;
+    background: #a75959;
+    position: relative;
+}
+.U_MD_UI_music_playBtn
+{
+    background: url(img/Controls/Audio/pc/播放.png);
+    width: 30px;
+    height: 33px;
+    left: 55px;
+}
+.U_MD_UI_music_soundOpen
+{
+    background: url(img/Controls/Audio/pc/音量-.png);
+    width: 22px;
+    height: 18px;
+    position: absolute;
+    right: 105px;
+    bottom: 25px;
+    cursor: pointer;
+}
+.U_MD_UI_music_soundClose
+{
+    background: url(img/Controls/Audio/pc/静音.png);
+    width: 20px;
+    height: 16px;
+}
+.U_MD_UI_music_soundBox
+{
+    position: absolute;
+    right: 32px;
+    bottom: 31px;
+    width: 62px;
+    height: 6px;
+    background: #e8b4b4;
+    border-radius: 2px;
+}
+.U_MD_UI_music_soundBar
+{
+    width: 0;
+    background: #f4dbdb;
+    height: 100%;
+    position: relative;
+}
+.U_MD_UI_music_listBtn
+{
+    position: absolute;
+    background: url(img/Controls/Audio/pc/列表.png);
+    width: 21px;
+    height: 14px;
+    right: 66px;
+    top: 14px;
+    cursor: pointer;
+}
+.U_MD_UI_music_shrinkBtn
+{
+    position: absolute;
+    background-image: url(img/min.png);
+    background-size: 100%;
+    width: 21px;
+    height: 21px;
+    right: 37px;
+    top: 11px;
+    cursor: pointer;
+}
+.U_MD_UI_music_closeBtn
+{
+    background: url(img/Controls/Audio/pc/关闭.png);
+    width: 13px;
+    height: 13px;
+    position: absolute;
+    right: 14px;
+    top: 15px;
+    cursor: pointer;
+}
+.U_MD_UI_music_progressBall
+{
+    width: 12px;
+    height: 12px;
+    border-radius: 12px;
+    background: #a75959;
+    left: 0%;
+    margin-left: -1%;
+    position: absolute;
+    top: -3px;
+    cursor: pointer;
+}
+.U_MD_UI_music_soundBall
+{
+    width: 11px;
+    height: 11px;
+    border-radius: 11px;
+    background: #fff;
+    position: absolute;
+    top: -3px;
+    cursor: pointer;
+    left: 0;
+    margin-left: -4%;
+}
+.U_MD_UI_music_hidden
+{
+    top: -9999px !important;
+    left: -9999px !important;
+}

css/Controls/Basic/Page.css

@@ -0,0 +1,31 @@
+
+/*分页*/
+.U_MD_F_Y {text-indent: 0;height: 35px;line-height: 35px;}
+.U_MD_F_Y > div, .U_MD_F_YL > div {display:inline-block;height: 100%; vertical-align:top;}
+.U_MD_F_Y .U_MD_F_YL {border-right: 1px solid #DADADA;}
+
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLT {background-image: url("img/Controls/Basic/Page/s_left.png");background-size: 65%;background-position: 6px 6px;     background-repeat: no-repeat;}
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLS{background-image: url("img/Controls/Basic/Page/s_right.png");background-size: 63%;background-position: 6px 6px;     background-repeat: no-repeat;}
+
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div, .U_MD_F_Y_Button {display: inline-block; cursor:pointer; border: 1px solid #DADADA;border-right: none;vertical-align: top;font-size:14px !important;min-width: 38px;text-align: center; background-color:White;}
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div.U_MD_F_Y_Button_Active, .U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div.U_MD_F_Y_Button_Active:hover {color: white;background-color: rgb(45, 155, 239);border-color: rgb(45, 155, 239);}
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN div:hover, .U_MD_F_YRZ:hover {color: #2285ee; box-shadow: rgba(34,133,238,.2) 0 0 10px inset;}
+                                             
+/*
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLOO, .U_MD_F_Y .U_MD_F_YL .U_MD_F_YLO { display: none; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YLF, .U_MD_F_Y .U_MD_F_YL .U_MD_F_YLFO { display: none; }
+.U_MD_F_Y .U_MD_F_YL div { display: inline-block; padding: 0 12px; height: 100%; border: 1px solid #ccc; border-right: none; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN .U_MD_F_YNO { line-height: 33px; margin: 0; margin-left: 5px; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN .U_MD_F_YNO:hover { border-color: #396dcd; background-color: #396dcd; }
+.U_MD_F_Y .U_MD_F_YL .U_MD_F_YN .U_MD_F_YNOO { border-color: #396dcd; background-color: #396dcd; }
+.U_MD_F_Y .U_MD_F_YR { border: 0; height: 33px; float: left;  }
+.U_MD_F_Y .U_MD_F_YL { height: 33px; margin-top: 0px;display:inline-block; }    #4f89ff
+.U_MD_F_Y .U_MD_F_YR  { width: auto; height: 35px; padding: 0; font-size: 14px; float: left; }
+.U_MD_F_Y .U_MD_F_YR  div { width: 57px; margin: 0px; padding: 0px; margin: 0 5px; float: left; }
+*/
+.U_MD_F_Y .U_MD_F_YR  {margin-left: 15px;}
+                    
+.U_MD_F_Y .U_MD_F_YR  span {line-height: 35px;}
+.U_MD_F_Y .U_MD_F_YR  input {height: 31px;width: 57px;border: #dfdfdf solid 1px;padding: 0 10px;border-radius: 4px;font-size: 14px;background: #fff;text-align: center;min-width: auto;width: 32px;height: 28px;margin: 0 6px;}
+.U_MD_F_Y .U_MD_F_YR .U_MD_F_YRZ {margin-left: 10px;line-height: 28px;background-color: White;border: 1px solid #DADADA;border-radius: 3px;display: inline-block;text-align: center;padding: 0 6px !important; cursor:pointer;}
+.U_MD_F_Y .U_MD_F_YR .U_MD_F_YRR { line-height: 33px; font-size: 14px; margin-left: 10px; }

css/Controls/Basic/Picture.css

@@ -0,0 +1,12 @@
+.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;}

css/Controls/Basic/Video.css

@@ -0,0 +1,32 @@
+/*清除所有边距*/
+/*.U_MD_UI_video_VideoDiv * { margin: 0; padding: 0; position: relative; }*/ /*声博项目有影响 请重新调整  position: relative;？？？？*/
+.U_MD_UI_video_VideoDiv * { margin: 0; padding: 0;  }
+.U_MD_UI_video_VideoDiv { /*float: left;*/ margin: 0; padding: 0; overflow: hidden; }
+
+.U_MD_UI_video_VideoMain { width: 100%; height: 100%; background: #000; }
+
+.U_MD_UI_video_VideoControls { position: relative; bottom: 40px; width: 100%; height: 40px; background: #000; }
+
+/*.U_MD_UI_video_VideoControls * { float: left; position: absolute; }*/ /*声博项目有影响 请重新调整 position: absolute;？？？*/
+.U_MD_UI_video_VideoControls * { float: left; }
+.U_MD_UI_video_VideoControls .U_MD_UI_video_PlayPauseButton { width: 39px; height: 39px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_PlayIcon { background: url("img/Controls/Video/playBtn.png") no-repeat center; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_PauseIcon { background: url("img/Controls/Video/pauseBtn.png") no-repeat center; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Time { color: #fff; line-height: 39px; cursor: default; width: 52px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Progress { width: calc(100% - 295px); position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 10px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Progress .U_MD_UI_video_ProgressCircle { float: right; width: 10px; height: 10px; border-radius: 100%; background: #ffffff; position: relative; top: -3px; left: 5px; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_Progress .U_MD_UI_video_ProgressCurrentTime { height: 100%; background: #fdcd4d; cursor: pointer; float: left; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_SoundControls { background: url("img/Controls/Video/soundIcon.png") no-repeat center; height: 100%; width: 10px; margin: 0 0 0 15px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_SoundProgress { width: 35px; position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 2px; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_SoundProgress .U_MD_UI_video_SoundProgressCurrent { height: 100%; background: #fdcd4d; cursor: pointer; }
+
+.U_MD_UI_video_VideoControls .U_MD_UI_video_FullScreen { background: url("img/Controls/Video/fullScreenBtn.png") no-repeat center; width: 28px; height: 100%; margin: 0 20px; cursor: pointer; }

css/Controls/City.css

@@ -0,0 +1,3 @@
+/*城市选择控件*/
+body {
+}

css/Controls/Complex.css

@@ -0,0 +1,99 @@
+
+/***<jscompress sourcefile="Complex.css" />*/
+
+
+/***<jscompress sourcefile="Editor.css" />*/
+.U_MD_O_attachment_wrapper{width:260px;height:40px;padding:8px 5px 5px;display:block;vertical-align:middle;background-color:#f1f1f1;border:1px solid #e6e6e6;border-radius:2px;text-align:left;white-space:unset;margin:5px auto;}
+.U_MD_O_attachment_wrapper_img{display:inline-block;height:30px;width:30px;margin:0 5px;vertical-align:middle;background-image: url("img/Office/attachment.png");background-size: cover;} 
+.U_MD_O_attachment_fileinfo{display:inline-block;vertical-align:middle;width:200px;font-size:10pt;line-height:20px}
+.U_MD_O_attachment_fileinfo span{display:block;white-space:nowrap}
+.U_MD_O_attachment_wrapper a{text-decoration: none;font-size: 10pt;display: inline-block;vertical-align: bottom;margin-left: -12px;}
+
+/***<jscompress sourcefile="Reply.css" />*/
+.U_MD_R_comment{background-color:#F7F7F7; width: 100%;height: 100%;top: 0px; left: 0px;overflow: auto;overflow-x: hidden; overflow-y: scroll;min-width: 800px !important;}
+
+.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;padding: 10px 0;overflow: hidden;;min-height:180px}
+
+.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;/*overflow: hidden*/}
+
+.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;display: block !important;}
+
+.U_MD_R_content_box_content_bottom{overflow: hidden;padding: 5px 0 0 10px;font-size: 14px;}
+
+.U_MD_R_content_box_content_bottom_likeswarp{float: left;overflow: hidden;cursor: pointer;padding: 0 15px 0 0;line-height: 20px;}
+
+.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;font-size: 12px;}
+
+.U_MD_R_content_box_content_bottom_replywarp{float: left;overflow: hidden;cursor: pointer;padding: 0 15px 0 0;line-height: 20px;}
+
+.U_MD_R_content_box_content_bottom_replywarp img{/* width: 20px; */height: 17px;display:block;float: left;max-width: unset !important;padding: unset !important;margin: unset !important;margin-top: 3px !important;}
+
+.U_MD_R_content_box_content_bottom_replywarp_text{float: left;margin-left: 10px;font-size: 12px;}
+
+.U_MD_R_content_box_content_bottom_showmorewarp{float: left;overflow: hidden;cursor: pointer;padding: 0 20px 0 0;line-height: 20px;}
+
+.U_MD_R_content_box_content_bottom_showmorewarp img{/* width: 20px; */height: 18px;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_showmore_text{float: left;margin-left: 10px;margin-top: 0px;font-size: 12px;}
+
+.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;}
+
+

css/Controls/Complex.css.JSCompress

@@ -0,0 +1,9 @@
+<jscompress public="http://www.jscompress.cn/" command="import-combineset">
+<combinefile path="Complex.css">
+    <css_fixedrelativeurl value="1" />
+    <auto value="0" />
+    <sourcefile path=".\Complex\Complex.css" />
+    <sourcefile path=".\Complex\Editor.css" />
+    <sourcefile path=".\Complex\Reply.css" />
+</combinefile>
+</jscompress>

css/Controls/Complex/Editor.css

@@ -0,0 +1,5 @@
+.U_MD_O_attachment_wrapper{width:260px;height:40px;padding:8px 5px 5px;display:block;vertical-align:middle;background-color:#f1f1f1;border:1px solid #e6e6e6;border-radius:2px;text-align:left;white-space:unset;margin:5px auto;}
+.U_MD_O_attachment_wrapper_img{display:inline-block;height:30px;width:30px;margin:0 5px;vertical-align:middle;background-image: url("img/Office/attachment.png");background-size: cover;} 
+.U_MD_O_attachment_fileinfo{display:inline-block;vertical-align:middle;width:200px;font-size:10pt;line-height:20px}
+.U_MD_O_attachment_fileinfo span{display:block;white-space:nowrap}
+.U_MD_O_attachment_wrapper a{text-decoration: none;font-size: 10pt;display: inline-block;vertical-align: bottom;margin-left: -12px;}

css/Controls/Complex/Reply.css

@@ -0,0 +1,85 @@
+.U_MD_R_comment{background-color:#F7F7F7; width: 100%;height: 100%;top: 0px; left: 0px;overflow: auto;overflow-x: hidden; overflow-y: scroll;min-width: 800px !important;}
+
+.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;padding: 10px 0;overflow: hidden;;min-height:180px}
+
+.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;/*overflow: hidden*/}
+
+.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;display: block !important;}
+
+.U_MD_R_content_box_content_bottom{overflow: hidden;padding: 5px 0 0 10px;font-size: 14px;}
+
+.U_MD_R_content_box_content_bottom_likeswarp{float: left;overflow: hidden;cursor: pointer;padding: 0 15px 0 0;line-height: 20px;}
+
+.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;font-size: 12px;}
+
+.U_MD_R_content_box_content_bottom_replywarp{float: left;overflow: hidden;cursor: pointer;padding: 0 15px 0 0;line-height: 20px;}
+
+.U_MD_R_content_box_content_bottom_replywarp img{/* width: 20px; */height: 17px;display:block;float: left;max-width: unset !important;padding: unset !important;margin: unset !important;margin-top: 3px !important;}
+
+.U_MD_R_content_box_content_bottom_replywarp_text{float: left;margin-left: 10px;font-size: 12px;}
+
+.U_MD_R_content_box_content_bottom_showmorewarp{float: left;overflow: hidden;cursor: pointer;padding: 0 20px 0 0;line-height: 20px;}
+
+.U_MD_R_content_box_content_bottom_showmorewarp img{/* width: 20px; */height: 18px;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_showmore_text{float: left;margin-left: 10px;margin-top: 0px;font-size: 12px;}
+
+.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;}

css/Controls/Mobile/Music.css

@@ -0,0 +1,45 @@
+html, body, .U_MT_UI_Music_musicBox { width: 100%; height: 100%; margin: 0; }
+.U_MT_UI_Music_bodyClass { width: 100%; height: 100%; overflow: hidden; }
+.U_MT_UI_Music_musicBox { z-index: 999; background: #cc5b5b; position: fixed; top: 0; left: 0; font-size: 16px; box-sizing: border-box; overflow: hidden; text-align: center; }
+.U_MT_UI_Music_soundBox { width: 65%; height: 0.4em; position: relative; background: #fff; margin: 3em auto; left: 0.5em; max-width: 480px; }
+.U_MT_UI_Music_soundSwitch { position: absolute; left: -2em; top: -0.3em; background: url(img/Controls/Audio/moblie/声音开启.png); background-size: 100%; width: 1.25em; height: 1.1875em; }
+.U_MT_UI_Music_soundBar { width: 50%; height: 100%; background: #a75959; }
+.U_MT_UI_Music_soundBall { width: 0.25em; height: 1.25em; position: absolute; left: 50%; top: -0.375em; background: #a75959; background-size: 100%; }
+.U_MT_UI_Music_Name { margin-top: 3.5em; color: #fff; font-size: 1.2em; text-align: center; font-family: Arial; letter-spacing: 0.05em; height: 1em; }
+.U_MT_UI_Music_CoverBox { margin: 6em auto; width: 6.4375em; height: 7.6875em; }
+.U_MT_UI_Music_CoverBox img { width: 100%; }
+.U_MT_UI_Music_closeBtn { width: 0.8125em; height: 0.8125em; position: absolute; background: url(img/Controls/Audio/moblie/关闭.png); background-size: 100%; right: -2.2em; top: -1.8em; }
+.U_MT_UI_Music_buttonBox { position: relative; text-align: center; display: inline-block; margin: 0 auto; }
+.U_MT_UI_Music_leftBtn { background: url(img/Controls/Audio/moblie/上一首.png); background-size: 100%; width: 1.25em; height: 1.4375em; display: inline-block; vertical-align: middle; }
+.U_MT_UI_Music_playBtnBox { width: 2.125em; height: 2.4375em; margin-left: 3.2em; display: inline-block; vertical-align: middle; position: relative; }
+.U_MT_UI_Music_pauseBtn { background: url(img/Controls/Audio/moblie/暂停.png); background-size: 100%; width: 1.6875em; height: 2.4375em; }
+.U_MT_UI_Music_playBtn { background: url(img/Controls/Audio/moblie/播放.png); background-size: 100%; width: 2.125em; height: 2.4375em; }
+.U_MT_UI_Music_rightBtn { background: url(img/Controls/Audio/moblie/下一首.png); background-size: 100%; width: 1.25em; height: 1.4375em; margin-left: 3em; display: inline-block; vertical-align: middle; }
+.U_MT_UI_Music_listBtn { background: url(img/Controls/Audio/moblie/列表.png); background-size: 100%; width: 1.3125em; height: 0.875em; margin-left: 2.5em; position: absolute; top: 0.8125em; right: -4em; }
+.U_MT_UI_Music_progressBox { position: relative; margin: 5em auto; width: 65%; height: 0.55em; background: #fff; left: 0.5em; border-radius: 15px; color: #fff; font-size: 0.8em; max-width: 480px; }
+.U_MT_UI_Music_currentTime { position: absolute; left: -3.4em; top: -0.4em; }
+.U_MT_UI_Music_endTime { position: absolute; right: -3.4em; top: -0.4em; }
+.U_MT_UI_Music_progressBar { width: 0; background: #a75959; height: 100%; }
+.U_MT_UI_Music_progressBall { width: 0.9em; height: 0.9em; background: #a75959; position: absolute; left: 0; top: -0.18em; border-radius: 100%; margin-left: -0.3em; }
+.U_MT_UI_Music_hidden { top: -9999px; left: -9999px; }
+@media screen and (min-width: 320px) {
+    .U_MT_UI_Music_musicBox { font-size: 15px; }
+}
+@media screen and (min-width: 360px) {
+    .U_MT_UI_Music_musicBox { font-size: 16px; }
+}
+@media screen and (min-width: 375px) {
+    .U_MT_UI_Music_musicBox { font-size: 17px; }
+}
+@media screen and (min-width: 412px) {
+    .U_MT_UI_Music_musicBox { font-size: 19px; }
+}
+@media screen and (min-width: 768px) {
+    .U_MT_UI_Music_musicBox { font-size: 25px; }
+}
+@media screen and (min-width: 1024px) {
+    .U_MT_UI_Music_musicBox { font-size: 35px; }
+}
+@media screen and (min-width: 1025px) {
+    .U_MT_UI_Music_musicBox { font-size: 16px; }
+}

css/Controls/Mobile/Picture.css

@@ -0,0 +1,19 @@
+.U_MT_UI_Picture_pic_box{width: 100%;height: 100%;-webkit-overflow-scrolling: touch;position: fixed; z-index:10}
+.U_MT_UI_Picture_header{background-color: #393a3f;}
+.U_MT_UI_Picture_header_a{padding: 1.25rem;line-height: 20px;}
+.U_MT_UI_Picture_icon{display: inline-block;width:20px; height:20px;background: url("js/Image/img/back.png") no-repeat;white-space:nowrap;letter-spacing: -1em;text-indent: -99em;color: transparent;}
+.U_MT_UI_Picture_icon:before{content: '\3000';}
+.U_MT_UI_Picture_title{position: relative;margin-left: 20px;font-size: 16px;}
+.U_MT_UI_Picture_title:before{content: '';position: absolute;width: 1px;height: 100%;background-color: #323338;margin-left: -15px;}
+.U_MT_UI_Picture_content{height: calc(100% - 61px);background-color: #1a1a1a;overflow: auto;text-align:center}
+.U_MT_UI_Picture_divPic{display:inline-block;width: 100px;height: 100px;margin-left: 2px;margin-bottom: 8px;background-size: 200px;background-repeat: no-repeat;background-position: center center;vertical-align:top;}
+.U_MT_UI_Picture_show_stage{width: 100%;height: 100%;background-color: #1a1a1a;display: none;}
+.U_MT_UI_Picture_moreIcon{position: absolute;right: 1rem;top: 1rem;width: 22px;height: 22px;background-image: url("js/Image/img/more.png");z-index: 1;}
+.U_MT_UI_Picture_stage_bottom{position: absolute;bottom: 18px;left: calc(50% - 115px);z-index: 1;}
+.U_MT_UI_Picture_stage_bottom > span{display: inline-block;width: 41px;height: 41px;margin:0 18px;}
+.U_MT_UI_Picture_stage_turnLeft{background-image: url("js/Image/img/MT-turnLeft.png");}
+.U_MT_UI_Picture_stage_turnRight{background-image: url("js/Image/img/MT-turnRight.png");}
+.U_MT_UI_Picture_download{display: inline-block;width: 40px;height: 40px;background-image: url("js/Image/img/download.png");margin: 0 18px;}
+.U_MT_UI_Picture_showImage{width: 100%;vertical-align: top;}
+.U_MT_UI_Picture_show_pic{position: relative;overflow: hidden;height: 100%;}
+.U_MT_UI_Picture_showPicPlace{height:100%;-webkit-backface-visibility:hidden;-webkit-perspective:1000px;  -moz-backface-visibility:hidden;  -moz-perspective:1000px;  backface-visibility:hidden; perspective:1000px}

css/Controls/Mobile/Video.css

@@ -0,0 +1,32 @@
+/*清除所有边距*/
+.U_MD_UI_Video_VideoDiv * { margin: 0; padding: 0; }
+
+.U_MT_UI_Video_VideoDiv { /*float: left;*/ overflow: hidden; }
+
+.U_MT_UI_Video_VideoMain { width: 100%; height: 100%; background: #000; }
+
+.U_MT_UI_Video_VideoControls { position: relative; bottom: 44px; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.6); }
+
+.U_MT_UI_Video_VideoControls * { float: left; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_PlayPauseButton { width: 39px; height: 39px; cursor: pointer; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_PlayIcon { background: url("img/Controls/Video/playBtn.png") no-repeat center; /*background: url("img/playBtn.png") no-repeat center;*/ }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_PauseIcon { background: url("img/Controls/Video/pauseBtn.png") no-repeat center; /*background: url("img/pauseBtn.png") no-repeat center;*/ }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_Time { color: #fff; line-height: 39px; cursor: default; width: 52px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_Progress { width: calc(100% - 295px); position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 10px; cursor: pointer; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_Progress .U_MT_UI_Video_ProgressCircle { float: right; width: 10px; height: 10px; border-radius: 100%; background: #ffffff; position: relative; top: -3px; left: 5px; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_Progress .U_MT_UI_Video_ProgressCurrentTime { height: 100%; background: #fdcd4d; cursor: pointer; float: left; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_SoundControls { background: url("img/Controls/Video/soundIcon.png") no-repeat center; /*background: url("img/soundIcon.png") no-repeat center;*/ height: 100%; width: 10px; margin: 0 0 0 15px; cursor: pointer; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_SoundProgress { width: 35px; position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 2px; cursor: pointer; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_SoundProgress .U_MT_UI_Video_SoundProgressCurrent { height: 100%; background: #fdcd4d; cursor: pointer; }
+
+.U_MT_UI_Video_VideoControls .U_MT_UI_Video_FullScreen { background: url("img/Controls/Video/fullScreenBtn.png") no-repeat center; /*background: url("img/fullScreenBtn.png") no-repeat center;*/ width: 28px; height: 100%; margin: 0 20px; cursor: pointer; }

css/Controls/Upload.css

@@ -0,0 +1,43 @@
+/*上传区域*/
+.U_MD_UI_UP             { font-family:arial,sans-serif; width:100%; height:100%; background-color:White; }/* padding:25px 22px 20px 22px;*/
+.U_MD_UI_UP_O            { height:100%; width:100%; float:left; overflow:hidden; }
+.U_MD_UI_UP_T            { height:25px; margin:13px 0 0 19px; }
+.U_MD_UI_UP_TO           { font-size:22px; line-height:25px; float:left; font-family:微软雅黑; }
+
+.U_MD_UI_UP_Z            { margin-top:10px; padding:0 22px 0 22px; line-height:22px; color:#F03556; letter-spacing:1px;}
+.U_MD_UI_UP_C            { width:100%; height:375px; margin-top:14px; overflow-x:hidden; overflow-y:auto; position:relative; }
+.U_MD_UI_UP_CO           { height:53px; width:100%; margin-top:10px; cursor:pointer; position:relative; }
+.U_MD_UI_UP_COO          { width:100%; height:53px; position:relative; z-index:1; }
+.U_MD_UI_UP_COU          { background-color:#E3F3FF; position:absolute; width:0%; height:100%; top:0px; left:0px; }
+.U_MD_UI_UP_COI          { width:47px; height:47px; float:left; margin-left:22px; }
+.U_MD_UI_UP_COION        { width:43px; margin:20px auto auto auto; font-size:14px; font-family:arial,sans-serif; text-align:center; color:#AFAFAF; }
+.U_MD_UI_UP_COT          { margin-left:15px; float:left; width:190px; line-height:53px; }
+.U_MD_UI_UP_COTS         { width:100%; font-size:14px; }
+.U_MD_UI_UP_COTC         { width:100%; margin-top:9px; }
+.U_MD_UI_UP_COTX         { color:#26CA26; float:left; height:100%; line-height:53px; margin-left:15px; width:150px; }
+.U_MD_UI_UP_COF          { float:left; width:135px; height:35px; line-height:35px; margin:12px 0 0 22px;}
+.U_MD_UI_UP_COFL         { width:35px; height:35px; float:left;}
+.U_MD_UI_UP_COFL img     { width:35px; height:35px; border-radius:50%; cursor:pointer; }
+.U_MD_UI_UP_COFR         { margin-left:12px; max-width:88px; float:left; }
+.U_MD_UI_UP_COS          { float:left; width:135px; height:50px; line-height:55px; margin-left:15px; }
+.U_MD_UI_UP_COSN         { font-size:14px; float:left; }
+.U_MD_UI_UP_COSI         { width:20px; height:20px; margin:19px 0 0 5px; float:left; background-position:-749px -45px; display:none; }
+.U_MD_UI_UP_COX          { float:left; margin-left:30px; line-height:53px; }
+.U_MD_UI_UP_COX  img     { width:20px; height:20px; float:left; }
+.U_MD_UI_UP_COX:hover    { color:#0086f2; }
+.U_MD_UI_UP_COC          { float:left; margin:16px 0 0 9px; width:20px; height:20px; display:none; }
+.U_MD_UI_UP_D            { width:100%; height:30px; line-height:30px; margin-top:10px; }
+.U_MD_UI_UP_DL           { float:right; margin-right:16px; font-size:14px; cursor:pointer; }
+.U_MD_UI_UP_DR           { position:relative; border-radius:13px; font-size:14px;  margin-right:22px; color:White; float:right; width:115px; cursor:pointer; height:30px; text-align:center; font-weight:700; background-color:#008AFF; }
+.U_MD_UI_UP_DRO          { width:100%; height:100%;}
+.U_MD_UI_UP_DRT          { position:absolute; top:0px; left:0px; }
+.U_MD_UI_UP_B            { top:17px; right:20px; }
+ 
+
+.U_MD_UI_UP_COIY         { background-position:-20px -156px; }
+.U_MD_UI_UP_COIT         { background-position:-85px -156px; }
+.U_MD_UI_UP_COIN         { background-position:-149px -156px; }
+.U_MD_UI_UP_COIS         { background-position:-210px -156px; }
+.U_MD_UI_UP_COIW         { background-position:-275px -156px; }
+.U_MD_UI_UP_COIE         { background-position:-348px -156px; }
+

css/Controls/index.css

@@ -0,0 +1,632 @@
+
+/***<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/Background/ZMYT.jpg") 0px 0px / 100% 100% no-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; border-radius:0 8px 0 8px; 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;}
+

css/Controls/index.css.JSCompress

@@ -0,0 +1,13 @@
+<jscompress public="http://www.jscompress.cn/" command="import-combineset">
+<combinefile path="index.css">
+    <css_fixedrelativeurl value="1" />
+    <auto value="0" />
+    <sourcefile path="..\Desktop\AboutUs.css" />
+    <sourcefile path="..\Desktop\Desktop.css" />
+    <sourcefile path="..\Desktop\Help.css" />
+    <sourcefile path="..\Desktop\Taskbar.css" />
+    <sourcefile path="..\Reply\main.css" />
+    <sourcefile path="..\Reply\Reply.css" />
+    <sourcefile path=".\Basic\Picture.css" />
+</combinefile>
+</jscompress>

css/Desktop/AboutUs.css

@@ -0,0 +1,54 @@
+/*浏览器版本提示*/
+.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; }

css/Desktop/Desktop.css

@@ -0,0 +1,124 @@
+/*整体样式*/
+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_TaskbarImg           { background-image:url(img/taskbar.png); _background-image:url(img/YSD2014.gif); }
+.U_TaskbarImg1{background-position:-294px -20px; width:30px;height:30px;}
+.U_TaskbarImg2{background-position:-248px -20px; width:30px;height:30px;}
+.U_TaskbarImg3{background-position:-114px -20px; width:30px;height:30px;}
+.U_TaskbarImg4{background-position:-339px -20px; width:30px;height:30px;}
+.U_TaskbarImg5{background-position:-204px -20px; width:30px;height:30px;}
+.U_TaskbarImg6{background-position:-69px -20px; width:30px;height:30px;}
+.U_TaskbarImg7{background-position:-159px -20px; width:30px;height:30px;}
+.U_TaskbarImg8{background-position:-384px -20px; width:30px;height:30px;}
+.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/Background/ZMYT.jpg") 0px 0px / 100% 100% no-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:-1px 0 0 40px; cursor:pointer; width:43px; height:83px; float:left; }
+.U_MD_D_BZMOA      { width:30px; height:30px; 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:54px;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; }

css/Desktop/Help.css

@@ -0,0 +1,3 @@
+.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; }

css/Desktop/Taskbar.css

@@ -0,0 +1,36 @@
+/*任务管理器*/
+
+/*任务栏*/
+.U_MD_D_RW      { z-index:999999;width:100%; height:40px; position:absolute; left:0; bottom:0; background-color:#505050; border-radius:0 8px 0 8px; }
+#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:48px; 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:48px;height:45px;float:left;margin-top: 7px;}
+/*.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%;margin-left: 55%;}
+.U_TaskbarImg0{background-position: -13px -20px;width:30px;height:30px;background-image:url(img/taskbar.png);}
+.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; }

css/Disk/Disk.css

@@ -0,0 +1,239 @@
+.U_MD_DK_Img{background-image:url(/img/YSD20142.png)}
+.U_MD_DK_L_DiskGE{background-image:url(/img/Disk/UDK_L_Disk-1.png)}
+.U_MD_DK{display:none;overflow:hidden;min-width:980px;min-height:350px;background-color:#fff}
+.U_MD_DK,.U_MD_DK_T{width:100%;height:100%}
+.U_MD_DK_L{float:left;overflow:auto;width:250px;height:100%;background-color:#eaeaea;color:#444}
+.U_MD_DK_LO{padding:0 5px}
+.U_MD_DK_LI{margin-top:10px;padding:0 8px;width:191px;height:90px}
+.U_MD_DK_LIL{float:left;width:90px;height:90px}
+.U_MD_DK_LIL img{width:90px;height:90px;border-radius:50%;cursor:pointer}
+.U_MD_DK_LIR{float:left;margin:3px 0 0 11px;width:90px}
+.U_MD_DK_LIRN{width:100%;font-size:1pc}
+.U_MD_DK_LIRZ{width:100%;color:#000}
+.U_MD_DK_LIRS,.U_MD_DK_LIRZ{margin-top:10px;font-family:arial,sans-serif}
+.U_MD_DK_LIRS{width:100%;width:68px;height:24px;border:1px solid #01d729;border-radius:13px;background-color:#01d729;color:#fff;text-align:center;font-size:14px;line-height:24px;cursor:pointer}
+.U_MD_DK_LIRSED{border:1px solid #f65656;background-color:#f65656;}
+.U_MD_DK_LIRS:hover{border:1px solid #009cff;background-color:#009cff}
+.U_MD_DK_LC{margin-top:10px;padding-left:1px}
+.U_MD_DK_LCO{margin-top:6px;padding:5px 11px 5px 20px;height:20px;border-radius:13px;font-family:arial,sans-serif;cursor:pointer}
+.U_MD_DK_LCO:hover,.U_MD_DK_LCOA{padding:4px 10px 4px 19px;width:auto;border:1px solid #7cccff;background-color:#cdecff}
+.U_MD_DK_LCNA,.U_MD_DK_LCO:hover .U_MD_DK_LCN{color:#565656}
+.U_MD_DK_LCOI{float:left;width:20px;height:20px}
+.U_MD_DK_LCN{float:left;margin-left:10px;width:95px;font-size:14px;font-family:'微软雅黑';line-height:20px}
+.U_MD_DK_LCL{float:right;margin-right:10px;width:50px;color:#999;text-align:right;line-height:20px}
+.U_MD_DK_LCS{background-position:-23px -223px}
+.U_MD_DK_LCF{background-position:-9pc -255px}
+.U_MD_DK_LCQ{background-position:-51px -223px}
+.U_MD_DK_LCB{background-position:-81px -14pc}
+.U_MD_DK_LCT{background-position:-109px -223px}
+.U_MD_DK_LCY{background-position:-137px -14pc}
+.U_MD_DK_LCP{background-position:-165px -225px}
+.U_MD_DK_LCM{background-position:-2in -223px}
+.U_MD_DK_LCW{background-position:-25px -254px}
+.U_MD_DK_LCJ{background-position:-54px -253px}
+.U_MD_DK_LCD{background-position:-84px -254px}
+.U_MD_DK_LCE{background-position:-115px -254px}
+.U_MD_DK_LS{margin-top:10px;padding-left:8px;border-top:1px solid #c7c7c7}
+.U_MD_DK_LW{margin-top:20px;padding-bottom:20px}
+.U_MD_DK_LST{padding-top:10px;font-weight:700;font-size:14px}
+.U_MD_DK_LSC{margin-top:10px;width:220px;height:40px}
+.U_MD_DK_LSCO{float:left;width:75pt;height:100%}
+.U_MD_DK_LSCOS{width:100%;color:#aaa;text-indent:1px;font-family:arial,sans-serif}
+.U_MD_DK_LSCOX{margin-top:3px;width:100%;height:22px;color:#0090ff;font-size:18px;line-height:25px}
+.U_MD_DK_LSCOXO{color:#26ca26;text-decoration:line-through;font-size:18px}
+.U_MD_DK_LSX{margin-top:3px}
+.U_MD_DK_LSXO{margin-top:8px;font-weight:400;font-family:arial,sans-serif}
+.U_MD_DK_LD{display:none;margin:22px 0 0 9pt;height:123px}
+.U_MD_DK_LDT{width:100%;height:20px;line-height:20px}
+.U_MD_DK_LDTL{float:left;font-weight:700;font-size:14px}
+.U_MD_DK_LDTR{float:right;color:#999;cursor:pointer}
+.U_MD_DK_LDC{float:left;line-height:15px}
+.U_MD_DK_LDC img{float:left;margin:11px 0 0 11px;width:40px;height:40px;border-radius:50%;cursor:pointer}
+.U_MD_DK_LT{overflow:auto;width:100%;height:100%;min-width:228px;font-family:arial,sans-serif}
+.U_MD_DK_LTS{margin:18px 0 0 18px;padding-bottom:9px;height:35px;border-bottom:1px solid #ddd;line-height:35px}
+.U_MD_DK_LTSI{float:left;width:35px;height:35px}
+.U_MD_DK_LTSI img{width:35px;height:35px;border-radius:50%}
+.U_MD_DK_LTSN{float:left;margin-left:10px;width:78pt;font:normal 700 14px/35px arial,sans-serif}
+.U_MD_DK_LTSF{float:left;margin-left:10px;color:#0090ec;cursor:pointer}
+.U_MD_DK_LTX{margin-top:10px}
+.U_MD_DK_LTXO{display:block}
+.U_MD_DK_LTXOA{margin-top:8px;padding-left:5px;min-width:200px}
+.U_MD_DK_LTXOAI{float:left;margin-left:5px;width:20px;height:20px;background-position:-202px -16pc}
+.U_MD_DK_LTXOAIO{background-position:-232px -257px}
+.U_MD_DK_LTXOS{overflow:hidden;padding:3px 0;line-height:20px}
+.U_MD_DK_LTXOS,.U_MD_DK_LTXOSA{border:1px solid transparent;cursor:pointer}
+.U_MD_DK_LTXOSA{float:left;margin-left:8px;height:18px;font-size:14px;line-height:18px}
+.U_MD_DK_LTXOS:hover,.U_MD_DK_LTXOSO{border:1px solid #aaa;border-radius:5px;background-color:#e4f5ff}
+.U_MD_DK_LTXOSI{float:left;margin-top:3px;width:10px;height:9pt;background-position:-763px -72px}
+.U_MD_DK_LTXOSIO{background-position:-746px -72px}
+.U_MD_DK_LTXOST{margin-left:9px}
+.U_MD_DK_LTXOSN{margin-left:45px;height:20px;line-height:20px}
+.U_MD_DK_LTXOSN div{width:100%;border:1px solid #e4e4e4}
+.U_MD_DK_LTXOSN textarea{position:relative;overflow:hidden;padding-left:0;width:100%;height:5pc;border:0;background-color:transparent;line-height:20px}
+.U_MD_DK_LTXOX{width:100%}
+.U_MD_DK_Z{float:left;width:2px;height:100%;background:#ddd;cursor:e-resize}
+.U_MD_DK_R{position:relative;overflow-x:auto;overflow-y:hidden;height:100%;background-color:#f0f0f0}
+.U_MD_DK_RS{float:left;margin-left:25px;width:250px;height:30px;background-color:#ccc}
+.U_MD_DK_RS .U_MD_U_L_Box_I,.U_MD_DK_RS .U_MD_U_P_C_P_N_I_B_Width{margin-left:3px;width:223px}
+.U_MD_DK_RS input{width:212px;color:#000;font-size:14px}
+.U_MD_DK_RT{overflow:hidden;margin:8px 0 0 15px;height:30px;min-width:440px;line-height:30px}
+.U_MD_DK_RTS{position:relative;float:left;width:90px;height:30px;border-radius:4px;background-color:#009cff;color:#fff;text-align:center;font-size:13px;cursor:pointer}
+.U_MD_DK_RTST{left:0;display:block;width:90px;height:30px}
+.U_MD_DK_RTSTO{position:static}
+.U_MD_DK_RTSO{width:20px;height:20px;background-position:-753px -7pc}
+.U_MD_DK_RTSM{width:20px;height:20px;background-position:-723px -9.1pc}
+.U_MD_DK_RTSS{width:20px;height:20px;background-position:-775px -9.1pc}
+.U_MD_DK_RTSF{width:20px;height:20px;background-position:-805px -145px}
+.U_MD_DK_RTSV{width:20px;height:20px;background-position:-692px -113px}
+.U_MD_DK_RTX{float:left;margin-left:13px;width:90px;height:30px;border-radius:4px;background-color:#f0f0f0;color:#7d7d7d;text-align:center;font-size:13px;line-height:30px;cursor:pointer}
+.U_MD_DK_RTX:hover{background-color:#26ca26;color:#fff}
+.U_MD_DK_RTX:hover .U_MD_DK_RTSF{background-position: -805px -114px;}
+.U_MD_DK_RTX:hover .U_MD_DK_RTSS{background-position: -775px -7.1pc;}
+.U_MD_DK_RTX:hover .U_MD_DK_RTSM{background-position: -723px -7.1pc;}
+.U_MD_DK_RTC{margin:8px 0 0 15px;height:30px;max-width:50pc;min-width:450px;line-height:30px}
+.U_MD_DK_RTCO{float:left;margin-left:15px;font-size:14px;cursor:pointer}
+.U_MD_DK_RTCO:hover{color:#0081ee;color: #fff}
+.U_MD_DK_RTC span{color:#999}
+.U_MD_DK_RY{margin-top:15px;padding:5px;height:2pc;min-width:500px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
+.U_MD_DK_RY div{font-family:arial,sans-serif;cursor:pointer}
+.U_MD_DK_RYH{float:left;margin-left:15px;padding-right:9pt;height:26px;border-right:1px solid #c7c7c7;line-height:28px;cursor:pointer}
+.U_MD_DK_RYH:hover{color:#008de7}
+.U_MD_DK_RYQ{float:left;margin-left:1pc;line-height:28px;cursor:pointer}
+.U_MD_DK_RYQ:hover{color:#008de7}
+.U_MD_DK_RYX{float:left;margin:8px 0 0 20px;line-height:13px;cursor:pointer}
+.U_MD_DK_RYX:hover{color:#009cff}
+.U_MD_DK_RYXL{float:left;width:15px;height:15px;background-position:-174px -260px}
+.U_MD_DK_RYXR{float:left;margin-left:5px}
+.U_MD_DK_RYB{float:left;overflow:hidden;margin:3px 0 0 15px;line-height:20px}
+.U_MD_DK_RYBO{float:left;margin-left:13px;padding:0 10px;height:20px;border:1px solid #bbb;border-radius:13px;cursor:pointer}
+.U_MD_DK_RYBO:hover{color:#009cff}
+.U_MD_DK_RYS{float:right;margin:1px 15px 0 0;width:210px;background-color:#fff}
+.U_MD_DK_RYSO{float:left;margin-left:5px;width:180px;height:30px}
+.U_MD_DK_RYSO input{width:173px;height:28px;outline:0;border:0;background-color:transparent;line-height:normal;line-height:28px\9}
+.U_MD_DK_RYSO_Icon{float:left;margin:7px 0 0 3px;width:20px;height:20px;background-position:-250px -226px}
+.U_MD_DK_RK{margin-top:10px;height:30px;min-width:600px;border-bottom:1px solid #dfdfdf;font-family:arial,sans-serif;line-height:20px}
+.U_MD_DK_RKI{float:left;width:20px;height:20px;background-position:-222px -223px}
+.U_MD_DK_RKC{margin-right:8px;margin-left:25px;color:#999;word-wrap:break-word;font-family:宋体;line-height:20px;word-break:normal}
+.U_MD_DK_RKS{margin-left:5px;color:#069;cursor:pointer}
+.U_MD_DK_RKR{float:right;margin:8px 17px 0 0}
+.U_MD_DK_RKZ{float:right;margin:4px 15px 0 0}
+.U_MD_DK_RKZO{float:left;cursor:pointer}
+.U_MD_DK_RKZ div{float:left}
+.U_MD_DK_RKZOI{float:left;width:20px;height:20px}
+.U_MD_DK_RKZON{margin-left:5px;line-height:20px}
+.U_MD_DK_RKZOT{background-position:-274px -225px}
+.U_MD_DK_RKZOS{margin-left:10px;background-position:-306px -225px;cursor:pointer}
+.U_MD_DK_RKZOS:hover,.U_MD_DK_RKZOSI{background-position:-365px -225px}
+.U_MD_DK_RKZOP{margin-left:10px;background-position:-333px -225px;cursor:pointer}
+.U_MD_DK_RKZOP:hover,.U_MD_DK_RKZOPI{background-position:-393px -225px}
+.U_MD_DK_RM{display:none;width:100%;height:28px;min-width:100%;background-color:#f4f4f4}
+.U_MD_DK_RM div{float:left;height:100%;text-indent:8px;line-height:33px}
+.U_MD_DK_RM .U_MD_DK_RZSV{background-color:#ccc}
+.U_MD_DK_RZ{margin-top:10px;min-width:100%;background-color:#fff}
+.U_MD_DK_RZA{position:relative;overflow:auto;outline:0}
+.U_MD_DK_RZN{overflow:hidden;margin-top:5px;padding-bottom:2px;width:100%;height:28px;border-bottom:1px solid #bbb;font-family:宋体}
+.U_MD_DK_RZO{float:none\9;display:inline-block;overflow:hidden;margin:7px 0 0 11px;padding:8px 5px;width:152px;height:5pc;border:1px solid #a5a5a5;border-radius:10px;background-color:#fff;cursor:pointer}
+.U_MD_DK_RZOA{margin-top:5px;width:100%;height:47px}
+.U_MD_DK_RZO:hover,.U_MD_DK_RZOI{background-color:#e4f5ff}
+.U_MD_DK_RZOB{border:1px solid #dcdcdc}
+.U_MD_DK_RZOS{float:left;overflow:hidden;margin-top:-2px;width:40px;height:47px}
+.U_MD_DK_RZOS img{display:block;margin:auto;width:auto;height:auto;height:41px;max-width:120%}
+.U_MD_DK_RZOSZ{position:relative;top:1pc;overflow:hidden;margin:auto;width:40px;height:20px;color:#888;text-align:center;font-size:15px;font-family:"微软雅黑"}
+.U_MD_DK_RZOZO{float:right;width:106px;height:50px; overflow:hidden; }
+.U_MD_DK_RZOZ{overflow:hidden;max-height:33px;min-height:25px;color:#003;word-wrap:break-word;font-size:9pt;word-break:normal}
+.U_MD_DK_RZOZ div{width:205px;height:23px;border:1px solid #e4e4e4}
+.U_MD_DK_RZOZ textarea{overflow:hidden;padding-left:0;width:199px;height:14px;border:0;color:#000;font-weight:700;font-size:1pc}
+.U_MD_DK_RZT{margin:50px auto auto;width:375px}
+.U_MD_DK_RZTS{height:60px}
+.U_MD_DK_RZTSL{float:left;color:#0096ff;font-size:70px;line-height:55px}
+.U_MD_DK_RZTSR{float:left;margin-left:20px}
+.U_MD_DK_RZTSRS{font-size:30px;font-family:arial,sans-serif}
+.U_MD_DK_RZTSRX{margin-top:11px;color:#bbb;color:#eee;font-style:italic}
+.U_MD_DK_RZTX{margin:20px 0 0 43px;width:60px;color:#007ece;text-decoration:underline;font-size:14px;font-family:arial,sans-serif;cursor:pointer}
+.U_MD_DK_RZF{float:left;margin:15px 0 0 25px;padding-top:5pc;width:225px;height:210px;background-color:#bbb}
+.U_MD_DK_RZFO{position:relative;float:none;margin:15px 0 0 50px;background-color:#fff;background-color:#aaa}
+.U_MD_DK_RZFS{margin:auto;width:185px;height:85px;font-family:微软雅黑}
+.U_MD_DK_RZFSL{float:left;margin-top:3px}
+.U_MD_DK_RZFSR{float:left;margin-left:20px;width:138px}
+.U_MD_DK_RZFSRS{font-size:23px}
+.U_MD_DK_RZFSRX{margin-top:5px}
+.U_MD_DK_RZFX{margin:30px auto auto;width:76px;color:#0079ea;text-decoration:underline;cursor:pointer}
+.U_MD_DK_RZOF{margin-top:4px;border-top:1px solid #dadada}
+.U_MD_DK_RZOFX{margin-top:2px}
+.U_MD_DK_RZOFXJ{float:left;margin-top:1px}
+.U_MD_DK_RZOFXJO{color:#999}
+.U_MD_DK_RZOFXJT{margin-left:8px}
+.U_MD_DK_RZOFXR span{margin-left:5px}
+.U_MD_DK_RZOFD{margin-top:4px;height:22px}
+.U_MD_DK_RZOFDI{float:left;width:22px;height:22px}
+.U_MD_DK_RZOFDI img{width:22px;height:22px;border-radius:50%}
+.U_MD_DK_RZOFDN{float:left;margin-left:8px;height:22px;max-width:50px;line-height:22px}
+.U_MD_DK_RZOFDX{float:right;width:40px;height:20px;border:1px solid #bbb;border-radius:13px;color:#2570ad;text-align:center;font-family:宋体;line-height:20px;cursor:pointer}
+.U_MD_DK_RZOFDX:hover{border:1px solid #009cff;background-color:#009cff;color:#fff}
+.U_MD_DK_RZOK{height:197px}
+.U_MD_DK_RZOKO{height:217px}
+.U_MD_DK_RZOKI{margin:auto;width:90pt;height:90pt}
+.U_MD_DK_RZOKI img{width:90pt;height:90pt;border-radius:50%}
+.U_MD_DK_RZOKN{margin-top:8px;height:19px;text-align:center;font-weight:700;font-size:14px}
+.U_MD_DK_RZOKN,.U_MD_DK_RZOKQ{width:100%;font-family:arial,sans-serif}
+.U_MD_DK_RZOKQ{margin-top:5px;color:#999}
+.U_MD_DK_RZOKX{margin-top:3px;font-family:arial,sans-serif}
+.U_MD_DK_RZOKXF{width:100%;height:23px;line-height:18px}
+.U_MD_DK_RZOKXFO{position:relative;top:3px;margin-left:10px;color:#007eff;font-size:20px;font-family:微软雅黑}
+.U_MD_DK_RZOKXC{overflow:hidden;margin-top:4px;width:100%;line-height:15px}
+.U_MD_DK_RZOKXC div{float:left;overflow:hidden;margin:10px 0 0 5px;width:50px;height:15px;white-space:nowrap}
+.U_MD_DK_RZOQI{margin:auto;width:125px;height:125px}
+.U_MD_DK_RZOQI img{float:left;border-radius:50%}
+.U_MD_DK_RZOW{background-position:-28px -23px}
+.U_MD_DK_RZOY{background-position:-90px -22px}
+.U_MD_DK_RZOE{background-position:-149px -22px}
+.U_MD_DK_RZOD{margin-top:2px;height:40px;background-image:url(/BoomYun/img/pc/U_Boom_UW.png)}
+.U_MD_DK_REODN{margin-top:2px;height:40px;background-image:url(/BoomYun/img/pc/U_Boom_word.png)}
+.U_MD_DK_REODW{margin-top:2px;height:40px;background-image:url(/BoomYun/img/pc/U_Boom_word.png)}
+.downel_content_a_r{background-position:-261px -22px}
+.U_MD_DK_RZOP{background-position:-387px -22px}
+.U_MD_DK_RZOM{background-position:-323px -23px}
+.U_MD_DK_RZSV{width:2px;height:100%;background:#ccc;cursor:e-resize}
+.U_MD_DK_RZSO{width:10%;height:33px;text-indent:8px}
+.U_MD_DK_RZSOI{margin:8px 0 0 9pt;cursor:default}
+.U_MD_DK_RZSM{width:20%;vertical-align:middle;text-indent:6px;cursor:pointer}
+.U_MD_DK_RZSMI{font-size:1pc}
+.U_MD_DK_RZSM img{width:20px;height:20px;vertical-align:middle}
+.U_MD_DK_RZSMN{margin-left:5px;vertical-align:top}
+.U_MD_DK_RZSMN textarea{width:195px;height:23px}
+.U_MD_DK_RZSF{width:10%;cursor:pointer}
+.U_MD_DK_RZSFO{color:#006cf1;text-indent:8px;font-size:15px;font-family:微软雅黑}
+.U_MD_DK_RZSD,.U_MD_DK_RZSL,.U_MD_DK_RZSX{width:15%;text-indent:8px;cursor:pointer}
+.U_MD_DK_RZST{width:14%;text-indent:8px;cursor:pointer}
+.U_MD_DK_RZX{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-family:arial,sans-serif;cursor:pointer}
+.U_MD_DK_RZX,.U_MD_DK_RZXO{overflow:hidden;height:33px;line-height:33px}
+.U_MD_DK_RZXO{margin-top:3px;width:100%}
+.U_MD_DK_RZXO div{float:left;overflow:hidden;height:33px}
+.U_MD_DK_RZXO:hover,.U_MD_DK_RZXOO{background-color:#e7f8ff}
+.U_MD_DK_RC{position:absolute;top:5px;right:11px}
+.U_MD_DK_M{position:absolute;left:75pt;display:none;width:150px;border:1px solid #e4e4e4;background-color:#fff}
+.U_MD_DK_M div{width:100%;height:25px;text-align:center;line-height:25px;cursor:pointer}
+.U_MD_DK_M div:hover{background-color:#f0f0f0}
+.U_MD_DK_VW_ChosenSaveFile>div{margin:0 auto;width:95%;font-size:14px}
+.U_MD_DK_VW_ChosenSaveFile button{float:right;margin:7px 8px;min-width:60px;border:0;border-radius:4px;background-color:#347fdb;color:#fff;line-height:25px;cursor:pointer;padding: 0 5px;outline: none;}
+.U_MD_DK_VW_ChosenSaveFile_File{overflow:auto;margin-bottom:5px!important;height:295px}
+.U_MD_DK_VW_ChosenSaveFile_File_Box{margin:5px 0;text-indent:5px;font-size:14px}
+#U_MD_O_SaveSynergy_NewGroup>div{display:inline-block;overflow:auto;width:49%;height:100%}
+#U_MD_O_SaveSynergy_NewGroup .U_MD_O_SaveSynergy_NewGroup_Friend{padding:3px 0;width:98%;text-indent:5px;line-height:25px}
+#U_MD_O_SaveSynergy_NewGroup .U_MD_O_SaveSynergy_NewGroup_Friend:hover{background-color:#e4e4e4}
+#U_MD_O_SaveSynergy_NewGroup .U_MD_O_SaveSynergy_NewGroup_Friend img{float:left;width:25px;height:25px}
+.U_MD_DK_I{padding-left:1pc;width:223px;height:27px;border:0;border-radius:9px;background-color:#dfdfdf;line-height:26px}
+#U_MD_DK_Se{position:relative;top:5px;right:33px}
+.U_MD_DK_SEA{float:right;}
+.fileDiv{float:left;width:100px;height:100px;text-align:center;line-height:100px;font-size:12px;border:1px solid #cccccc;margin-right:10px;margin-bottom:10px;}
+.seled{border:1px solid #8cbbff;background-color:#ecf1ff;}
+
+.U_MD_DK_fileInfo_head{padding: 10px 25px;word-break: break-all;}
+.U_MD_DK_fileInfo_icon{width: 40px; display: table-cell; height:40px;}
+.U_MD_DK_fileInfo_head > span{display: table-cell;vertical-align: middle;padding-left: 15px;}
+.U_MD_DK_fileInfo_img {width: 40px;height: 40;display: table-cell;vertical-align: middle;text-align: center;}
+.U_MD_DK_fileInfo_img img { max-width:100%; max-height:100%; }
+.U_MD_DK_fileInfo_line {margin: 0 10px;height:1px;background-color:#848484;opacity:0.08;}
+.U_MD_DK_fileInfo_info { font-size:12px; line-height: 28px; padding: 10px 25px; }
+.U_MD_DK_fileInfo_info > div{ padding-left:80px; word-break: break-all;}
+.U_MD_DK_fileInfo_info > div > span { width:80px; margin-left:-80px; float: left;}

css/Disk/DiskHome.css

@@ -0,0 +1,81 @@
+/*--------------------------------------------------云搜索首页----------------------------*/
+#U_MD_DK_S          {width:100%; height:100%; overflow:hidden; -moz-box-shadow: 0px 0px 10px Black; -webkit-box-shadow: 0px 0px 10px Black;box-shadow: 0px 0px 10px Black;}
+.U_MD_DK_SDP        {width:100%; height:100%; -webkit-overflow-scrolling:touch; overflow:auto;}/*-webkit-overflow-scrolling:touch; overflow:auto; position:relative;*/
+.U_MD_DK_SSD        {width:100%; height:100%; -webkit-overflow-scrolling:touch; overflow:auto; display:none;}
+/*左边*/
+.U_MD_DK_LP             {width:555px;height:auto; float:left;}
+.U_MD_DK_LPIcon         {width:524px; height:266px; background-position:0px 0px; margin:20px 0 0 10px; display:none;}
+.U_MD_DK_LPINew         {width:100%; float:left; }
+/*右边*/
+/*热门云盘*/
+.U_MD_DK_RP             {width:358px;height:auto; float:left;}
+.U_MD_DK_RPtext         {width:90px;height:30px;  background-position:-507px -153px; }
+.U_MD_DK_RPHost         {width:100%;height:320px; margin-top:30px; }
+.U_MD_DK_RPHotDS        { height:270px;  margin-top:5px;}
+.U_MD_DK_RPHotDiv       {width:140px;height:45px; float:left; margin:8px 0 0 20px;}
+.U_MD_DK_RPHotImg       {width:40px;height:40px; float:left; cursor:pointer; }
+.U_MD_DK_RPHotName      {width:75px; margin-top:4px; padding-left:4px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
+.U_MD_DK_RPHotName:hover{  cursor:pointer;    }
+.U_MD_DK_RPHotVoluTXT   {  float:left;  margin-left:4px; }
+.U_MD_DK_RPHotVolume    {  color:#5f8abd; margin:1px 0 0 2px; }
+.U_MD_DK_RPTop          {width:100%;height:320px;}
+#U_MD_DK_RPGG           { margin-left:20px; width:300px; height:250px}
+/*排行*/
+.U_MD_DK_RPTopOneDiv    { width:100%; height:71px; float:left }
+.U_MD_DK_RPTopOne       {float:left; margin:24px 0 0 27px; font-size:30px; width:40px;height:40px; font-size:30px; color:#c95a5a; font-family:Vrinda;}
+.U_MD_DK_RPTopImg       {width:50px;height:50px; float:left; margin:15px 0 0 15px; }
+.U_MD_DK_RPTopFilesName {float:left; width:200px; font-size:14px; color:#c95a5a; margin:19px 0 0 8px; font-weight:700; }
+.U_MD_DK_RPTopFilesName:hover {  text-decoration:underline;cursor:pointer;  }
+.U_MD_DK_RPTopNickName  {float:left;  margin-left:8px; }
+.U_MD_DK_RPTopImgNUM       { width:30px; float:left;  font-size:14px; color:#9e9e9e;  font-family:Vrinda;} 
+.U_MD_DK_RPTopNAMDiv    { float:left; width:300px; height:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-left:30px; }
+.U_MD_DK_RPTopNAM       {float:left; color:#4f81c1; width:54%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;   }
+.U_MD_DK_RPTopNAM:hover       {text-decoration:underline; cursor:pointer; }
+/*最新动态*/
+.U_MD_DK_LPIT           {width:200px; height:120px; background-position:0px -380px; margin:20px 0 0 20px;}
+.U_MD_DK_LPINewDiv  {width:525px;  float:left; border-bottom:1px solid #e0e0e0; margin:20px 0 0 30px;  padding-bottom:10px;} 
+.U_MD_DK_LPINewIMG   { width:50px; height:50px; float:left; cursor:pointer;}
+.U_MD_DK_LPINewFYDiv {width:300px;  float:left; margin-bottom:10px; margin-left:15px;}
+.U_MD_DK_LPINewFYName { float:left; font-size:14px; margin-left:10px; color:#2374ec; cursor:pointer; }
+.U_MD_DK_LPINewLR       { width:190px; height:30px;  margin:10px 0 7px -2px; float:left; }
+.U_MD_DK_LPINewLTFH  {width:19px; height:22px; float:right;margin-right:-1px; background-position:-766px -10px;}
+.U_MD_DK_LPINewFYWZ  { float:right;  margin-top:3px; margin-right:70px; color:#969696; }
+.U_MD_DK_LPINewLTframe { min-width:110px; max-width:175px; float:right; border:1px solid #c8c8c8; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:4px;   }
+
+
+/*-------------------------------------------------------------云搜索------------------------------------------*/
+/*搜索区域*/
+.U_MD_DK_SSD_H           { width:100%; height:117px;  }
+.U_MD_DK_SSD_HSST           { float:left; height:20px; margin:20px 0 0 5px;}
+
+.U_MD_DK_SSD_HSST div           {float:left; cursor:pointer; font-size:14px; margin-left:15px; color:#949494;}
+.U_MD_DK_SSD_HSST div:hover         { text-decoration:underline;}
+
+#U_MD_DK_SSD_C          { width:100%; float:left; background-color:#f3f3f3; min-height:400px; }
+
+
+/*文件属性*/
+.U_MD_DK_SX             { overflow:hidden;width:302px;height:289px}
+.U_MD_DK_SXT            { font-weight:bold; padding-left:10px; }
+.U_MD_DK_SXC            { float:left; padding:5px; width:inherit;}
+.U_MD_DK_SXCO           { height:61px; margin-top:10px;position: relative; top: 5%;left: 9%; }
+.U_MD_DK_SXCO   img     { width:61px; height:61px;}
+.U_MD_DK_SXCOI          { position: absolute;width: 61px;height: 61px;display: inline-block;background-position: -3px -46px;left: -3%;top: 8%; }
+.U_MD_DK_SXCT           { text-align:left;margin-top: 39px;}
+.U_MD_DK_SXCTO          {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;width: 250px;margin-bottom: 1px;margin-left: 10%;font-size: 12px;margin-top: 4%;}
+.U_MD_DK_SXCTOQ         { float:left;position: absolute;top: 171px;}
+.U_MD_DK_SXCTOS         { position: relative;float:left; margin-left:30px;top: -52px;}
+.U_MD_DK_SXCTOS select  { border:1px solid #E0E0E0; background-color:White; }
+.U_MD_DK_SXCTT          { top: 20px;position: relative;white-space:pre-wrap; text-overflow:ellipsis; word-break:break-all; line-height:18px;font-size: 12px; margin-left: 10%;width: 559px;}
+/*独立css*/
+U_MD_DK_SXCTOZ          {position: relative;float:left; margin-left:30px;top: -51px;}
+/*文件加密*/
+.U_MD_DK_JM             { margin:auto; padding-top:15px; width:230px; height:100px; }
+.U_MD_DK_JMA            { margin:auto; padding-top:10px; width:230px; height:30px; }
+.U_MD_DK_JMO            { width:100%; height:25px; }
+.U_MD_DK_JMOS           { display:block; width:70px; height:25px; line-height:25px;float:left;}
+.U_MD_DK_JMOI           { width:140px; height:20px; border:1px solid #E4E4E4; background-color:White; outline:0; line-height:normal; line-height:20px\9; }
+.U_MD_DK_JMOT           { margin-top:15px; clear:both; width:100%; height:25px;}
+
+/*修改文件*/
+.U_MD_DK_XG             { width:250px; line-height:16px; border:none; outline:none; background:none; padding-top:2px; }

css/Disk/SitePreview.css

@@ -0,0 +1,69 @@
+body{overflow:auto}
+
+.U_MD_DK_SP_Head                                           { display: none; padding: 5px 0; background-color:rgb(41, 103, 167); color:#fff; }
+.U_MD_DK_SP_MarginBox_File                                 { position:relative; width: 100%; margin:0 auto; }
+.U_MD_DK_SP_Head_FileName                                  { font-size: 18px; text-align: center; line-height: 50px}
+.U_MD_DK_SP_Head_Logo                                      { position: absolute; top: 10px;}
+.U_MD_DK_SP_Head_Logo > img                                { width: 30px; }
+.U_MD_DK_SP_Head_User,.U_MD_DK_SP_Head_Share              { float: left; margin-left: 6px;}
+.U_MD_DK_SP_Head_Share:hover                               { border-bottom: 1px solid #fff; padding-bottom: 4px; cursor:pointer}
+.U_MD_DK_SP_HeadIcon                                       { vertical-align: middle; width: 22px; }
+.U_MD_DK_SP_HeadText                                       { vertical-align: middle; }
+.U_MD_DK_SP_Tool                                           { text-align: right; margin-bottom: 22px; }
+.U_MD_DK_SP_Tool_Btn                                       { display: inline-block; padding: .333333em .833333em; margin-left: 12px; background-color: #fff; border:1px solid #d4d9df; box-shadow: 2px 2px 4px #999; cursor: pointer}
+.U_MD_DK_SP_Content_page                                   { width: 1633px; height: 1153px; margin: 0 auto;background:url(Controls/Office/Excel/img/Excel3.png );background-size:cover }
+.U_MD_DK_SP_CBox                                           { background-color: #F2F2F2; overflow: hidden; }
+.U_MD_DK_SP_Content                                        { margin-top: 24px; }
+.U_MD_DK_SP_footer                                         { background-color:#123f5b; outline:9999px solid #f2f2f2; clip:rect(0 9999px 9999px 0); padding: 27px;margin-top: 24px; text-align: center;}
+.U_MD_DK_SP_footer_Logo > img                              { width: 80px; cursor: pointer;}
+.U_MD_DK_SP_footer_Text                                    { margin-top:14px; color: #fff; font-size:14px; line-height: 18px;}
+.U_MD_DK_SP_Fixed_Icon                                     { position: fixed; right: 80px; top: 300px; width: 70px; cursor: pointer; }
+.U_MD_DK_SP_Top_Icon                                       { position: absolute;top:0; right:-100px; cursor: pointer; }
+.U_MD_DK_SP_ShareBox                                       { display:none; position:absolute; width: 274px; text-align:center; background-color:#f4f4f4;border:1px solid #d0d5dc;margin-top: 6px;margin-left: -80px;}
+
+#U_MD_DK_SP_Tool_ShareBtn:hover .U_MD_DK_SP_ShareBox      { display:block; }
+.shareBlock                                                 { display: inline-block; padding: 15px 23.6px; }
+.shareBlock:hover                                           { background-color: #e9e9e9; cursor: pointer; }
+.shareCode:hover .codeel                                    { display: block }
+
+.U_MD_DK_SP_Head_Model                                     {  height: 50px; background-color:rgb(41, 103, 167); color:#fff; overflow: hidden;    text-align: center;}
+.U_MD_DK_SP_MarginBox_Model                                { position: absolute; left: 225px; right:225px; max-width:1800px; margin:0 auto; }
+.U_MD_DK_SP_MarginBox_Model_Word                           { position: relative; width: 1250px; margin:0 auto; }
+.U_MD_DK_SP_Head_Logo_Model                                { float:left;}
+.U_MD_DK_SP_Head_UserImg                                   { float:right;}
+.U_MD_DK_SP_Head_UserImg > img                             { width:31px; margin-top: 10px; border-radius: 13px; cursor:pointer;}
+.U_MD_DK_SP_Head_Logo_Model > img                          { width: 30px; margin-top: 10px;cursor:pointer;}
+.U_MD_DK_SP_Header_DataContent                             { position: absolute; right: 0; top: 20px;}
+.U_MD_DK_SP_Header_DataUl                                  { font-size: 16px; }
+.U_MD_DK_SP_Header_DataUl > li                             { float: left; padding-bottom: 10px; margin-left: 34px; cursor:pointer; }
+.DataLi_active                                              { border-bottom: 2px solid #fff; }
+.U_MD_DK_SP_Header_DataUl > li:hover                       { border-bottom: 2px solid #fff; }
+.U_MD_DK_SP_Head_Logo_name                                 { font-size: 21px; position: relative; top: 13px;padding-left: 40px;color: #ffffff;display: inline-block;}
+
+.U_MD_DK_SP_ContentBox                                      { min-height:728px; width:1110px; margin:0 auto; background: #fff;}
+.U_MD_DK_SP_ContentTop                                      { height:35px; width:1110px; background:#378EEF;}
+.U_MD_DK_SP_ContentTop>div                                  { float: left; color: #fff; text-indent: 15px; line-height: 35px;  }
+.U_MD_DK_SP_CTopNum                                         { width: 130px;}
+.U_MD_DK_SP_CTopFileName                                    { width: 240px;}
+.U_MD_DK_SP_CTopFileType                                    { width: 150px;}
+.U_MD_DK_SP_CTopFileSize                                    { width: 160px;}
+.U_MD_DK_SP_CTopFileAuthor                                  { width: 170px;}
+.U_MD_DK_SP_CTopFileUpdateTime                              { width: 203px;}
+.U_MD_DK_SP_Li                                              { width: 1110px; height: 35px; cursor:pointer;    border-bottom: 1px solid #f6f6f6;}
+.U_MD_DK_SP_Li:hover                                        { background-color: #e7f8ff;}
+.U_MD_DK_SP_Li>div                                          { color:#000; float: left; text-indent: 15px; line-height: 35px;height:35px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
+.U_MD_DK_SP_Img                                             { background:url(/img/YSD20142.png);}
+.U_MD_DK_LCS                                                {background-position:-23px -223px}
+.U_MD_DK_LCF                                                {background-position:-9pc -255px}
+.U_MD_DK_LCQ                                                {background-position:-51px -223px}
+.U_MD_DK_LCB                                                {background-position:-81px -14pc}
+.U_MD_DK_LCT                                                {background-position:-109px -223px}
+.U_MD_DK_LCY                                                {background-position:-137px -14pc}
+.U_MD_DK_LCP                                                {background-position:-165px -225px}
+.U_MD_DK_LCM                                                {background-position:-2in -223px}
+.U_MD_DK_LCW                                                {background-position:-25px -254px}
+.U_MD_DK_LCJ                                                {background-position:-54px -253px}
+.U_MD_DK_LCD                                                {background-position:-84px -254px}
+.U_MD_DK_SP_unfile                                          {background-position: -84px -222px}
+.U_MD_DK_LCE                                                {background-position:-115px -254px}
+.U_MD_DK_SP_RZSMI                                           { font-size: 1pc; margin-right:5px;}

css/DomanSystem/DomanSystem.css

@@ -0,0 +1,177 @@
+/*点击域名管理弹出前分享的处理*/
+
+/*窗口18 邀请好友*/
+.U_MD_O_W_Paper8 { padding: 30px 40px; font-weight: 700; }
+.U_MD_O_W_Paper8_Set_Tag { font-size: 16px; line-height: 30px; }
+.U_MD_O_W_Paper8_Set_Yu { overflow: hidden; position: absolute; bottom: 45px; left: 185px; }
+.U_MD_O_W_Paper8_Set_Yu_Text { padding-top: 20px; font-size: 14px; float: left; }
+.U_MD_O_W_Paper8_Set_Yu_Ming { padding-top: 20px; font-size: 14px; float: left; color: #0033cc; cursor: pointer;}
+.U_MD_O_W_Paper8_Set_Tag > span { margin-left: 10px; font-size: 12px; line-height: 35px; }
+.U_MD_O_W_Paper8_Set_Name { height: 25px; padding-left: 10px; background:#ffffff; border:1px solid #cccccc; color: #2c5ca4; font-size: 16px; }
+.U_MD_O_W_Paper8_Set_Name > input { margin-left: 5px; height: 40px; }
+.U_MD_O_W_Paper8_Set_Hint { padding: 10px 20px 0; color: #a00; font-size: 12px; line-height: 18px; }
+.U_MD_O_W_Paper8_Btn { width: 100%; height: 40px; }
+.U_MD_O_W_Paper8_Btn > div { float: right; margin: 0 6px; width: 85px; height: 33px; border: 1px solid #ccc; border-radius: 5px; text-align: center; line-height: 33px; /* padding: 0 10px; */ }
+.U_MD_O_W_Paper8_Btn > div:hover { background-color: #1e75ce; color: #fff; }
+.U_MD_O_W_Paper8_Set_Alert { padding-top: 20px; width: 100%; height: 20px; font-size: 12px; line-height: 20px; }
+.U_MD_O_W_Paper8_Set_Alert > div { display: inline-block; color: #1e75ce; text-decoration: underline; }
+.U_MD_O_W_Paper8_Que_Tag { margin: 35px auto 0; text-align: center; font-size: 14px; line-height: 30px; }
+.U_MD_O_W_Paper8_Que_Url { padding: 15px; text-align: center; font-size: 14px;border: none;margin-left: 30%; }
+.U_MD_O_W_Paper8_Que_Con { display: inline-block; vertical-align: top; margin: 25px 0px; line-height: 25px; text-align: left; font-size: 14px;margin-top: -10px; }
+.U_MD_O_W_Paper8_Que_QR { float:left;overflow:hidden; }
+.U_MD_O_W_Paper8_Que_Code { margin: 20px auto -25px; padding: 20px 0px; border-top: 1px solid #ccc; text-align: center; }
+.U_MD_O_W_Paper8_Que_Code > img { display: inline-block; width: 180px; height: 180px; }
+.U_MD_O_W_Paper8_Sanfang { margin-top: 5px; }
+.U_MD_O_W_Paper8_Sanfang_Weibo { width:35px; height:35px; float:left; cursor: pointer; background: url(img/Xinlang.png) no-repeat; margin-right: 30px;  }
+.U_MD_O_W_Paper8_Sanfang_Kongjian { width:35px; height:35px; float:left; cursor: pointer; background: url(img/Kongjian.png) no-repeat; }
+
+
+/*登陆*/
+.U_MD_DM_B_login { width:80px; height:35px; border-radius:5px; border:1px solid #000; float:left; margin-left:30px; margin-top:8px; cursor:pointer; line-height:35px; text-align:center;} 
+.U_MD_DM_B_T_Pro_use { float:left; line-height: 30px;margin-left: 30px;font-size: 12px;color: #2d5da4;cursor: pointer;border: 1px solid #2d5da4;height: 30px;margin-top: 14px;border-radius: 3px;padding: 0 15px;}
+.U_MD_DM_B_T_Pro_use:hover { background-color: #2d5da4; color: #fff; }
+.U_MD_DM_B_Manage_Set_Contant { width: 100%; height: 270px; background: #fff; }
+.U_MD_DM_B_Manage_Set_tit { font-size: 16px; text-align: center; margin-top: 10px; }
+.U_MD_DM_B_Manage_Set_dns { color: #305ad0; font-size: 15px; text-align: center; margin-bottom: 16px; /*border: none;     margin-left: 20%;*/ }
+.U_MD_DM_B_Manage_Set_button { float: right; margin-top: 18px; width: 90%; }
+.U_MD_DM_B_Manage_Set_fx { float: left; width: 90px; height: 30px; background: #2d5da4; color: #fff; text-align: center; line-height: 30px; cursor: pointer; }
+.U_MD_DM_B_Manage_Set_qx { float: left; width: 60px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #d4d4d4; cursor: pointer; }
+.U_MD_DM_B_Manage_Set_ck { float: left; width: 90px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #d4d4d4; margin-left: 10px; margin-right: 10px; cursor: pointer; }
+.U_MD_DM_B_Manage_Set_share { margin: auto; width: 80%; border-top: 1px solid #d4d4d4; }
+
+/*默认设置*/
+.U_Boom_CO_Popup { margin: 0; padding: 0; height: 2027px; text-align: left; }
+.U_Boom_CO_Popup ul, ol, li, p, h1, h2, h3, h4, h5, h6, from, fieldset, table, td, img, div, dl, dt, dd, input { margin: 0; padding: 0; }
+.U_Boom_CO_Popup { font-size: 12px; }
+.U_Boom_CO_Popup img { border: none; }
+.U_Boom_CO_Popup li { list-style: none; }
+.U_Boom_CO_Popup input, select, textarea { outline: none; }
+.U_Boom_CO_Popup textarea { resize: none; }
+.U_Boom_CO_Popup a { text-decoration: none; }
+.U_Boom_CO_Popup a:hover { color: red; }
+.U_Boom_CO_Popup a:visited { color: #888; }
+.U_Boom_CO_Popup a:link { color: black; }
+.U_Boom_CO_Popup a { color: white; }
+
+.U_MD_O_W_Paper8 { padding: 30px 40px; font-weight: 700; }
+.U_MD_O_W_Paper8_Set {overflow: hidden}
+.U_MD_O_W_Paper8_Set_Tag { font-size: 16px; line-height: 30px; }
+.U_MD_O_W_Paper8_Set_Yu { overflow: hidden; position: absolute; bottom: 45px; left: 185px; }
+.U_MD_O_W_Paper8_Set_Yu_Text { padding-top: 20px; font-size: 14px; float: left; }
+.U_MD_O_W_Paper8_Set_Yu_Ming { padding-top: 20px; font-size: 14px; float: left; color: #0033cc; cursor: pointer;}
+.U_MD_O_W_Paper8_Set_Tag > span { margin-left: 10px; font-size: 12px; line-height: 35px; }
+.U_MD_O_W_Paper8_Set_Name {position:absolute;left: -9999px; width:200px; color: #2c5ca4; font-size: 16px; }
+#U_MD_O_W_Paper8_hrefA { position:absolute; max-width: 220px; overflow-y: auto;font-size: 16px; color: #2c5ca4; text-decoration: none;}
+.U_MD_O_W_Paper8_Set_Name > input { margin-left: 5px; height: 40px; }
+.U_MD_O_W_Paper8_Copy_btn   { float: right; padding: 5px 12px; border: 1px solid #cccccc; cursor: pointer; }
+.U_MD_O_W_Paper8_Copy_btn:hover { background-color: rgb(41, 103, 167); color: #ffffff }
+.U_MD_O_W_Paper8_Set_Hint { padding: 10px 20px 0; color: #a00; font-size: 12px; line-height: 18px; }
+.U_MD_O_W_Paper8_Btn { width: 100%; height: 40px; }
+.U_MD_O_W_Paper8_Btn > div { float: right; margin: 0 6px; width: 85px; height: 33px; border: 1px solid #ccc; border-radius: 5px; text-align: center; line-height: 33px; /* padding: 0 10px; */ }
+.U_MD_O_W_Paper8_Btn > div:hover { background-color: #1e75ce; color: #fff; }
+.U_MD_O_W_Paper8_Set_Alert { padding-top: 20px; width: 100%; height: 20px; font-size: 12px; line-height: 20px; }
+.U_MD_O_W_Paper8_Set_Alert > div { display: inline-block; color: #1e75ce; text-decoration: underline; }
+.U_MD_O_W_Paper8_Que_Tag { margin: 35px auto 0; text-align: center; font-size: 14px; line-height: 30px; }
+.U_MD_O_W_Paper8_Que_Url { padding: 15px; text-align: center; font-size: 14px;border: none;margin-left: 30%; }
+.U_MD_O_W_Paper8_Que_Con { display: inline-block; vertical-align: top; margin: 25px 0px; line-height: 25px; text-align: left; font-size: 14px;margin-top: -10px; }
+.U_MD_O_W_Paper8_Que_QR { float:left;overflow:hidden; }
+.U_MD_O_W_Paper8_Que_Code { margin: 20px auto -25px; padding: 20px 0px; border-top: 1px solid #ccc; text-align: center; }
+.U_MD_O_W_Paper8_Que_Code > img { display: inline-block; width: 180px; height: 180px; }
+.U_MD_O_W_Paper8_Sanfang { margin-top: 5px; }
+.U_MD_O_W_Paper8_Sanfang_Weibo { width:35px; height:35px; float:left; cursor: pointer; background: url(img/Xinlang.png) no-repeat; margin-right: 30px;  }
+.U_MD_O_W_Paper8_Sanfang_Kongjian { width:35px; height:35px; float:left; cursor: pointer; background: url(img/Kongjian.png) no-repeat; }
+
+/*域名系统*/
+/*域名管理整体样式*/
+.U_MD_DM_M_Body{width: 100%;height: 100%; display:none; }
+.U_MD_DM_M_B_Head{ width: 100%;height: 50px;background-color: #000; }
+.U_MD_DM_B_H_Text{ float: left;color: #fff;line-height: 50px;font-size: 16px;margin-left: 2%; }
+.U_MD_DM_B_H_Close{ float: right;width: 14px;height:15px;background-image: url(../img/U_MD_DM_Close.png);background-position: 14px 20px;margin: 18px 2%; }
+.U_MD_DM_M_Active{ display: none; }
+/*导航样式*/
+.U_MD_DM_B_Nav{ width: 100%;height: 50px;background-color: #fff; }
+.U_MD_DM_B_N_Left{ float: left;margin-left: 5%; }
+.U_MD_DM_B_N_L_Img{ float: left;width: 33px;height: 33px;border-radius: 50%;margin: 11px 10px 0 0; }
+.U_MD_DM_B_N_L_Img >img { width:100%; height: 100%; border-radius:20px;}
+.U_MD_DM_B_N_L_Text{ float: left;font-size: 14px;font-weight: bold;line-height: 55px; }
+.U_MD_DM_B_N_Right{ float: right;width: 70%;margin: 0 auto; }
+.U_MD_DM_B_N_R_Nav{ line-height: 50px; }
+.U_MD_DM_B_N_R_Nav_li{ float: left;width: 25%;font-size: 14px;text-align: center;cursor: pointer; }
+.li_active{ background-color: #2c5ca4;color: #fff; }
+/*顶级域名——简介样式*/
+.U_MD_DM_B_Topcont{width: 100%;height: calc(100% - 70px);background-color: #d7d7d7;padding-top: 20px;/* border: 1px solid #c2c1c1; *//* border-top: none; */}
+.U_MD_DM_B_T_Center{width: 90%;margin: 0 auto;background-color: #fff;overflow: hidden;display:none;}
+.U_MD_DM_B_T_One{overflow: hidden;padding: 0 25px;line-height: 50px;font-size: 16px; }
+.U_MD_DM_B_T_One p{ float: left; font-size: 16px; padding-left:5px;}
+.U_MD_DM_B_T_One span{ float: left;font-size: 15px;color: #0441a3; }
+.U_MD_DM_B_T_Story{ width: 70%;margin: 40px auto; }
+.U_MD_DM_B_T_S_Title{ width: 200px;margin: 0 auto;overflow: hidden; }
+.U_MD_DM_B_T_S_T_Img{ float: left;width: 93px;height: 45px;border: 1px solid #000; }
+.U_MD_DM_B_T_S_T_Text{ float: left;font-size: 22px;line-height: 45px;margin-left: 10px;font-style: italic; }
+.U_MD_DM_B_T_S_Hint{ margin: 10px 0; }
+.U_MD_DM_B_T_S_Hint p{float: left;font-size: 15px;}
+.U_MD_DM_B_T_S_Hint span{ font-size: 14px; }
+.U_MD_DM_B_T_S_Input{ margin-bottom: 20px;overflow: hidden; }
+.U_MD_DM_B_T_S_Inputcont{ float: left;width: 75%;height: 38px;border:1px solid #d4d4d4;font-size: 18px;line-height: 38px;padding-left: 10px;font-weight: bold; }
+.U_MD_DM_B_T_S_Inputbutton{ float: left;width: 20%;height: 38px;background-color: #2d5da4;border: 1px solid #b0c1de;margin-left: 1%;text-align: center;line-height: 38px;font-size: 14px;color: #fff;cursor: pointer; }
+.U_MD_DM_B_T_S_Rlue{ width: 98%;border:1px solid #e2e4e4;background-color: #f6f5fa; }
+.U_MD_DM_B_T_S_Rlue_Ul{ padding: 40px 40px; }
+.U_MD_DM_B_T_S_Rlue_Ul li{ font-size: 14px;line-height: 50px; }
+.U_MD_DM_B_T_S_Care{ margin: 30px 0;overflow: hidden; }
+.U_MD_DM_B_T_S_Care p{ display: block;float: left;font-size: 14px;line-height: 38px; }
+.U_MD_DM_B_T_S_C_Pay{ float: left;width: 95px;height: 38px;font-size: 14px;text-align: center;line-height: 38px;color: #fff;background-color: #dc4c4c;cursor: pointer; }
+/*顶级域名——查找样式*/
+.U_MD_DM_B_T_Search{overflow: hidden;padding: 10px 30px;}
+.U_MD_DM_B_T_Sea_Input{ float: left;width: 20%;height: 36px;border: 1px solid #d4d4d4;font-size: 16px;line-height: 38px;padding-left: 10px; }
+.U_MD_DM_B_T_Sea_text{ float: left;line-height: 38px;padding: 0 10px;font-size: 14px; }
+.U_MD_DM_B_T_Sea_button{ float: left;width: 10%;height: 38px;background-color: #2d5da4; cursor:pointer; font-size: 14px;color: #fff;text-align: center;line-height: 38px;cursor: pointer; margin-left: 20px}
+.U_MD_DM_B_T_Pro{ padding: 0 40px;overflow: hidden; }
+.U_MD_DM_B_T_Pro p{ float: left;font-size: 16px;line-height: 60px;font-weight: bold; }
+.U_MD_DM_B_T_Pro span{ float: left;font-size: 16px;color: red;line-height: 60px;padding-left: 10px; }
+.U_MD_DM_B_T_Ul li{border-top: 1px solid #e5e5e5;line-height: 58px;overflow: hidden;padding: 0 46px;}
+/*.U_MD_DM_B_T_Ul li:last-child{border-bottom: 1px solid #e5e5e5;}*/
+.U_MD_DM_B_T_Ul_text{ margin-left: 30px;float: left;font-size: 14px; }
+.U_MD_DM_B_T_Ul_quick{ float: right;margin-right: 30px;font-size: 14px;color: #305ad0; cursor:pointer; }
+/*我的域名管理*/
+.U_MD_DM_B_Manage{ margin-left: 40px;overflow: hidden; }
+.U_MD_DM_B_M_Search{ overflow: hidden; }
+.U_MD_DM_B_M_S_Text{ float: left;font-size: 16px;font-weight: bold;margin-right: 20px;line-height: 38px; }
+.U_MD_DM_B_M_S_Input{ float: left;width: 40%;height: 38px;border: 1px solid #dadada;background-color: #fff;font-size: 18px;color: #000;line-height: 38px;padding-left: 10px;margin-right: 10px; }
+.U_MD_DM_B_M_S_Button{ float: left;width: 10%;height: 38px; cursor:pointer; border: 1px solid #b0c1de;background-color: #2d5da4;font-size: 16px;line-height: 38px;text-align: center;color: #fff;  margin-right:10px;}
+.U_MD_DM_B_M_Admin{ width: 100%;overflow: hidden;margin: 30px 0; }
+.U_MD_DM_B_M_Admin ul{ width: 95%;border: 1px solid #b4b4b4;overflow: hidden; }
+.U_MD_DM_B_M_Admin ul li{ border-bottom: 1px solid #b4b4b4;overflow: hidden;background-color: #fff; }
+.U_MD_DM_B_M_Admin ul li:last-child{ border-bottom: none; }
+.U_MD_DM_B_M_A_Filename,.U_MD_DM_B_M_A_Type,.U_MD_DM_B_M_A_Settime,.U_MD_DM_B_M_A_Duetime,.U_MD_DM_B_M_A_Genre,.U_MD_DM_B_M_A_Realm,.U_MD_DM_B_M_A_Handle{ float: left;width: 14%;line-height: 30px;font-size: 14px;text-align: center;color: #fff;background-color: #1f467f; }
+.U_MD_DM_B_M_A_Type,.U_MD_DM_B_M_A_Genre{ width: 8%; }
+.U_MD_DM_B_M_A_Realm{ width: 25%; }
+.U_MD_DM_B_M_A_Handle{ width: 17%;}
+.U_MD_DM_B_M_A_name,.U_MD_DM_B_M_A_Ttype,.U_MD_DM_B_M_A_Stime,.U_MD_DM_B_M_A_Dtime,.U_MD_DM_B_M_A_Ggenre,.U_MD_DM_B_M_A_Rrealm{ float: left;width: 14%;height: 50px;line-height: 50px;font-size: 14px;text-align: center;color: #000;border-right: 1px solid #bcbcbc; overflow: hidden;}
+.U_MD_DM_B_M_A_Ttype,.U_MD_DM_B_M_A_Ggenre{ width: 8%; }
+.U_MD_DM_B_M_A_Rrealm{ width: 25%; }
+.U_MD_DM_B_M_A_Hhandle{ float: left;width: 15%;border: none;line-height: 50px; }
+.U_MD_DM_B_M_A_Hhandle a{ float: left;margin-left: 10px;color: #4470d5;cursor: pointer; }
+.U_MD_DM_B_M_A_RInput{ float: left;width: 25%;height: 50px;color: #000;border-right: 1px solid #bcbcbc; }
+.U_MD_DM_B_M_A_R_Input{ width: 50%;height: 35px;border: 1px solid #9b9b9b;margin: 5px; float: left;line-height: 35px;font-size: 14px;  }
+.U_MD_DM_B_M_A_R_Input_Suffix { width:60px; height:35px; margin-top:5px; float:left; line-height:35px;font-size:14px;}
+.U_MD_DM_B_M_A_R_Input_Img{ float: right;margin-left: 10px;width: 20px;height: 20px;border-radius: 50%;background-image: url(../../img/U_MD_DM_Close.png);background-position: 0px 20px;background-color: red;margin-top: 8px; }
+.U_MD_DM_B_M_Page{ width: 40%;margin: 40px auto; }
+.U_MD_DM_B_M_P_First,.U_MD_DM_B_M_P_Pre{ float: left;width: 15%;height: 30px;line-height: 30px;text-align: center;background-color: #fff;font-size: 14px;color: #c0c0c0;margin-left: 10px;cursor: pointer; }
+.U_MD_DM_B_M_P_Pagenum{ float: left;padding: 0 10px;line-height: 30px;font-size: 14px; }
+.U_MD_DM_B_M_P_Pagenum p{ float: left;height: 30px;padding: 0 5px;background-color: #295c9f;text-align: center;color: #fff; }
+.U_MD_DM_B_M_P_Next,.U_MD_DM_B_M_P_last{ float: left;width: 15%;height: 30px;line-height: 30px;text-align: center;background-color: #fff;font-size: 14px;color: #000;margin-right: 10px;cursor: pointer; }
+#max_page { color:#000;}
+.U_MD_DM_B_M_Content_currentFile { background-color:#eee !important; }
+
+/*域名管理中心弹窗*/
+.U_MD_DM_B_Manage_Pop{ width: 40%;border: 1px solid #EAEAEA;position: absolute;left: 270px;top: 350px; }
+.U_MD_DM_B_Manage_P_Head{ width: 100%;height: 40px;background-color: #000;border-bottom: 1px solid #eaeaea; }
+.U_MD_DM_B_Manage_P_H_Img{ float: left;margin-left: 20px;width: 20px;height: 20px;border-radius: 50%;background-image: url(../img/U_MD_DM_Close.png);background-position: 0px 20px;margin-top: 10px; }
+.U_MD_DM_B_Manage_P_Head p{ float: left;font-size: 16px;color: #fff;margin-left: 10px;line-height: 40px; }
+.U_MD_DM_B_Manage_P_H_Close{ float: right;width: 14px;height:15px;background-image: url(../img/U_MD_DM_Close.png);background-position: 14px 20px;margin: 13px 2%; }
+.U_MD_DM_B_Manage_P_Contant{ width: 100%;background-color: #fff;overflow: hidden; }
+.U_MD_DM_B_Manage_P_C_Text{ font-size: 18px;text-align: center;padding-top: 20px;font-weight: bold; }
+.U_MD_DM_B_Manage_P_C_Right{ font-size: 18px;text-align: center;color: #3a65a9; }
+.U_MD_DM_B_Manage_P_C_Button{ width: 50%;margin: 20px auto;overflow: hidden; }
+.U_MD_DM_B_Manage_P_C_RightButton{ float: left;width:45%;height: 40px;background-color: #ba4848;font-size: 16px;color: #fff;text-align: center;line-height: 40px;margin-right: 10%;cursor: pointer; }
+.U_MD_DM_B_Manage_P_C_CancleButton{ float: left;width:45%;height: 40px;background-color: #d7d7d7;font-size: 16px;color: #929292;text-align: center;line-height: 40px;cursor: pointer; }

css/Friend/Friend.css

@@ -0,0 +1,261 @@
+.U_MD_F_T            {    min-width: 455px;height:48px;padding-top:6px;width: 100%;display: inline-block;border-bottom:1px solid #C7C7C7;}
+/*好友消息区域*/
+.U_MD_F             {height:100%;width: 100%;overflow:hidden;}
+
+div#U_MD_F {}/*position:absolute; border:1px solid #BFBFBF;top:150px; left:150px; background-color:White;*/
+.U_MD_F_TA           { width:85%; float:left; overflow-y:hidden; height:40px; display:inline; position:relative; }
+.U_MD_F:hover   .U_MD_F_TAI      { display:block; }
+.U_MD_F_TA    div    { float:left; _display:inline; }
+.U_MD_F_TAC          { width:20px; height:20px; background-position:-850px -60px; cursor:pointer; float:right; margin:5px 5px 0 0; }
+.U_MD_F_TAB          { width:22px; height:20px; background-position:-590px -252px; cursor:pointer; top:11px; right:45px; position:absolute; }
+.U_MD_F_TAB:hover    { background-position:-620px -230px; }
+.U_MD_F_TG           { cursor:pointer; width:21px; margin:15px 0 0 9px; padding:0 0 14px 1px; border:1px solid #D9D9D9; font-size:24px; line-height: 0px; text-align: center; color:#A0A0A0; float:left; position:relative; z-index:1; visibility:hidden; }
+.U_MD_F_TGO          { border-radius:13px; background-color:White; position:absolute; top: 20px; left: -23px; width:98px; border:1px solid #D9D9D9; padding:0px 9px 9px 9px; display:none; }
+.U_MD_F_TGOO         { width:100%; height:25px; margin-top:9px; cursor:pointer; position:relative; }
+.U_MD_F_TGOO:hover   { background-color:#F8F8F8; }
+.U_MD_F_TGOOI        { width:25px; height:25px; float:left; }
+.U_MD_F_TGOOI    img { width:25px; height:25px; }
+.U_MD_F_TGOON        { text-align:left; color:#000; font-size:12px; line-height:25px; float:left; letter-spacing:0px; width:65px; margin-left:5px; }
+.U_MD_F_TI           { margin:10px 10px 0 0; width:25px; height:20px; background-position:-658px -25px; float:right; cursor:pointer; position:relative; }
+.U_MD_F_TI:hover     { background-position:-692px -25px; }
+.U_MD_F_TO           { width:100px; margin:6px 0 0 9px; cursor:pointer; position:relative; border-radius:5px; padding:3px 2px; height:25px; position:relative; }
+.U_MD_F_TOT          { background-color:#F6F6F6; border:1px solid #CCC; padding:2px 1px; }
+.U_MD_F_TO:hover     { background-color:#C8C8C8; }
+.U_MD_F_TOI          { background-position:-735px 0px; width:25px; height:25px; margin-left:3px; }
+.U_MD_F_TOI  img     { width:25px; height:25px; border-radius:50%; float:left; }
+.U_MD_F_TON          { line-height:25px; font-family:arial,sans-serif; width:67px; margin-left:5px; }
+.U_MD_F_TOC          { position:absolute; width:22px; height:35px;top: -4px;right: -10px;/*right:-2px;*/ display:none;cursor:pointer;font-size:17px;line-height:35px; }
+.U_MD_F_TOC:hover    { background-position:-776px -107px; }
+.U_MD_F_TGOO:hover .U_MD_F_TOC, .U_MD_F_TO:hover .U_MD_F_TOC    { display:block}
+.U_MD_F_C            {overflow-x: hidden;overflow-y: auto;width: 100%;}
+.U_MD_F_T_B          { width: 121px;position: absolute;right: 2px;top: 25px; background: #fff; box-shadow: 3px 4px 7px #888888;z-index: 999;overflow: hidden; border:1px solid #dcdcdc; }
+.U_MD_F_T_B div      { width: 100%; height: 25px;line-height: 25px; cursor: _context-menu; text-align:center; cursor:pointer; }
+.U_MD_F_T_B div:hover{ background: rgb(217,237,249) !important}
+/*好友聊天区域*/
+.U_MD_F_H            { height:50px; padding-left:5px;  padding:8px 0 8px 15px; background-color:#f4f4f4; }
+.U_MD_F_HH           { width:50px; height:50px; float:left; }
+.U_MD_F_HH   img     { width:50px; height:50px; cursor:pointer; border-radius:50%; }
+.U_MD_F_HT           {width: 80%;height:100%;float:left;margin-left:12px;}
+.U_MD_F_HTN          {width: 100%;font-size:16px;color:#787878;font-family:微软雅黑;margin-top:4px;}
+.U_MD_F_HTC          {width: 100%;margin-top:7px;height:17px;color:#787878;}
+.U_MD_F_HG            { height:25px;background: #c8e4ff;}
+.U_MD_U_P_P_Tips_Pos           { width:18px; height:18px; background-position:-763px -3px; float:left; margin-left:12px; }
+.U_MD_F_GC           { margin-left:5px; float:left; height:25px; line-height:25px; color:#333333; font-family:arial,sans-serif; }
+.U_MD_F_NA           {min-width: 455px;height:100%;width: 100%;overflow:hidden;}
+.U_MD_F_N            {float:left;height: 100%;}
+.U_MD_F_CA           {min-width:270px;white-space:nowrap;margin-top:10px; overflow:hidden; padding:0 5px; height:240px; width:auto; overflow-y:auto; position:relative; background-color:#FFF; }
+.U_MD_F_C            {}
+.U_MD_F_CI           { max-height:200px; max-width:250px; width:auto; height:auto; float:left; cursor:pointer; }
+.U_MD_F_CO           { position:relative; margin:10px 0 0 12px; overflow:hidden; }
+.U_MD_F_COL          { float:left;}
+.U_MD_F_COLT         { width:10px; height:7px; background-position:-544px -95px; margin-left:20px  }
+.U_MD_F_COLC         {max-width:355px;padding: 8px 15px;background-color:#eeeeee;color:Black;border-radius:10px;line-height:20px;font-size:13px;word-wrap:break-word;float:right;}
+.U_MD_F_COLCI        { width:30px; height:30px; border-radius:50%; float:left; margin-top:3px; cursor:pointer; }
+.U_MD_F_COLCO        {float:left;/* margin:5px 10px 0 10px; */max-width:315px;font-family:'微软雅黑';word-break: break-all;word-wrap:break-word;}
+.U_MD_F_COLCOO       { margin-left:0; }
+.U_MD_F_COLCOT       { margin-right:0; }
+.U_MD_F_COT          { float:left; margin-left:10px; height:100%; color:#545454; width:80px; }
+/*.U_MD_F_COTO       { width:80px; }*/
+.U_MD_F_COTOK        { margin-top:1px; color:#545454; height:33px; overflow:hidden; }
+.U_MD_F_CT           { margin:10px 12px 0 0; position:relative; overflow:hidden; }
+.U_MD_F_CTO          { bottom:5px; }
+.U_MD_F_CTL          { float:right; font-size:14px; max-width:293px; }
+.U_MD_F_CTLC         {white-space:normal;background-color:#2683f5;color:White;margin:0 auto;/* min-width:35px; */word-wrap: break-word;word-break: normal;float:left;}
+.U_MD_F_CTLC *       { background-color:transparent; }
+.U_MD_F_CTLT         { background-position:-592px -13px; clear:both }
+.U_MD_F_CTT          { float:left; }
+.U_MD_F_CTTO         { float:right; margin-right:10px; }
+
+/*聊天文件.*/
+.U_MD_F_F            { width: 230px; height: 110px; background-color: #F7F7F7; border: 1px solid #CCC; border-radius: 5px; font-size:12px; color:#000; cursor:pointer; }
+.U_MD_F_FS           { height:69px;  padding: 15px 10px 0 10px; }
+.U_MD_F_FSS          { width: 60px; height: 60px; float: left; line-height:60px; background-color:#1F6D43; font-size:16px; color:#FFF; text-align:center; overflow:hidden; }
+.U_MD_F_FSX          { float: left; width: 140px; margin-left: 10px; }
+.U_MD_F_FSXN         { font-size:15px; max-height:43px; overflow:hidden; }
+.U_MD_F_FSXS         { color:#666; }
+.U_MD_F_FX           { border-top: 1px solid #CCC; height:25px; line-height:25px; color:#666; }
+.U_MD_F_FX   div     { float:right; margin-right:8px; }
+.U_MD_F_FX   div:hover   { color:#006699; }
+
+.U_MD_F_D            { height:140px; padding:5px 15px 0 15px; }
+.U_MD_F_DA           { width:100%; height:100%; float:right; }
+.U_MD_F_DT           { height:30px; }
+.U_MD_F_DT   div     { float:left; width:30px; height:24px; margin-left:13px; cursor:pointer; }
+.U_MD_F_DT   .U_MD_F_DTZ      { position:relative; }
+.U_MD_F_DT   .U_MD_F_DTJ      { float:right; }
+.U_MD_F_DTS          { background-position:-1277px -401px; width:22px; height:17px; float:left; position:relative;margin-top:4px; }
+.U_MD_F_DTZ          { background-position:-716px -244px; width:22px; height:22px; }
+.U_MD_F_DTZ:hover    { background-position:-381px -119px;}
+.U_MD_F_DTJ          { background-position:-475px -119px;}
+.U_MD_F_DTJ:hover    { background-position:-412px -119px;}
+.U_MD_F_DC           { height:83px; margin-top:2px; line-height:15px; border:0; background-color:#f7f7f7;  outline:none; overflow-x:hidden; overflow-y:auto; border:1px solid #bbb; padding:5px; -webkit-overflow-scrolling:touch; word-break: break-all; cursor:text; }
+.U_MD_F_DC   p       { padding:0px; margin:0px; }
+.U_MD_F_DJ           { background-position:-700px -9px; width:10px; height:10px; float:right; margin:-1px 53px 0 0; }
+.U_MD_F_L            {width: 277px;float:left;height:100%;display:none;}
+.U_MD_F_LA           {border-left:1px solid #BFBFBF;padding:0px 15px 6px 15px;overflow-x:hidden;overflow-y:auto;height: calc(100% - 37px);}
+.U_MD_F_LB           {width:100%;height: 30px;border-left:1px solid #BFBFBF;border-top:1px solid #BFBFBF;}
+.U_MD_F_LO           { margin-top:15px; float:left; width:100%; }
+.U_MD_F_LOT          { height:20px; width:100%; }
+.U_MD_F_LOTN         { color:#1C72D3; float:left; font-family:微软雅黑; font-weight:bold; font-size:14px; }
+.U_MD_F_LOTT         { float:left; color:#808080; margin-left:10px; line-height:22px; }
+.U_MD_F_LOD          { width:100%; margin-top:5px; line-height:18px; float:left; clear:both; word-wrap: break-word; word-break: normal; }
+.U_MD_F_X            { height:30px;  clear:both; margin-top:5px; }
+.U_MD_F_X    div     { float:right; padding:0 10px;  }
+.U_MD_F_XC           { height:26px; border:1px solid #c8c8c8; background-color:#aaa; color:White; line-height:27px; border-radius:26px; margin-right:14px; cursor:pointer; display:none; }
+.U_MD_F_XE           { height:26px; border:1px solid #4c4c4c; background-color:#4c4c4c; color:White; line-height:27px; border-radius:26px; margin-right:25px; cursor:pointer; }
+.U_MD_F_XE:hover     { border:0; height:28px; background-color:#B3B3B3; color:White; padding:0 11px; line-height:29px; }
+.U_MD_F_XC:hover     { border:0; height:28px; background-color:#9f9f9f; color:White; padding:0 11px; line-height:29px; }
+.U_MD_F_XE:hover     { background-color:#347FDB; }
+.U_MD_F_UploadPng    { background:url(img/uoload.png) no-repeat 0;background-position:0p 5px;} 
+.U_MD_F_LoaclChose:hover,.U_MD_F_DiskChose:hover {background:#e6e9ed}
+
+/*好友聊天区域*/
+.U_MD_F_H             { }/*right:17px; top:100px; width:810px; height:626px; */
+.U_MD_F_H ::-webkit-scrollbar {width:4px;height:4px; }
+.U_MD_F_H_Z            { background-color:#E9E9E9; display:none; height:100%; z-index:6; overflow:hidden; top:0; }
+.U_MD_F_H_ZL           {width: 270px;height:100%;float:left;background-color:#E9E9E9;border-right:1px solid #CCC;}
+.U_MD_F_H_ZLT          { padding:7px 0 4px 4px; height:63px; }
+.U_MD_F_H_ZLTA         { float:left; margin-top:2px; width:184px; }
+.U_MD_F_H_ZLTAO        { width:40px; height:55px; margin-left:6px; float:left; cursor:pointer; _display:inline; }
+.U_MD_F_H_ZLTAON       { line-height:20px; text-align:center; font-size:14px; }
+.U_MD_F_H_ZLTI         { float:left; margin-left:7px; _display:inline; cursor:pointer; width:55px; height:55px; }
+.U_MD_F_H_ZLTI img     { width:55px; height:55px; border-radius:50%;}
+.U_MD_F_H_ZLTOK        { width:40px; height:36px; }
+.U_MD_F_H_ZLTO         { background-position:-7px -117px; }
+.U_MD_F_H_ZLTOO,.U_MD_F_H_ZLTO:hover   { background-position:-7px -157px; }
+.U_MD_F_H_ZLTT         { background-position:-48px -117px; }
+.U_MD_F_H_ZLTTO,.U_MD_F_H_ZLTT:hover   { background-position:-48px -158px; }
+.U_MD_F_H_ZLTS         { background-position:-88px -117px; }
+.U_MD_F_H_ZLTSO,.U_MD_F_H_ZLTS:hover   { background-position:-88px -157px; }
+.U_MD_F_H_ZLTF         { background-position:-132px -117px; }
+.U_MD_F_H_ZLTFO,.U_MD_F_H_ZLTF:hover   { background-position:-132px -157px; }
+.U_MD_F_H_ZLS          { width: auto; height:25px; border-bottom:1px solid #C7C7C7; border-top:1px solid #C7C7C7; padding:6px 0; background-color:#fff; position:relative; z-index:1; }
+.U_MD_F_H_ZLSL         { width:25px; height:25px; background-position:-343px -123px; float:left; margin-left:11px; display:inline; }
+.U_MD_F_H_ZLSYT        { width: 30px;height: 30px;background-position:-310px -122px;float: right;margin-right: 0px;display: inline;margin-top: -24px;display:none;}
+.U_MD_F_H_ZLSR         { width:214px; height:25px; float:left; }
+.U_MD_F_H_ZLSR input   { border:0; background:none; outline:none; height:22px; width:210px; line-height:normal; line-height:22px\9; padding:2px 0 0 8px; }
+.U_MD_F_H_ZLSF         { width:259px; background-color:White; height:710px; overflow-x:hidden; overflow-y:auto; display:none;margin-top: 32px; }
+.U_MD_F_H_ZLZ          { width:100%; height:700px; overflow-x:hidden; overflow-y:auto;}
+.U_MD_F_H_ZLZO         { width:100%;  float:left; }
+.U_MD_F_H_ZLZOT        { text-indent:10px;  font-size:14px; color:Black; cursor:pointer; line-height:20px; width:100%; padding:5px 0 ; margin-top:5px; }
+.U_MD_F_H_ZLZOC        { width:100%; float:left; }
+.U_MD_F_H_ZLZOCO       { height:35px; padding:9px 0 9px 18px; cursor:pointer; }
+.U_MD_F_H_ZLZOCO:hover { background-color:#D0E2EE!important; border-top:1px solid #87C4ED; border-bottom:1px solid #87C4ED; padding:8px 0 8px 18px; }
+.U_MD_F_H_ZLZOCOO      { filter:gray;-moz-opacity:.3;opacity:0.3; }
+.U_MD_F_H_ZLZOCOI      { width:35px; height:35px; float:left; }
+.U_MD_F_H_ZLZOCOI  img { width:35px; height:35px; border-radius:50%; float:left; }
+.U_MD_F_H_ZLZOCOR      { width:130px; margin-left:10px; float:left; font-family:arial,sans-serif; }
+.U_MD_F_H_ZLZOCORN     { font-weight:bold; }
+.U_MD_F_H_ZLZOCORT     { color:#737373; height:18px; line-height:18px; margin-top:4px; }
+.U_MD_F_H_ZLZT         { width:100%; }
+.U_MD_F_H_ZLZTS        { width:50px; height:50px; margin:6px 0 0 10px; }
+.U_MD_F_H_ZLZTS    img { width:48px; height:48px; border:1px solid #e4e4e4; border-radius:50%; cursor:pointer; }
+.U_MD_F_H_ZLZTZ        { background-position:-560px -195px; width:20px; height:30px; margin:-5px 0 0 60px; }
+.U_MD_F_H_ZLZTX        { font-family:arial,sans-serif; font-size:14px; margin:7px 0 0 38px; width:140px; }
+.U_MD_F_H_ZR           { width: calc(100% - 272px);height:100%;background-color:#FFF;float: left;overflow:hidden;}
+
+div#U_MD_F_H_ZR {}
+.U_MD_F_H_ZRO          { margin-left:40px; float:left; }
+.U_MD_F_H_ZROS         { width:420px; margin:20px auto auto auto; }
+.U_MD_F_H_ZROSS        { font-size:32px; }
+.U_MD_F_H_ZROSZ        { color:#BBB; margin-top:14px; font-style:italic; }
+.U_MD_F_H_ZROSX        { width:100%; height:50px; margin-top:-13px; }
+.U_MD_F_H_ZROSXL       { margin-top:33px; float:left; font-family:arial,sans-serif; }
+.U_MD_F_H_ZROSXR       { width:50px; height:50px; float:left; margin-left:8px; background-position:-950px -70px;}
+.U_MD_F_H_ZROX         { margin-top:18px; font-family:arial,sans-serif; }
+.U_MD_F_H_ZROXT        { width:115px; height:22px; line-height:22px; font-family:微软雅黑; font-size:14px; }
+.U_MD_F_H_ZROXX        { width:100%; overflow:hidden; }
+.U_MD_F_H_ZROXXO       { float:left; height:25px; width:225px; height:129px; margin-top:23px; }
+.U_MD_F_H_ZROXXOS      { width:100%; height:55px; }
+.U_MD_F_H_ZROXXOSL     { width:55px; height:55px; float:left; }
+.U_MD_F_H_ZROXXOSL img { width:55px; height:55px; border-radius:50%; cursor:pointer; }
+.U_MD_F_H_ZROXXOSN     { max-width:80px; margin:20px 0 0 10px; font-size:14px; font-weight:700; float:left; }
+.U_MD_F_H_ZROXXOSR     { cursor:pointer; font-size:14px;  margin:13px 0 0 10px; width:52px; text-align:center; border:1px solid #e4e4e4; float:left; height:25px; line-height:25px; color:#0173FF; border-radius:25px; }
+.U_MD_F_H_ZROXXOSR:hover       { color:White; background-color:#0173FF;  border:1px solid #0173FF;}
+.U_MD_F_H_R            { z-index:999; background-color:White; width:45px; border:1px solid #c7c7c7; border-right:0; border-radius:15px 0 0 15px; padding:12px 10px 5px 0; cursor:pointer; display:none; position:absolute; right:0px; top:50%; margin-top:-280px; visibility:hidden;}
+.U_MD_F_H_RI           { width:35px; background-color:#28e456; height:35px; background-position:-305px -117px; border-radius:50%; cursor:pointer; margin-left:10px; }
+.U_MD_F_H_RC           { height:475px; width:100%; overflow:hidden; }
+.U_MD_F_H_RC   img     { width:35px; height:35px; border-radius:50%; cursor:pointer; }
+.U_MD_F_H_RCI          { margin:9px 0 0 10px; }
+.U_MD_F_H_RCO          { }
+.U_MD_F_H_RCOO         { width:35px; height:35px; margin:10px 0 0 10px; position:relative; }
+.U_MD_F_H_RCOO div     { display:block; }
+.U_MD_F_H_RCOON        { float:left; width:35px; height:35px; }
+.U_MD_F_H_RCOONTw      { float:left; width:35px; height:35px; }
+.U_MD_F_H_RCOI         { background-color:#60e480; color:White; text-align:center; width:18px; height:18px; line-height:18px; position:absolute; top:-5px; left:-5px; font-size:10px; border-radius:50%;}
+.U_MD_F_H_RCT          { width:100%; height:102px; margin-top:15px; }
+.U_MD_F_H_RCTS         { width:30px; height:30px; margin-left:12px; }
+.U_MD_F_H_RCTS img     { width:28px; height:28px; border:1px solid #e4e4e4; border-radius:50%; }
+.U_MD_F_H_RCTZ         { background-position:-560px -195px; width:20px; height:30px; margin:7px 0 0 20px; }
+.U_MD_F_H_RCTX         { color:#707070; font-family:arial,sans-serif; margin:3px 0 0 9px; line-height:15px; }
+.U_MD_F_H_RD           { font-size:30px; color:#ABABAB; padding-bottom:20px; text-align:center; line-height:0px; margin:10px 0 0 10px; cursor:pointer; }
+.U_MD_F_H_RD:hover     { color:Black; }
+
+/*选择联系人*/
+.U_MD_F_RC_box          { display: table; width: 100%;}
+.U_MD_F_RC_SHOW         { border-left: 1px solid #e9e9e9}
+.U_MD_F_RC              { display: table-cell; width: 50%; background-color:#f3f3f3; vertical-align: top}
+.U_MD_F_RC_T            { overflow: hidden;}
+.U_MD_F_RC_TL           { height:25px; font-weight:bold; font-size:15px; }
+.U_MD_F_RC_TLC          { float:left; }
+.U_MD_F_RC_TLI          { float:right; }
+.U_MD_F_RC_S            { position:relative; overflow: hidden; margin:9px 13px 0; text-align:center; padding-bottom: 9px;border-bottom: 1px solid #e9e9e9;}
+.U_MD_F_RC_S    div     { float: none}
+.U_MD_F_RC_SS           {display:inline-block;width: 99%;height:26px;border:1px solid #CCC;border-radius: 4px;background-color:#fff;overflow: hidden;}
+.U_MD_F_RC_SS   input   {width:100%;line-height:normal;line-height:26px\9;height:26px;color:#787878;padding:0 !important;border: 0;text-indent: 3px;}
+.U_MD_F_RC_C            { height:415px; overflow-y:auto; position:relative; }
+.U_MD_F_RC_CA           { position:absolute; top:50%; font-size:18px; text-align:center; color:#999; width:100%; margin-top:-30px; }
+.U_MD_F_RC_CO           { height:35px; margin-top:5px; padding:5px 0; cursor:pointer; }
+.U_MD_F_RC_CO   div     { float:left; }
+.U_MD_F_RC_CO:hover     { background-color:#eee; }
+.U_MD_F_RC_COI          { width:25px; height:25px; background-position:-816px -60px; margin:8px 0 0 10px; }
+.U_MD_F_RC_COI:hover,.U_MD_F_RC_COIO         { background-position:-786px -60px; }
+.U_MD_F_RC_COC          { width:150px; margin-left:15px; height:100%; }
+.U_MD_F_RC_COC  img     { float:left; width:35px; height:35px; border-radius:50%; cursor:pointer; }
+.U_MD_F_RC_COCN         { float:left; height:35px; margin-left:10px; width:100px; line-height:35px; }
+.U_MD_F_RC_D            {/* position: absolute; *//* bottom: 0; */width: 100%;border-top: 1px solid #e9e9e9;padding: 4px 12px 4px 0;box-sizing: border-box;background-color: #f3f3f3;}
+.U_MD_F_RC_DQ           { float:right;  text-align:center; height:25px; line-height:25px; cursor:pointer; border-radius: 6px;}
+.U_MD_F_RC_DQ:hover     { background-color:#999; color: #fff}
+.U_MD_F_RC_DQO          { background-color:#347FDB; margin-left:10px; width: 100px; color: #fff}
+.U_MD_F_RC_DQC          { width: 72px; background-color:#fff; border:1px solid #cbd3e3;box-sizing: border-box;}
+.U_MD_F_RC_DQO:hover    { background-color:#26CA26; }
+.U_MD_F_RC_FS           { line-height: 25px; margin-left: 10px; cursor:pointer}
+.U_MD_F_RC_FS:hover     { border-bottom:1px solid #999}
+.U_MD_F_RC_C_P          { font-size: 14px; margin: 25px 13px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #e9e9e9}
+.U_MD_F_RC_C_C_A        { margin-top:10px; margin-left: 10px}
+.U_MD_F_RC_C_C_A > img  { width: 40px; vertical-align: middle;}
+.U_MD_F_RC_C_C_A > span { vertical-align: middle; padding-left: 10px}
+.U_MD_F_RC_GF           {cursor: pointer;padding: 5px 10px;}
+.U_MD_F_RC_GF:hover     { background-color: #e9e9e9}
+.U_MD_F_RC_GF > img     { vertical-align: middle}
+.U_MD_F_RC_GF > span    { vertical-align: middle; font-size: 14px}
+.U_MD_F_RC_Join         { margin-left: 32px; font-weight:bold; font-size: 14px}
+.U_MD_F_RC_Join_txt     { padding-top: 40px;}
+.U_MD_F_RC_Join_btn     { display:inline-block; padding: .5em 1em; margin-top: 6px; background-color:rgb(41, 103, 167);color: #fff; cursor:pointer}
+.U_MD_F_RC_Join_btn:hover   { background-color:#26CA26; }
+
+/*好友窗体*/
+.U_MD_F_W       { margin-top:7px;  }
+.U_MD_F_W_S      { color:#eee; font-size:15px; line-height:15px; width:15px; height:10px; margin-left:10px; }
+.U_MD_F_W_X      { background-color:#F5F5F5; padding:6px 8px 8px 6px;  border-radius:18px; line-height:20px;  overflow:hidden; max-height:37px; }
+
+/*好友分组*/
+.U_MD_F_G           { width:200px; margin:25px auto; float:none; }
+.U_MD_F_G input     { width:195px; }
+/*弹出好友添加*/
+.U_MD_F_A          { float:left;width:100%;height:78px;margin-top:12%;text-align:center}
+.U_MD_F_RA           {float: left;width: 20%;margin-left: 3.5%;background: #f6f6f6;line-height:78px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer}
+.U_MD_F_RA_E          {float: left;width: 20%;margin-left: 3.5%;height: 30px;background: #f6f6f6;border:1px solid #d9d9d9;border-radius:4px;padding-top: 24px;padding-bottom: 24px;font-size:14px;cursor:pointer}
+
+
+/*提示*/
+.U_MD_F_A_T { font-size: 15px; font-family: "宋体"; padding: 20px 10px; }
+.U_MD_F_A_T_All { width: 158px; height: 24px; margin: 0 auto; }
+.U_MD_F_A_T_OFF { float: left; font-size: 14px; font-family: "宋体"; padding: 4px 13px; background: #999999; /* border-radius: 5px; */ color: #fff; /* margin-left: 50%; */ margin-right: 50px; cursor: pointer; }
+.U_MD_F_A_T_OUT { float: left; font-size: 14px; font-family: "宋体"; padding: 4px 13px; background: #999999; /* border-radius: 5px; */ color: #fff; /* margin-left: 50%; */ cursor: pointer; }
+.U_MD_F_A_T_OFF:hover { background: #347fdb; }
+.U_MD_F_A_T_OUT:hover { background: #347fdb; }
+
+.U_MD_F_A_S          { width:26px; height:26px; background-position:-622px -118px; border-radius:50%; margin:1px 0 0 8px; display:inline; float:left; cursor:pointer; }
+
+.U_MD_F_A_AddNewGrouper {background:#e5e5e5;padding:5px 0px 5px 5px}

css/Friend/FriendRight.css

@@ -0,0 +1,41 @@
+.test { background: Red; }
+.U_MD_F_G_Y_Div { height: 200px; margin: 10px; float: left; }
+.U_MD_F_G_Y_Div:hover { background: lightblue; cursor: pointer; }
+.U_MD_F_G_Div { display: none; width: 130px; position: absolute; z-index: 999; border: 1px solid #dcdcdc; }
+.U_MD_F_G_Div2 { display: none; width: 100px; height: 25px; position: absolute; z-index: 999; border: 1px solid #999; }
+.U_MD_F_G_Div_Child { width: 100%; height: 50%; text-align: center; background: #fff; color: white; cursor: _context-menu; line-height: 25px; color: black; position: relative; }
+.U_MD_F_G_Div_Child2 { width: 100%; height: 100%; text-align: center; background: #fff; color: white; cursor: pointer; line-height: 25px; color: black; }
+.U_MD_F_G_Div_Children { width: 100px; background: #fff; position: absolute; z-index: 999; display: none; box-shadow: 3px 4px 7px #888888; right: -102px; top: 50px; border: 1px solid #DCDCDC; }
+.U_MD_F_G_Div_Children_A { width: 100%; text-align: center; background: #fff; color: white; cursor: _context-menu; line-height: 25px; color: black; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+.U_MD_F_G_Div_Children_A:hover { background: rgb(217,237,249) !important; }
+.U_MD_F_G_Div_Child:hover { background: rgb(217,237,249) !important; }
+.U_MD_F_G_Div_Child2:hover { background: rgb(217,237,249) !important; }
+.U_MD_F_G_Div_Q { height: 32px; line-height: 32px; text-indent:10px; font-size: 13px; width: auto; cursor:pointer; margin:1px 10px; }
+.U_MD_F_G_Div_QO, .U_MD_F_G_Div_Q:hover { background: rgb(217,237,249) !important; border-left:1px solid #87C4ED; border:1px solid #87C4ED; height:30px; line-height:30px; margin:1px 9px; }
+.U_MD_F_G_Div_QQ, .U_MD_F_G_Div_Q:hover {background: rgb(217,237,249) !important; border-left:1px solid #87C4ED; border:1px solid #87C4ED;}
+
+/*好友界面右上角设置*/
+.U_MD_F_G_S_Wrap { overflow: hidden; margin: 25px 10px 10px 25px; max-width: 363px; float:left; }
+.U_MD_F_G_S_A { width: 100%; overflow: hidden; }
+.U_MD_F_G_S_B { width: 75px; height: 42px; vertical-align: middle; padding: 22px 15px; border: 1px solid #e4e4e4; font-size: 16px; text-align: center; float: left; margin: 50px 0px 10px 18px; cursor: pointer; background: rgb(246,246,246); border-radius: 5px; }
+.U_MD_F_G_S_B:hover { background: lightblue !important; }
+.U_MD_F_G_S_C { width: 65px; margin: 25px auto; }
+.U_F_R_S_Input { margin: 15px 10px 10px 61px; }
+
+/*删除*/
+.U_MD_F_G_D       {   }
+.U_MD_F_G_D_A     { overflow: auto; margin: auto; font-size: 23px; padding-top: 20px; }
+.U_MD_F_G_D_AL    { float:left; margin-left:15px; }
+.U_MD_F_G_D_AL img { width: 40px; height: 40px; cursor:pointer; }
+.U_MD_F_G_D_AR    { float:left; margin-left:10px; line-height: 46px; }
+.U_MD_F_G_D_B { margin-top: 1%; }
+.U_MD_F_G_D_C { color: green; float: left; font-size: 32px; }
+.U_MD_F_G_DelP1 { display: block; font-size: 14px; margin-top: 1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+.U_MD_F_G_DelP2 { display: block; font-size: 13px; margin-top: 3px; color: #999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+.U_MD_F_G_DelSpan { font-size: 11px; display: block; margin:0 auto; padding:36px 15px 6px 15px; }
+/*右键菜单功能*/
+
+/*移动设置*/
+.U_MD_F_G_Y_D     {  }
+.U_MD_F_G_Y_DT    { padding:10px 0 10px 10px; font-size:14px; }
+.U_MD_F_G_Y_DS    { padding-bottom:10px; }

css/Friend/FriendSearch.css

@@ -0,0 +1,71 @@
+/*搜索框的处理*/
+.U_MD_F_S { width: 70%; position: absolute; border: 1px solid #444; background-color: #fff; z-index: 10; border-radius: 1px; overflow: visible; }
+.U_MD_F_S_T { height: 25px; line-height: 23px; background-color: #404040; overflow: hidden; color: White; font-size: 14px; overflow: hidden; }
+.U_MD_F_S_TI { text-indent: 10px; color: White; line-height: inherit; font-size: 14px; line-height: 23px; float: left; }
+.U_MD_F_S_TO { line-height: 25px; font-size: 14px; height: 25px; float: left; color: #FFF; }
+.U_MD_F_S_TO div { float: left; cursor: pointer; height: 30px; padding: 0 3px; }
+.U_MD_F_S_TO div:hover, .U_MD_F_S_TOS { border-bottom: 2px solid #FFF; color: #ddf3ff; }
+.U_MD_F_S_TL { margin-left: 25px; }
+.U_MD_F_S_TR { margin-left: 15px; }
+.U_MD_F_S_TD { margin-left: 15px; width: 430px; height: 25px; float: left; }
+.U_MD_F_S_TDL { width: 350px; height: 25px; background-color: #FFF; border-radius: 5px; float: left; }
+.U_MD_F_S_TDL input { color: #999; border: 0; outline: 0; padding: 0 0 0 10px; width: 350px; height: 25px; line-height: normal; line-height: 25px\9; font-family: 微软雅黑; font-size: 14px; background-color: transparent; margin: 0; }
+.U_MD_F_S_TDR { width: 60px; margin-left: 10px; background-color: #00C224; height: 25px; line-height: 25px; text-align: center; font-size: 14px; border-radius: 5px; float: left; color: #FFF; cursor: pointer; }
+.U_MD_F_S_C { width: 100%; position: relative; /*overflow: hidden;*/ }
+.U_MD_F_S_CO { text-align: left; overflow: auto; }
+.U_MD_F_S_CT { margin: 7px 0 0 20px; color: #111; font-family: 宋体; font-size: 13px; }
+.U_MD_F_S_CX { padding: 1px 10px 20px 45px; overflow: hidden; margin: auto; }
+.U_MD_F_S_CXT { width: 100%; text-align: center; font-size: 37px; color: #999; margin-top: 130px; }
+.U_MD_F_S_CXO { width: 140px; height: 135px; padding-top: 10px; background-color: #EEE; border: 1px solid #666; margin: 15px 7px 0 6px; border-radius: 5px; float: left; cursor: pointer; }
+.U_MD_F_S_CXO:hover .U_MD_F_S_CXODO, .U_MD_F_S_CXODT { background-color: #00B1F4; }
+.U_MD_F_S_CXO:hover .U_MD_F_S_CXODT, .U_MD_F_S_CXODO { background-color: #01D729; }
+.U_MD_F_S_CXOT { height: 30px; line-height: 30px; padding-left: 10px; }
+.U_MD_F_S_CXOTL { width: 30px; height: 30px; float: left; cursor: pointer; }
+.U_MD_F_S_CXOTL img { width: 30px; height: 30px; }
+.U_MD_F_S_CXOTR { width: 80px; margin-left: 10px; font-size: 13px; float: left; cursor: pointer; }
+.U_MD_F_S_CXOZ { height: 70px; margin: 5px 0 0 10px; line-height: 20px; font-family: 宋体; }
+.U_MD_F_S_CXOZS { margin-top: 2px; color: #999; }
+.U_MD_F_S_CXOZZ { margin-top: 2px; color: #999; }
+.U_MD_F_S_CXOZZ span { color: #006699; font-size: 18px; margin-left: 1px; font-family: 微软雅黑; line-height: 24px; }
+.U_MD_F_S_CXOD { height: 30px; line-height: 30px; width: 100%; text-align: center; color: #FFF; cursor: pointer; border-radius: 0 0 5px 5px; font-size: 14px; }
+
+.U_MD_F_S_CD { width: 100%; height: 30px; position: absolute; bottom: 0px; }
+.U_MD_F_S_CA { position: absolute; top: 3px; right: 0px; width: 80px; display: table-cell; vertical-align: middle; }
+.U_MD_F_S_S { width: 20px; height: 20px; background-position: -874px -61px; float: right; margin-right: 3px; cursor: pointer; }
+.U_MD_F_S_S:hover { background-position: -850px -61px; }
+.U_MD_F_S_D { background-position: -592px -252px; float: right; margin-right: 7px; width: 20px; height: 20px; cursor: pointer; }
+.U_MD_F_S_D:hover { background-position: -622px -231px; }
+.U_MD_F_S_F { background-position: -620px -256px; float: right; margin-right: 10px; width: 20px; height: 20px; cursor: pointer; }
+.U_MD_F_S_F:hover { background-position: -620px -273px; }
+
+
+.U_MD_F_S_Local_NoData{ text-align:center; line-height:100px;  }
+
+.U_MD_F_S_Local_Result { line-height:35px; text-indent:10px; height:35px; padding:9px 0 9px 18px; }
+.U_MD_F_S_Local_Result:hover,.U_MD_F_S_Local_Result_Hover {background-color: #D0E2EE!important; border-top: 1px solid #87C4ED; border-bottom: 1px solid #87C4ED; padding: 8px 0 8px 18px;}
+
+
+.U_MD_F_S_Pop   { display:none; }
+.U_MD_F_S_Pop_Head { height:70px; background-color:#428DDB; color:#FFF; padding:15px 0; }
+.U_MD_F_S_Pop_Head_Nav  { width:324px; margin:0 auto; height:25px; line-height:25px; }
+.U_MD_F_S_Pop_Head_Nav_font { float:left; height:20px; text-align:center; line-height:20px; border-left:2px solid #DDD; font-size:18px; }
+.U_MD_F_S_Pop_Head_Nav_font span    { margin:0 20px; cursor:pointer; }
+.U_MD_F_S_Pop_Head_Nav_fonto, .U_MD_F_S_Pop_Head_Nav_font span:hover   { border-bottom:2px solid #FFF; }
+.U_MD_F_S_Pop_Head_S    { width:596px; height:30px; line-height:30px; margin:10px auto 0 auto; }
+.U_MD_F_S_Pop_Head_S_L  { width:490px; height:30px; float:left; }
+.U_MD_F_S_Pop_Head_S_L  input { width:488px; border:0; outline:0; height:30px; line-height:normal; line-height:30px\9; color:#999; text-indent:8px; }
+.U_MD_F_S_Pop_Head_S_R  { width:96px; margin-left:10px; height:30px; text-align:center; background-color:#3A3A3A; float:left; font-size:14px; }
+.U_MD_F_S_Pop_Content   { overflow:auto; }
+.U_MD_F_S_Pop_Content_M { margin:auto; }
+.U_MD_F_S_Pop_Content_G { width:213px; height:128px; border:1px solid #DDD; margin:10px 0 0 10px;  overflow:auto; float:left; cursor:pointer; }
+.U_MD_F_S_Pop_Content_G:hover{background-color:#e4f5ff;}
+.U_MD_F_S_Pop_Content_G_T   { height:70px;  padding:8px 10px; }
+.U_MD_F_S_Pop_Content_G_T_L   { width:55px; height:55px; float:left; }
+.U_MD_F_S_Pop_Content_G_T_L img   { width:55px; height:55px; border-radius: 50%;  }
+.U_MD_F_S_Pop_Content_G_T_R { float:left; margin-left:10px; width:120px; overflow:hidden; }
+.U_MD_F_S_Pop_Content_G_T_R_T   { font-size:13px; width:100%; font-size:16px; }
+.U_MD_F_S_Pop_Content_G_T_R_C   { width:100%; font-size:15px; color:#CCC; margin-top:5px; }
+.U_MD_F_S_Pop_Content_G_T_R_B   { width:100%; font-size:14px; margin-top:5px; }
+.U_MD_F_S_Pop_Content_G_B   { width:100%; border-top:1px solid #DDD; }
+.U_MD_F_S_Pop_Content_G_B_A { float:right; margin:8px 8px 0 0; width:50px; height:25px; line-height:25px; color:#FFF; background-color:#9FCBF9; text-align:center; font-size:14px; }
+.U_MD_F_S_Pop_Loading   { width:100%; height:25px; position:relative; }

css/Friend/FriendWindow.css

@@ -0,0 +1,2 @@
+.U_MD_F_W_Face { background-image: url(img/facelogo.png); background-repeat: no-repeat; background-position: center; margin-right: 5px; }
+.U_MD_F_W_Face:hover { background-image: url(img/facelogohover.png); background-repeat: no-repeat; background-position: center; margin-right: 5px; }

css/Friend/Group.css

@@ -0,0 +1,51 @@
+/*好友群*/
+.U_MD_F_G             { /*min-height:470px;*/ }
+.U_MD_F_GT            { height:50px; }
+.U_MD_F_GT    img     { border-radius:50%; cursor:pointer; }
+.U_MD_F_GTH           { width:40px; height:100%; margin-top:10px; }
+.U_MD_F_GTT           { margin-top:10px; }
+.U_MD_F_GC            { width:400px; }
+.U_MD_F_GM            { float:left; }
+.U_MD_F_GCTLC         { float:right; }
+
+/*添加群*/
+.U_MD_F_Add             { background-color:White; padding:6px 0px 10px 10px; overflow:hidden; display:none; }
+.U_MD_F_Add_T            { background-color:White; }
+.U_MD_F_Add_TA           { }
+.U_MD_F_Add_TL           { float:left; width:20px; height:20px; background-position:-725px -29px; cursor:pointer; }
+.U_MD_F_Add_TL:hover     { background-position:-754px -29px; }
+.U_MD_F_Add_TN           { height:30px; }
+.U_MD_F_Add_TNL          { margin-left:10px; height:25px; width:150px; border-radius:4px; overflow:hidden; background-color:#FFF;  }
+.U_MD_F_Add_TNL  input   { color:Black; height:21px; line-height:21px; }
+.U_MD_F_Add_TNMO         { margin-top:10px; overflow:hidden; padding:5px 0; border-bottom:1px solid #DCDCDC; }
+.U_MD_F_Add_TNM          { font-size:15px; font-weight:bold; text-align:right; width:72px; float:left; height:30px; line-height:30px; }
+.U_MD_F_Add_TNM_TIT      { font-size: 14px; }
+.U_MD_F_Add_TNM_ADD      { float: right; margin-right: 25px; margin-top: 5px; }
+.U_MD_F_Add_TNM_ADDI     { width: 22px; height: 22px; cursor:pointer; }
+.U_MD_F_Add_C_D          { height: 30px; border-bottom:1px solid #DCDCDC }
+.U_MD_F_Add_C_T          { float: left; width:32%; margin-left:2%; text-align:left; text-indent:3px; } 
+.U_MD_F_Add_TNC          { width:252px; float:left; }
+.U_MD_F_Add_TNC  input   { width:250px; border-radius: 3px;background: rgba(255,255,255,1);border:1px solid rgba(157,157,157,1); }
+.U_MD_F_Add_TJ           { margin-top:8px; overflow:hidden; }
+.U_MD_F_Add_TJO          { width:262px; height:96px; background-color:#FFF;  }
+.U_MD_F_Add_TJO  textarea   { width:246px; height:84px; overflow:hidden; outline:0; background:gba(255,255,255,1); margin-left:10px;border:1px solid rgba(157,157,157,1);border-radius:3px; }
+.U_MD_F_Add_TN           { }
+.U_MD_F_Add_C            { display:none;overflow:hidden; overflow-y:auto; padding:8px 0; max-height:232px; height:232px; }
+.U_MD_F_Add_CM           { line-height:320px; text-align:center; color:#BDBDBD; font-size:30px; }
+.U_MD_F_Add_CO           { float:left; width:100%; height:30px; margin-top:15px; cursor:pointer; }
+.U_MD_F_Add_COM          {  font-size:15px; font-family:arial,sans-serif; height:30px; line-height:30px; text-align:center; float:left; text-align:left; text-indent:4px; }
+.U_MD_F_Add_CO    img    { width:30px; height:30px; border-radius:50%; cursor:pointer; float:left; margin-left:5px; }
+.U_MD_F_Add_CA           { height:80px; background-color:#ccc; border-radius:50%; color:#888; text-align:center; font-size:60px; line-height:75px; font-weight:100; }
+.U_MD_F_Add_D            { height:25px; margin:10px 0 10px 0; float:right; }
+.U_MD_F_Add_D    div     { float:left; margin-right:15px; width:100px;height:32px; line-height:32px; text-align:center; color:White; border-radius:5px;font-size:16px; }
+.U_MD_F_Add_DQ           { background-color:#347FDB; width:80px; cursor:pointer; }
+.U_MD_F_Add_DX           { background-color:#999; width:50px; cursor:pointer; }
+.U_MD_F_Add_DX:hover     { background-color:#B3B3B3; }
+.U_MD_F_Add_DQ:hover     { }
+.U_MD_F_Add_B            { width:92px;height:28px;background:rgba(237,0,0,1);border-radius:3px; margin:5px auto 0px auto; line-height:28px; text-align:center; font-size:13px; color:rgba(255,255,255,1); cursor:pointer; }
+
+.U_MD_F_Add_R        { width: 32%; height: 30px; float: left; }
+.U_MD_F_Add_R    img { width: 20px; height: 20px; border-radius: 0; margin:3px 0 0  21px; }
+.U_MD_F_Add_RS   img    { margin-left:15px; }
+.U_MD_F_Add_TNM_ADD2     {display:none; height: 16px;line-height: 30px;}
+.U_MD_F_Add_TNM_ADD2>a   {color: #2F8BEC;}

css/Friend/Message.css

@@ -0,0 +1,45 @@
+.U_MD_D_MG_OO        { height:34px; overflow:hidden; cursor:pointer; padding:5px; color:#000;background:#fff; }
+.U_MD_D_MG_OO    div { float:left; }
+.U_MD_D_MG_OO:hover  { background-color:#f2f2f2; }
+.U_MD_D_MG_OOI       {  height:40px; margin-left:5px; }
+.U_MD_D_MG_OOI   img { width:40px; height:40px; }
+.U_MD_D_MG_OON       { max-width:75px; height:15px; line-height:15px; margin-left:10px;color:#0f709d;}
+.U_MD_D_MG_OONT{max-width:100px; height:17px;width:17px; line-height:17px; margin-left:10px;border-radius: 20px;font-size: 13px;color: #fff;background: red;margin-top: 0px; text-align:center;}
+.U_MD_D_MG_OOC       { width:25px; height:25px; line-height:34px; float:right; color:#04aae8; margin-right:5px;     }
+.U_MD_D_MG_OONC      { width: 200px;float: left;margin-left: 9px;height: 19px;overflow: hidden;text-overflow: ellipsis;}
+.U_MD_F_N_MessageTop { float:right; cursor:pointer; color:#2683f5;}
+.U_MD_F_N_MessageTop:hover {color:Blue;}
+
+
+.U_MD_U_UV_IAC          { width:100%; height:200px; border-bottom:1px solid #BBB; font-size:14px; overflow:hidden; }
+.U_MD_U_UV_IACA         { width:100%; height:100%; overflow:hidden; }
+.U_MD_U_UV_IACL         { width:90px; float:left; padding:0 10px; border-right:1px solid #BBB; height:100%; }
+.U_MD_U_UV_IACLT        { margin-top:10px; } 
+.U_MD_U_UV_IACLT    img     { width:90px; height:90px; }
+.U_MD_U_UV_IACLB        {}
+.U_MD_U_UV_IACLB    div     { margin-top:6px; line-height:20px; font-size:14px; }
+.U_MD_U_UV_IACR         { width:279px; float:left; padding-left:10px; height:100%; }
+.U_MD_U_UV_IACRT        { line-height:25px; height:25px; margin-top:10px; }
+.U_MD_U_UV_IACRTL       { float:left; height:25px;}
+.U_MD_U_UV_IACRTR       { float:left; height:25px;  margin-left:10px;  }
+.U_MD_U_UV_IACRTR   input   { width:120px; height:20px; margin:0px; text-indent:3px; line-height:normal; line-height:20px\9; outline:0; border:1px solid #BBB; background-color:#FFF; }
+.U_MD_U_UV_IACRB        { margin-top:10px; width:300px; height:25px; line-height:25px; }
+.U_MD_U_UV_IACRBL       { float:left; }
+.U_MD_U_UV_IACRBR       { float:left; margin-left:10px;  }
+.U_MD_U_UV_IACRBR   select   { min-width:80px; background-color:#FFF; outline:0; border:1px solid #CDCDCD; }
+.U_MD_U_UV_IACT         { margin:40px 10px 0 15px; }
+
+.U_Mark{ width:14px;height:14px;border-radius:50%;background:red;color:White;margin-top:35px;text-align:center}
+
+.U_MD_F_N_IconAnimation{animation: doudong 2s infinite;}
+@keyframes doudong {
+            0% {
+                transform: translate(0px, 0px);
+            }
+            50% {
+                transform: translate(0px, -10px);
+            }
+            100% {
+                transform: translate(0px, 0px);
+            }
+        }

css/NetworkPromotion/NetworkPromotion.css

@@ -0,0 +1,76 @@
+/*推广*/
+#U_MD_U_NP              { width:850px; height:500px; display:none; }
+.U_MD_U_NP              { height: 463px; background-color: White; color:#cecece;-webkit-overflow-scrolling:touch; overflow-y:auto; overflow-x:hidden;}
+.U_MD_U_NP_I             {background-image: url(img/TG.png); }
+.U_MD_U_NP_H             { float:left; color:#cecece;background-position:-19px -18px; width:550px; height:40px; margin:30px 0 0 25px;}
+.U_MD_U_NP_HDiv          {float:left; font-size:13px; height:20px; margin:10px 15px 0 15px; cursor:pointer; text-align:center; }
+.U_MD_U_NP_HDiv:hover    { color:White;}
+.U_MD_U_NP_HH            {color:#eee;}
+.U_MD_U_NP_X                 { width:100%; height:390px; float:left;}
+.U_MD_U_NP_XI                { width:350px; height:250px; float:left; margin:15px 0 0 70px; }
+.U_MD_U_NP_XIY               { background-position:-10px -70px; }
+.U_MD_U_NP_XIB               { background-position:-10px -148px; }
+.U_MD_U_NP_XID               { background-position:-395px -148px; }
+.U_MD_U_NP_XIH               { background-position:-395px -450px;}
+.U_MD_U_NP_XIZ               { background-position:-25px -702px;}
+.U_MD_U_NP_XW                { float:left;width: 100%; height:auto; margin-top:30px}
+.U_MD_U_NP_XWT               { border-bottom:1px solid #cecece; float:right; width:421px; height:18px; margin:17px 15px 0 0; padding-bottom:5px; color:#a2a2a2; } 
+.U_MD_U_NP_XWT       div     { float:left; margin-left:30px; cursor:pointer;}
+.U_MD_U_NP_XWT       div:hover   { color:#484848;}
+.U_MD_U_NP_XWC               { float:left; margin:20px 0 0 70px;}
+.U_MD_U_NP_XWCF              { font-size:30px; font-weight:100; color:#383838;}
+.U_MD_U_NP_XWCC              { font-size:14px; color:#5b5b5b; width:270px; line-height:25px;}
+.U_MD_U_NP_XWCB              {  width:100px; height:33px; float:left; margin-top:10px;  cursor:pointer; }
+.U_MD_U_NP_XWCBY             { background-position:-406px -80px;}
+.U_MD_U_NP_XWCBY:hover       {background-position:-406px -123px;}
+.U_MD_U_NP_XWCBB             { background-position:-34px -81px;}
+.U_MD_U_NP_XWCBB:hover       {background-position:-408px -81px;}
+.U_MD_U_NP_XWCBD             { background-position:-258px -81px;}
+.U_MD_U_NP_XWCBD:hover       {background-position:-632px -81px;}
+.U_MD_U_NP_XWCT              { float:left; margin:25px 0 0 10px;}
+.U_MD_U_NP_D                 { display:none; float:left;}
+.U_MD_U_NP_DU                { float:left; margin:20px 0 0 65px;}
+.U_MD_U_NP_DU    div         {float:left;}
+.U_MD_U_NP_DUN               { font-size:22px; color:#5fa1e8; }
+.U_MD_U_NP_DUF               { margin:15px 0 0 10px;}
+.U_MD_U_NP_DT                { float:left; clear:both; margin:15px 0 0 55px;}
+.U_MD_U_NP_DTD               {}
+.U_MD_U_NP_DTDD              { margin:30px 0 0 20px;color:#7e7f7c; width:600px; float:left;}
+.U_MD_U_NP_DTDD      div     { float:left;}
+.U_MD_U_NP_DTDDA             { clear:both; margin-left:30px;}
+.U_MD_U_NP_DTDDS             {  border:0; border:none; width:430px;color:#7e7f7c;float:left; margin-top:4px;}
+.U_MD_U_NP_DTDDF             { line-height:25px; height:100%; cursor:pointer;  color:#1e85dc; float:right;}
+.U_MD_U_NP_DTDCB             { line-height:25px; height:100%; color:#1e85dc; cursor:pointer;}
+.U_MD_U_NP_DTDDN             { font-size:15px; float:left;}
+.U_MD_U_NP_DW                { float:left; clear:both; margin:40px 0 0 50px;}
+.U_MD_U_NP_DWP               { float:left; margin-left:30px;}
+#U_MD_U_NP_DWP               { float:left; width:100%;}
+.U_MD_U_NP_DWY               { color:#7e7f7c; padding:13px 25px 0 10px; clear:both;}
+.U_MD_U_NP_DWY       div     { float:left;}
+.U_MD_U_NP_DWYN              { margin-top:10px;}
+.U_MD_U_NP_DWYS              { color:#3e9f24; font-size:25px; margin-left:10px;}
+.U_MD_U_NP_DP                { width:720px;margin:15px 0 35px 55px; float:left; clear:both; border:1px solid #cecece; background-color:#7e7f7c;}
+.U_MD_U_NP_DPH               { width:100%; height:40px; color:White;}
+.U_MD_U_NP_DPH        div    { float:left; margin:10px 0 0 30px;  font-size:15px; width:100px; text-align:center;}
+.U_MD_U_NP_DPI               {float:left; clear:both; background-color:White; margin-left:0px; width:100%; min-height:40px; }
+.U_MD_U_NP_DPIF              { width:650px; margin-left:30px;border-bottom:1px solid #cecece;}
+.U_MD_U_NP_DPIF      div     {color:#7e7f7c; font-size:12px; }
+.U_MD_U_NP_P                 { display:none; float:left; clear:both; margin:15px 0 0 40px; color:#7e7f7c; width:100%;}
+.U_MD_U_NP_PP                { font-size:18px; width:100px; float:left;}
+.U_MD_U_NP_SX                { font-size:12px; color:#1e85dc; cursor:pointer; margin-top:7px;   float:left;}
+.U_MD_U_NP_PSX                { color:#1e85dc; float:left; width:100px; cursor:pointer; margin:9px 0 0 580px;}
+.U_MD_U_NP_PG                { float:left; width:100%;}
+.U_MD_U_NP_PH                { float:left;  margin:35px 0 0 0px; width:240px;}
+.U_MD_U_NP_PHV               { margin-left:30px; width:150px; padding-right:0;}
+.U_MD_U_NP_PHV       div     { font-size:12px;}
+.U_MD_U_NP_PH        div     { float:left;}
+.U_MD_U_NP_PHM               { margin-top:10px; font-size:23px; }
+.U_MD_U_NP_PHH               { margin-left:20px; width:180px;}
+.U_MD_U_NP_PHHM              { margin-left:20px; width:110px;}
+.U_MD_U_NP_PHHI              { width:50px; height:50px; float:left;}
+.U_MD_U_NP_PHHIO             { width:30px; height:30px; float:left;}
+.U_MD_U_NP_PHHS              { margin:1px 0 0 10px; font-size:12px; width:120px;}
+.U_MD_U_NP_PHHSS             { font-size:12px;}
+.U_MD_U_NP_PHHSM             { width:70px; font-size:12px; line-height:13px;}
+.U_MD_U_NP_PseptalLine       { background-position:-385px -86px; margin-top:8px; float:left; width:5px; height:25px;  }
+ 

css/Office/Excel/Excel.css

@@ -0,0 +1,84 @@
+/*------------------------------------------------Excel样式---------------------------------------------------------*/
+body { overflow: hidden !important; overflow-x: hidden; overflow-y: hidden; font-size: 12px; font-family: arial,sans-serif; background-color: White; 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_MD_O_E_T { background-color: rgb(232, 243, 249); clear: both; height: 21px; }
+.U_MD_O_E_C { background-color: #FFF; position: relative; overflow: hidden; width: 100%; height: 565px; top: 0; left: 0; margin: 0; }
+.U_MD_O_E_C_B { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
+.U_MD_O_E_C_C { height: auto; float: left; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; overflow: hidden; position: absolute; }
+.U_MD_O_E_C_CB { color: #666; text-align: center; border-bottom: 1px solid #cbcbcb; height: 26px; overflow: hidden; width: 100%; }
+#U_MD_O_E_T_itleBar { }
+.U_MD_O_E_C_CL { float: left; width: 50px; border-right: 1px solid #cbcbcb; border-bottom: none; overflow: hidden; }
+.U_MD_O_E_C_CLT { height: 26px; width: 100%; background-color: #eee; border-bottom: 1px solid #ccc; }
+.U_MD_O_E_C_CLC { float: left; width: 50px; height: 522px; overflow: hidden; }
+.U_MD_O_E_C_CC { overflow: hidden; width: 100%; position: relative; height: 522px; }
+#U_MD_O_E_C_ellFrame { width: 1100px; height: 600px; }
+.U_MD_O_E_C_CCH { width: 1100px; height: 600px; }
+.U_MD_O_E_C_CCHO { height: auto; }
+.U_MD_O_E_C_FEO { background-color: rgb(232, 243, 249); }
+.U_MD_O_E_C_FE { background-image: url('Office/image/Transparent.png'); word-wrap: break-word; word-break: normal; line-height: 30px; outline: none; width: 100%; height: 100%; }
+.U_MD_O_E_C_D { position: absolute; width: 6px; height: 6px; background-color: #4584f4; cursor: crosshair; display: none; }
+.U_MD_O_E_C_M { display: none; background-color: #f4f4f4; width: 200px; position: absolute; border: 1px solid #aaa; z-index: 500; }
+.U_MD_O_E_C_RWRD { width: 120px; z-index: 2000; left: 10px; }
+.U_MD_O_E_C_CH { float: left; }
+.U_MD_O_E_C_ET, .U_MD_O_E_C_EB { height: 2px; background-color: #4584f4; position: absolute; display: none; }
+.U_MD_O_E_C_EL, .U_MD_O_E_C_ER { width: 2px; background-color: #4584f4; position: absolute; display: none; }
+.U_MD_O_E_C_DT, .U_MD_O_E_C_DB { height: 2px; background-color: #4584f4; position: absolute; display: none; }
+.U_MD_O_E_C_DL, .U_MD_O_E_C_DR { width: 2px; background-color: #4584f4; position: absolute; display: none; }
+
+
+/*新添加!*/
+.U_MD_O_E_C_CLT { height: 28px; background-color: White; border-bottom: 1px solid #C4C4C4; }
+.U_MD_O_E_C_X { border: 0; margin: 0; background-color: White; clear: both; height: 38px; }
+.U_MD_O_E_C_XI { border: 0; margin-top: 1px; position: relative; padding-right: 10px; }
+.U_MD_O_E_C_C { position: absolute; overflow: hidden; top: 0; left: 0; }
+.U_MD_O_E_C_CL { width: 40px; border-right: 1px solid #ACACAC; float: left; }
+.U_MD_O_E_C_CLC { width: 100%; }
+.U_MD_O_E_C_CLCO { height: auto; }
+.U_MD_O_E_C_CB { color: #000; height: auto; border: 0; height: 29px; float: left; }
+
+.U_MD_O_E_excelBox { width: 100%; height: 100%; position: relative; overflow:hidden;}
+.U_MD_O_E_colBoard { height:28px;}
+.U_MD_O_E_rowBoard { float: left;position: relative; }
+#U_MD_O_E_cellBoardBox{height:4400px;}
+.U_MD_O_E_cellBox { position: relative; float: left; }
+.U_MD_O_E_checkAll { float: left; width: 45px;height: 100%;border: 1px solid #dcdcdc;border-right: 1px solid #a4a4a4;box-sizing: border-box;position:relative;background:#fff;z-index:2;}
+.U_MD_O_E_checkAll img{position:absolute;right:3px;bottom:3px;}
+.U_MD_O_E_column {  font-size: 12px; text-align: center; color: #3b3c3c; float: left;position:relative; box-sizing: border-box;height:100%;border:1px solid #a4a4a4;border-left:none;line-height:26px;}
+.U_MD_O_E_row {text-align: center; color: #0b0b0b;position:relative; width:45px;border:1px solid #bebebe;box-sizing: border-box;border-left:none;border-top:none;}
+.U_MD_O_E_cell { position: absolute; overflow: hidden; box-sizing: border-box;border:1px solid #bebebe;border-left:none;border-top:none;word-wrap: break-word;}
+.U_MD_O_E_focusBox { display: none; position: absolute;}
+.U_MD_O_E_editorBox { padding: 3px; width: 100%; height: 100%; box-sizing: border-box;overflow:hidden; }
+.U_MD_O_E_borderLeft { position: absolute; left: 0; top: 0; height: 100% !important; cursor: move; }
+.U_MD_O_E_borderTop { position: absolute; left: 0; top: 0; width: 100% !important; cursor: move; }
+.U_MD_O_E_borderRight { position: absolute; right: 0; top: 0; height: 100% !important; cursor: move; }
+.U_MD_O_E_borderBottom { position: absolute; left: 0; bottom: 0; width: 100% !important; cursor: move; }
+.U_MD_O_E_borderColor { background: #3fb956;z-index: 1; }
+.U_MD_O_E_borderDefalut { height: 3px; width: 3px; }
+.U_MD_O_E_borderEditable { height: 2px; width: 2px; }
+.U_MD_O_E_borderCorner { position: absolute; right: 0; bottom: 0; height: 5px; width: 5px; cursor: crosshair;z-index: 3; }
+.U_MD_O_E_cellCheckd{}
+.U_MD_O_E_focus{background:#fff !important;}
+.U_MD_O_E_rowRule:hover{background:#8cb3e0;}
+.U_MD_O_E_colRule:hover{background:#8cb3e0;}
+.U_MD_O_E_headArea{width:100%;height:28px;background:#fff;}
+.U_MD_O_E_headCell{width:45px;height:100%;box-sizing:border-box;border:1px solid #bebebe;border-bottom:none;float:left;line-height:27px;font-size:15px;text-align:center;background:#fff;position:relative;z-index:1;}
+.U_MD_O_E_headInput{width:calc(100% - 45px);height:100%;float:left;box-sizing: border-box;padding: 8px;}
+.U_MD_O_E_taskBar{position:fixed;bottom:0px;left:0px;height:30px;width:100%;background:#ebebeb;line-height:30px;z-index:2;}
+.U_MD_O_E_addTask{width:68px;float:left;text-align:center;height:100%;border:1px solid #c9c9c9;border-left:none;box-sizing:border-box;}
+.U_MD_O_E_addTask img{vertical-align:middle;}
+.U_MD_O_E_task{width:108px;height:100%;float:left;text-align:center;line-height:32px;font-size:14px;border:1px solid #c9c9c9;border-left:none;}
+.U_MD_O_E_taskCheck{background:#fff;color:#58d467;}
+.U_MD_O_E_floatBtn{position:fixed;bottom:50px;right:135px;}
+.U_MD_O_E_inviteUser{width:290px;height:95px; }
+.U_MD_O_E_colCheckdEl{top:0;height:100%;}
+.U_MD_O_E_rowCheckdEl{left:0;width:100%;}
+
+.U_MD_O_E_task {text-overflow:ellipsis;overflow:hidden;word-break: keep-all;}
+.U_MD_O_E_task:hover{background:#ffe1e1}
+.U_MD_O_E_task_renameing{position:relative;}
+.U_MD_O_E_Ybar{width:15px;height:400px;position:absolute;background-color:white;top:56;right:0;z-index:10;}
+.U_MD_O_E_YbarRoll{width:15px;height:20px;background-color:#d0d0d0;border-radius:5px;position:absolute;top:0;}
+.U_MD_O_E_Xbar{width:100%;z-index:2;height:10px;position:absolute;background-color:white;bottom:69px;z-index:10;opacity:0.3;}
+.U_MD_O_E_XbarRoll{width:50px;height:10px;background-color:#d0d0d0;border-radius:4px;position:absolute;}
+
+.rightlist{color:black}

css/Office/Excel/ExcelEditor.css

@@ -0,0 +1,103 @@
+.U_MD_O_E_Editor_head_features {display: table; position:relative;z-index:2; min-width: 870px}
+/*features*/
+.U_MD_O_E_Editor_head_features_ul_d { float: left;border: none; color: #000; outline: none; height:30px; background: #f7f8f9; margin: 5px;  cursor: pointer;}
+.U_MD_O_E_Editor_head_features_ul_d:active{background: -webkit-linear-gradient(#efefef, #ffffff); background: -o-linear-gradient(#efefef, #ffffff); background: -moz-linear-gradient(#efefef, #ffffff); background: linear-gradient(#efefef, #ffffff);}
+/*.U_MD_O_E_Editor_head_features_ul_d div { float: left; margin-left: 5px; }*/
+.U_MD_O_E_Editor_head_features_ul_d span{display: table-cell; vertical-align: middle;}
+.U_MD_O_E_Editor_head_features_ul_d_s { width: 180px; height: 140px; border: 1px solid #cbcfd4; background-color: #FFF;position: absolute; padding: 10px 10px 10px 5px; top: 29px; left: -100px; display: none; z-index: 1; }
+.U_MD_O_E_Editor_head_features_ul_d_s div { width: 15px; height: 15px; float: left; margin: 5px 0 0 5px; }
+
+.U_MD_O_E_Editor_head_features_ul_s { width: 100%; border: none; background-color: #f7f8f9; outline: 0; padding: 4px 0;}
+.U_MD_O_E_Editor_head_features_ul_i { display: table-cell; width: 30px; height: 20px; background: url(img/excleEditor.png) no-repeat; margin-top: 4px;  }/*修改*/
+.U_MD_O_E_Editor_head_features_ul_i1 { display: table-cell; width: 30px; height: 20px; background: url(img/helpcenter.png) no-repeat; background-size: 20px 20px;margin-top: 4px;  }/*修改*/
+.U_MD_O_E_Editor_head_features_ul_b { width: 20px; height: 20px; margin: 4px auto 0 auto; }
+.U_MD_O_E_Editor_head_features_ul_x { float: left; width: 2px; background: #D1D1D1; height: 32px; margin:4px 6px; font-size: 0;}
+.U_MD_O_E_Editor_head_features_ul_x:after{content:''; }
+.U_MD_O_E_Editor_head_features_ul_x:before{content:''; }
+.U_MD_O_E_Editor_head_features_ul_ibtmore {display:table-cell;width: 20px; height: 20px; background: url(img/borderType.png) no-repeat; margin-top: 4px;  }/*修改*/
+.U_MD_O_E_Editor_head_features_ul_ibt {float:left;width: 20px; height: 20px; background: url(img/borderType.png) no-repeat; margin-top: 4px;  }/*修改*/
+.U_MD_O_E_Editor_head_features_ul_ibtcolor {width:120px;height:22px;margin-top:55px;border-top:1px solid #eee;z-index:999;}
+.U_MD_O_E_Editor_head_file { width: 100%; height: 30px; float: left; text-align: left; padding-top: 5px; border-bottom: 1px solid #CDCDCD;}
+.U_MD_O_E_Editor_head_features_ul_bctext{position:relative;text-indent:7px;}
+.U_MD_O_E_Editor_head_features_ul_bctext:after{
+            position: absolute;
+            left: 64px;
+            bottom: 9px;
+            content: '';
+            width: 0;
+            height: 0;
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            border-top: 5px solid #666;
+        }
+.U_MD_O_H_head_mo{position: absolute;background:#f7f8f9;padding: 0px 6px 5px 8px;box-sizing: border-box;top: 40px;z-index: 999;box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 2px;cursor: default;visibility: visible;}
+/*file
+.U_MD_O_E_Editor_head_file_wd1 { float: left; width: 150px; height: 27px; background: #C6E2FF; line-height: 27px; background-size: cover; }
+*/
+.U_MD_O_E_Editor_body_main{margin-top:60px;background:#fff; float:left; }
+.U_MD_O_E_Editor_head_file_bj { float: left; width: 150px; height: 27px; line-height: 27px; border: 1px solid #68add0; border-bottom: 0; margin: 3px 0 0 10px; color: #006699; cursor: pointer; }
+.U_MD_O_E_Editor_head_file_bj:hover, U_MD_O_E_Editor_head_file_bjo { background-color: #4D5968; color: #e9ebed; }
+.U_MD_O_E_Editor_head_file_bj:hover > .U_MD_O_E_Editor_head_file_x, U_MD_O_E_Editor_head_file_bjo > .U_MD_O_E_Editor_head_file_x { background-position: -313px -72px; }
+.U_MD_O_E_Editor_head_file_web { margin-left: 10px; font-size: 14px; float: left; }
+.U_MD_O_E_Editor_head_file_x { cursor: pointer; float: right; margin: 10px 8px 0 0; margin-top: 10px; width: 10px; height: 10px; background: url(img/Editor_img1.png) no-repeat; background-position: -313px -53px;cursor: pointer; }
+
+
+
+/*编辑器初始样式*/
+.U_MD_O_E_Editor_pageSize{width: 210mm; font-family: "宋体"; font-size: 14px; margin: 60px auto 30px;}
+.U_MD_O_E_Editor_lineStyle {line-height: 1.5; }
+.U_MD_O_E_Editor_wordEditor{height: 100%; min-height: 297mm; padding: 2.54cm 3.17cm 2.54cm 3.17cm; background-color: #fff; }
+.U_MD_O_E_Editor_lineHeight_ul{display: none; position: absolute; background: #fff; width:100px; box-shadow: 1px 2px 5px silver; margin-top: 45px; margin-left: 100px}
+.U_MD_O_E_Editor_lineHeight_btn{padding: 4px 4px 6px; cursor:pointer}
+.U_MD_O_E_Editor_lineHeight_btn:hover{background: #dfdfdf}
+.U_MD_O_E_Editor_lineHeight_btn_check{background: silver}
+.U_MD_O_E_Editor_clearButtonDefault{width:100%;height:100%;outline: none;background:none; border: none}
+
+/*邀请协作人员样式*/
+.U_MD_O_E_body_left_invite { width: 100%; height: 253px; }
+.U_MD_O_E_body_left_href { height: 203px; margin-top: 15px; }
+.U_MD_O_E_body_left_template { /* height: 365px; */ margin-top: 15px; }
+.U_MD_O_E_body_left_invite_name { height: 30px; border: 0px; border-bottom: 1px #d6dff0 solid; background: #f8fcfd; }
+.U_MD_O_E_body_left_invite_name_left { font-size: 14px; line-height: 30px; margin-left: 10px; float: left; }
+.U_MD_O_E_body_left_invite_name_right { float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; text-align: center; height: 21px; line-height: 21px; }
+.U_MD_O_E_body_left_invite_linkTxt{border-bottom:1px solid #ccc; padding:6px 10px; margin:0 6px; cursor:pointer;}
+.U_MD_O_E_body_left_invite_linkTxt:hover{background-color:#444;color:#fff}
+.U_MD_O_E_body_left_invite_user { overflow: hidden; }
+.U_MD_O_E_body_left_invite_user_a { width: 60px; height: 55px; margin: 10px 0 0 9px; display: block; cursor: pointer; float: left; }
+.U_MD_O_E_body_left_invite_user_a_img { width: 32px; height: 32px; background: url(img/Editor_img1.png) no-repeat; background-position: -336px -51px; margin: auto; }
+.U_MD_O_E_body_left_invite_user_a_img img { width: 32px; height: 32px; }
+.U_MD_O_E_body_left_invite_user_a_div { line-height: 25px; width: 60px; text-align: center; overflow: hidden; }
+
+.U_MD_O_E_body_left_href_href { height: 30px; border: 1px #d6dff0 solid; background: #f8fcfd; border-bottom: none; /* margin-top: 20px; */ line-height: 30px; }
+.U_MD_O_E_body_left_href_href_a { font-size: 14px; display: block; float: left; text-align: left; line-height: 30px; margin-left: 10px; }
+.U_MD_O_E_body_left_href_href_right { cursor: pointer; float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; background: #fff; text-align: center; height: 21px; line-height: 21px; }
+.U_MD_O_E_body_left_href_pay { height: 170px; border: 1px #d6dff0 solid; background: #ffffff; }
+.U_MD_O_E_body_left_href_pay_a { height: 25px; margin: 2px 10px; line-height: 25px; display: block; text-align: left; text-decoration: underline; color: #006699; cursor: pointer; }
+
+.U_MD_O_E_body_left_template_name { height: 30px; border: 1px #d6dff0 solid; background: #f8fcfd; border-bottom: none; /* margin-top: 20px; */ line-height: 30px; }
+.U_MD_O_E_body_left_template_name_a { font-size: 14px; display: block; float: left; margin-left: 10px; line-height: 30px; }
+.U_MD_O_E_body_left_template_name_right { float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; background: #fff; text-align: center; height: 21px; line-height: 21px; }
+
+.U_MD_O_E_body_left_template_user { background: #ffffff; }
+.U_MD_O_E_body_left_template_user_m { width: 72px; display: inline-block; vertical-align: top; margin: 5px 12px;cursor:pointer; }
+.U_MD_O_E_body_left_template_user_m_s { width: 70px; height: 100px; border: 1px solid #CDCDCD; background-size: contain; }
+.U_MD_O_E_body_left_template_user_m_x { display: -webkit-box; overflow: hidden; margin-top: 5px; width: 70px; max-height: 32px; text-align: center; text-overflow: ellipsis; white-space: pre-wrap; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
+
+.U_MD_O_E_body_left_close{width:35px;height:20px;position:absolute;color:#6881a1;right:15px;top:5px;border:1px solid #cbd3e3;text-align:center;line-height:20px;text-indent:0;}
+
+.U_MD_O_E_body_left_template_user_a { width: 20%; margin: 10px; display: block; float: left; }
+
+.U_MD_O_E_Editor_head_file { width: 100%; height: 30px; float: left; text-align: left; padding-top: 5px; border-bottom: 1px solid #CDCDCD;}
+
+/*.U_MD_O_E_Editor_head_features_ul_s { width: 100%; border: 1px solid #CDCDCD; background-color: #FFF; outline: 0; padding: 4px 0; background: -webkit-linear-gradient(#ffffff, #efefef); background: -o-linear-gradient(#ffffff, #efefef); background: -moz-linear-gradient(#ffffff, #efefef); background: linear-gradient(#ffffff, #efefef);}*/
+
+
+.U_MD_O_H_body_left_invite_form {margin:0 10px;}
+.U_MD_O_H_body_left_invite_formShare {border-bottom: 1px solid #ccc;}
+.U_MD_O_H_body_left_invite_formShare,.U_MD_O_H_body_left_invite_formQRCode {padding:12px 16px 24px;}
+.U_MD_O_H_body_left_invite_shareInp {display:inline-block; width: 450px;height: 24px; padding-left:6px;border:1px solid #ccc; line-height: 24px; overflow:hidden;vertical-align:top}
+.U_MD_O_H_body_left_invite_shareBtn {display:inline-block; padding:4px 1em; margin-left: 12px;border:1px solid #ccc; vertical-align:top; cursor:pointer;}
+.U_MD_O_H_body_left_invite_shareBtn:hover {background-color:#26CA26; color: #fff}
+.U_MD_O_H_body_left_invite_shareInpMargin {margin-left: 20px}
+.U_MD_O_E_Editor_head_features_ul_d:hover{background-color:rgb(225, 226, 227)}
+.U_MD_O_E_Editor_head_features_ul_s:hover{background-color:rgb(225, 226, 227)}

css/Office/Excel/ExcelHeader.css

@@ -0,0 +1 @@
+

css/Office/Excel/ExcelTools.css

@@ -0,0 +1,106 @@
+/*文档编辑*/
+
+
+/*.U_MD_O_E_S    div     { float:left; _display:inline; }*/
+.U_MD_O_E_SN { max-width: 110px; height: 100%; margin-left: 9px; color: #FFF; line-height: 25px; }
+.U_MD_O_E_SNS { font-weight: 700; width: 100%; font-family: arial,sans-serif; font-size: 14px; }
+.U_MD_O_E_SNX { width: 100%; margin-top: 3px; color: #FFF; }
+.U_MD_O_E_ST { background-position: -838px -139px; margin-left: 30px; width: 25px; height: 25px; background-color: White; border-radius: 50%; border: 1px solid White; }
+.U_MD_O_E_STO { background-position: -871px -136px; }
+.U_MD_O_E_SW { height: 25px; border-bottom: 1px solid #c3c3c3; width: 220px; margin-left: 10px; }
+.U_MD_O_E_SW input { line-height: normal; line-height: 20px\9; font-size: 15px; font-family: 微软雅黑; height: 20px; background-color: transparent; width: 218px; border: 0; outline: 0; color: #FFF; }
+.U_MD_O_E_SW span { color: #C2C2C2; font-size: 12px; }
+.U_MD_O_E_SS { border-radius: 13px; margin: 3px 100px 0 0; height: 27px; width: 228px; border: 1px solid #e4e4e4; background-color: white; display: none; }
+.U_MD_O_E_SSO { width: 203px; }
+.U_MD_O_E_SSO input { width: 187px; color: #515151; height: 25px; line-height: 25px; }
+.U_MD_O_E_Z { padding-bottom: 8px; background-color: #FAFAFA; -webkit-user-select: none; float: left; width: 100%; }
+
+.U_MD_O_E_ZO { float: left; margin: 8px 0 0 -1px; cursor: pointer; height: 22px; border-left: 1px solid #c7c7c7; padding: 0 7px; word-wrap: break-word; word-break: normal; _display: inline; }
+/*.U_MD_O_E_ZO:hover  .U_MD_O_E_ZOC   { display:block; }
+    .U_MD_O_E_ZO:hover    .U_MD_O_E_ZOB   { display:block; }*/
+.U_MD_O_E_ZOO { }
+.U_MD_O_E_ZOT { }
+.U_MD_O_E_ZOS { }
+.U_MD_O_E_ZOV { }
+.U_MD_O_E_ZOB { position: absolute; width: 198px; height: 155px; padding: 10px 5px 5px 10px; border: 1px solid #D9D9D9; background-color: White; top: 28px; display: none; }
+.U_MD_O_E_ZOB div { width: 15px; height: 15px; float: left; margin: 0 5px 5px 0; border: 1px solid gray; }
+.U_MD_O_E_ZOC { width: 261px; height: 95px; display: none; border: 1px solid #D9D9D9; background-color: White; position: absolute; top: 27px; z-index: 2; left: -100px; }
+.U_MD_O_E_ZOC:hover { display: block; }
+.U_MD_O_E_ZOCA { width: 600px; height: 95px; display: none; border: 1px solid #D9D9D9; background-color: White; position: absolute; top: 27px; z-index: 2; left: -100px; }
+.U_MD_O_E_ZOCI { margin-top: -10px; margin-left: 130px; }
+.U_MD_O_E_ZOCT { width: 100%; height: 30px; border-bottom: 1px solid #dadada; }
+.U_MD_O_E_ZOCTN { color: #666666; float: left; margin-left: 8px; line-height: 30px; }
+.U_MD_O_E_ZOCTC { background-position: -874px -60px; width: 20px; height: 20px; cursor: pointer; float: right; margin: 5px 10px 0 0; }
+.U_MD_O_E_ZOCC { width: 100%; height: 60px; }
+.U_MD_O_E_ZOCCL { margin-top: 10px; float: left; position: relative; width: 130px; height: 42px; border-left: 1px solid #D9D9D9; cursor: pointer; }
+
+/*.U_MD_O_E_ZOCCL:hover  .U_MD_O_E_ZOCA  { display:block; }*/
+.U_MD_O_E_ZOCCLH { position: absolute; top: 0px; width: 130px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; }
+.U_MD_O_E_ZOCCLV { font-size: 12px; color: #000; text-align: left; width: 350px; margin: 50px auto; height: 60px; float: none; border: 0; }
+.U_MD_O_E_ZOCCLT { margin: 13px 0 0 8px; float: left; }
+.U_MD_O_E_ZOCCLB { float: left; width: 268px; height: 30px; line-height: 30px; border: 1px solid #D9D9D9; margin: 10px 0 0 5px; overflow: hidden; }
+.U_MD_O_E_ZOCCLB_N { margin: 11px 0 0 7px; line-height: 30px; border: #CDCDCD; float: left; }
+.U_MD_O_E_ZOCCLBO { height: 18px; background-color: White; border: 0; outline: 0; float: left; text-indent: 3px; }
+.U_MD_O_E_ZOCCLBO { width: 240px; border: 0; height: 30px; line-height: 30px; margin: 0; color: #AAA; font-size: 14px; }
+.U_MD_O_E_ZOCCLK { float: left; margin: 11px 0 0 5px; background-color: #3398ff; border-radius: 5px; text-align: center; width: 30px; height: 20px; color: White; line-height: 20px; font-size: 12px; }
+.U_MD_O_E_ZOCCLO { margin-left: 3px; font-family: arial,sans-serif; height: 42px; font-size: 16px; line-height: 44px; font-weight: 700; color: #515151; }
+.U_MD_O_E_ZOCCLI { width: 20px; height: 20px; float: left; margin: 11px 0 0 20px; }
+.U_MD_O_E_ZOCQ { width: 100%; height: 30px; border-bottom: 1px solid #D9D9D9; }
+.U_MD_O_E_ZOCQ div { float: left; font-size: 22px; color: #A0A0A0; line-height: 30px; }
+.U_MD_O_E_ZOCQ div:hover { color: #000; }
+.U_MD_O_E_ZOCQO { margin-left: 15px; }
+.U_MD_O_E_ZOCQT { margin-left: 10px; }
+.U_MD_O_E_ZOCQC { width: 100%; height: 290px; overflow-x: hidden; overflow-y: auto; clear: both; position: relative; }
+
+.U_MD_O_E_ZI { width: 22px; height: 20px; float: left; _display: inline; }
+.U_MD_O_E_ZM { margin-left: 3px; float: left; line-height: 22px; white-space: nowrap; _display: inline; }
+.U_MD_O_E_ZM:hover { color: #7B7B7B; }
+.U_MD_O_E_ZM span { color: #A8A8A8; }
+.U_MD_O_E_ZW { background-position: -652px -182px; }
+.U_MD_O_E_ZB { background-position: -682px -182px; }
+.U_MD_O_E_ZC { background-position: -711px -182px; }
+.U_MD_O_E_ZCO { margin: 10px 0 0 5px; }
+.U_MD_O_E_ZJ { background-position: -740px -182px; position: relative; }
+.U_MD_O_E_CT { background-position: -782px -143px; }
+.U_MD_O_E_ZZ { background-position: -652px -217px; position: relative; }
+.U_MD_O_E_ZL { background-position: -770px -182px; }
+.U_MD_O_E_ZX { background-position: -798px -182px; }
+.U_MD_O_E_ZY { background-position: -828px -183px; }
+.U_MD_O_E_ZH { background-position: -858px -182px; }
+.U_MD_O_E_ZLO { background-position: -675px -216px; }
+.U_MD_O_E_ZLT { background-position: -698px -216px; }
+.U_MD_O_E_ZF { background-position: -723px -216px; }
+.U_MD_O_E_ZT { background-position: -754px -217px; }
+.U_MD_O_E_LJ { background-position: -903px -217px; }
+.U_MD_O_E_ZR { background-position: -785px -216px; }
+.U_MD_O_E_ZRZ { background-position: -815px -216px; }
+.U_MD_O_E_ZRL { background-position: -847px -216px; }
+.U_MD_O_E_ZRR { background-position: -876px -215px; }
+.U_MD_O_E_ZRC { background-position: -902px -216px; }
+.U_MD_O_E_ZN { background-position: -265px -223px; }
+.U_MD_O_E_ZV { width: 92px; background-color: White; border: 1px solid #ccc; height: 20px; margin-top: 2px; -webkit-user-select: none; }
+.U_MD_O_E_ZVO { width: 52px; background-color: White; border: 1px solid #ccc; height: 20px; margin-top: 2px; -webkit-user-select: none; }
+.U_MD_O { width: auto; height: 100%; overflow: hidden; font-family: arial,sans-serif; clear: both; }
+.U_MD_O_O { overflow: hidden; }
+.U_MD_O_OL { width: 40px; float: left; }
+.U_MD_O_OLS { height: 28px; width: 100%; }
+.U_MD_O_OLX div { height: 27px; border-top: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; text-align: center; line-height: 100%; }
+
+/*Excel*/
+.U_MD_O_E_EXR { float: left; height: 30px; margin-top: 2px; }
+.U_MD_O_E_EXRO { height: 22px; padding: 0 9px; line-height: 22px; margin-top: 5px; float: left; margin-left: 10px; cursor: pointer; border-radius: 13px; }
+.U_MD_O_E_EXROO { color: #11C251; border: 1px solid #D6D6D6; height: 20px; line-height: 20px; padding: 0 8px; }
+.U_MD_O_E_EXRJ { background-position: -889px -182px; margin-left: 4px; }
+.U_MD_O_E_EXRJ:hover { background-position: -890px -183px; }
+.U_MD_O_E_EXRL { background-position: -905px -143px; margin-left: 24px; }
+.U_MD_O_E_EXRL:hover { background-position: -906px -144px; }
+.U_MD_O_E_EFE { position: absolute; display: none; }
+/*表格选中时的背景颜色*/
+.U_MD_O_W_Table_tdCheckd { background-color: #b5d6fd; }
+/*表格聚焦时的边框颜色*/
+.U_MD_O_W_Table_tdCurrent { border: 3px solid #5a9eec !important; }
+/*表格的文本框样式*/
+.U_MD_O_W_Table_tdText { min-height: 100%; width: 100%; outline: 0; word-wrap: break-word; padding: 0; resize: none; border: 0; vertical-align: top; font-size: 16px; font-family: "Microsoft YaHei"; }
+/*添加最上层 样式*/
+.U_MD_O_W_Table_peak { z-index: 1; }
+

css/Office/Excel/SitePreview.css

@@ -0,0 +1,106 @@
+/*body{overflow:auto}
+
+.U_MD_O_W_SP_Head                                           { display: none; padding: 5px 0; background-color:rgb(41, 103, 167); color:#fff; }
+.U_MD_O_W_SP_MarginBox_File                                 { position:relative; width: 1631px; margin:0 auto; }
+.U_MD_O_W_SP_Head_FileName                                  { font-size: 18px; text-align: center; line-height: 50px}
+.U_MD_O_W_SP_Head_Logo                                      { position: absolute; top: 10px;}
+.U_MD_O_W_SP_Head_Logo > img                                { width: 30px; }
+.U_MD_O_W_SP_Head_User,.U_MD_O_W_SP_Head_Share              { float: left; margin-left: 6px;}
+.U_MD_O_W_SP_Head_Share:hover                               { border-bottom: 1px solid #fff; padding-bottom: 4px; cursor:pointer}
+.U_MD_O_W_SP_HeadIcon                                       { vertical-align: middle; width: 22px; }
+.U_MD_O_W_SP_HeadText                                       { vertical-align: middle; }
+.U_MD_O_W_SP_Tool                                           { text-align: right; margin-bottom: 22px; }
+.U_MD_O_W_SP_Tool_Btn                                       { display: inline-block; padding: .333333em .833333em; margin-left: 12px; background-color: #fff; border:1px solid #d4d9df; box-shadow: 2px 2px 4px #999; cursor: pointer}
+.U_MD_O_W_SP_Content_page                                   { width: 1633px; height: 1153px; margin: 0 auto;background:url(http://coffice.1473.cn/Controls/Office/Excel/img/Excel3.png );background-size:cover }
+.U_MD_O_W_SP_CBox                                           { background-color: #F2F2F2; overflow: hidden; }
+.U_MD_O_W_SP_Content                                        { margin-top: 15px; }
+.U_MD_O_W_SP_footer                                         { background-color:#123f5b; outline:9999px solid #f2f2f2; clip:rect(0 9999px 9999px 0); padding: 27px;margin-top: 24px; text-align: center;}
+.U_MD_O_W_SP_footer_Logo > img                              { width: 80px; cursor: pointer;}
+.U_MD_O_W_SP_footer_Text                                    { margin-top:14px; color: #fff; font-size:14px; line-height: 18px;}
+.U_MD_O_W_SP_Fixed_Icon                                     { position: fixed; right: 80px; top: 300px; width: 70px; cursor: pointer; }
+.U_MD_O_W_SP_Top_Icon                                       { position: absolute;top:0; right:-100px; cursor: pointer; }
+.U_MD_O_W_SP_ShareBox                                       { display:none; position:absolute; width: 274px; text-align:center; background-color:#f4f4f4;border:1px solid #d0d5dc;margin-top: 6px;margin-left: -80px;}
+
+#U_MD_O_W_SP_Tool_ShareBtn:hover .U_MD_O_W_SP_ShareBox      { display:block; }
+.shareBlock                                                 { display: inline-block; padding: 15px 23.6px; }
+.shareBlock:hover                                           { background-color: #e9e9e9; cursor: pointer; }
+.shareCode:hover .codeel                                    { display: block }
+
+.U_MD_O_W_SP_Head_Model                                     {  height: 70px; background-color:rgb(41, 103, 167); color:#fff; overflow: hidden;    text-align: center;}
+.U_MD_O_W_SP_MarginBox_Model                                { position: absolute; left: 20px; right:20px; max-width:1800px; margin:0 auto; }
+.U_MD_O_W_SP_MarginBox_Model_Word                           { position: relative; width: 1250px; margin:0 auto; }
+.U_MD_O_W_SP_Head_Logo_Model                                { float:left;}
+.U_MD_O_W_SP_Head_Logo_Model > img                          { width: 30px; margin-top: 20px;}
+.U_MD_O_W_SP_Header_DataContent                             { position: absolute; right: 0; top: 20px;}
+.U_MD_O_W_SP_Header_DataUl                                  { font-size: 16px; }
+.U_MD_O_W_SP_Header_DataUl > li                             { float: left; padding-bottom: 10px; margin-left: 34px; cursor:pointer; }
+.DataLi_active                                              { border-bottom: 2px solid #fff; }
+.U_MD_O_W_SP_Header_DataUl > li:hover                       { border-bottom: 2px solid #fff; }
+.U_MD_O_W_SP_Head_Logo_name                                 { font-size: 21px; position: relative; top: 21px;padding-left: 40px;color: #ffffff;display: inline-block;}
+*/
+html,body{overflow:auto !important;background-color:#F2F2F2;min-width:1024px}
+ body{ height:auto !important;}
+body.U_MD_O_W_SP_Nav {min-width:1250px;}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Reply, .U_MD_O_W_SP_Nav .U_MD_O_W_SP_ToolsBar, .U_MD_O_W_SP_Nav .U_MD_O_W_SP_Content { width:1250px; }
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Content { width:1250px; }
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Header_DataUl{display:block}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Head_Main_Logo span{display:block}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Tool{display:none}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Title{display:none}
+
+
+.U_MD_O_W_SP_Head{width:100%;background-color:#2967a7;color:#ffffff}
+.U_MD_O_W_SP_Head_Main{margin:0 auto;padding:0 20px;line-height:50px;max-width: 1400px;}
+.U_MD_O_W_SP_Head_Main_Logo{float:left;margin-top: -50px;}
+.U_MD_O_W_SP_Head_Main_Logo img{margin:10px;width:30px;float:left; cursor:pointer;}
+.U_MD_O_W_SP_Head_Main_Logo span{display:none;font-size:18px}
+.U_MD_O_W_SP_Title{text-align:center;font-size:18px;margin: 0 auto;}
+.U_MD_O_W_SP_Tool{float:right;margin-top: -50px;}
+.U_MD_O_W_SP_Tool > div{cursor:pointer;margin:0 8px;float:left}
+.U_MD_O_W_SP_Tool > div > img{margin-top:10px;float:left;margin-right:5px}
+.U_MD_O_W_SP_Header_DataUl{ display:none; font-size:16px;text-align:right;}
+.U_MD_O_W_SP_Header_DataUl > li{display:inline-block;padding:0 2px 2px;cursor:pointer;text-align: center;font-size: 16px; width: 136px;}
+.DataLi_active,.U_MD_O_W_SP_Header_DataUl > li:hover{background: rgb(0,0,0,0.22);}
+.U_MD_O_W_SP_Content{width:210mm;margin: 25px auto 18px;background-color:white;position: relative;}
+.U_MD_O_W_SP_Content_Editor {position: absolute;top: 0;right: -110px;width: 100px;line-height: 35px;background-color: #2b70bc;cursor:pointer;color: white;font-size: 15px;text-align: center;}
+.U_MD_O_W_SP_Content_Editor:hover {background-color: #205d9f}
+.U_MD_O_W_SP_ToolsBar {width:210mm;height:50px;background-color: #25ba41;margin:0 auto;line-height: 50px;text-align: center;color: #fff;font-size: 16px;cursor: pointer;}
+.U_MD_O_W_SP_ToolsBar:hover {background-color: #23a33b;}
+.U_MD_O_W_SP_ToolsBar_Container { width:100%; z-index:998; bottom:0;}
+
+.U_MD_O_W_SP_Content_page{min-height:420px;font-size:10.5pt;font-family:宋体;}
+.U_MD_O_W_SP_Content_page span,.U_MD_O_W_SP_Content_page a{white-space:pre-wrap;word-wrap:break-word;line-height:1.5}
+.U_MD_O_W_SP_Content_page img { cursor:pointer;}
+.U_MD_O_W_SP_Fixed_Icon{position:fixed;right:80px;top:200px;width:70px;cursor:pointer; z-index:999;}
+.U_MD_O_W_SP_footer{background-color:#123f5b;padding:20px;margin-top:25px;text-align:center;color:White;line-height:25px;font-size:15px}
+.U_MD_O_W_SP_footer img{cursor:pointer;width:80px;margin-bottom:15px}
+.U_MD_O_W_SP_Top_Icon{display:none;position:fixed;right:30px;bottom:30px;cursor:pointer; z-index:999}
+.U_MD_O_W_SP_Reply{width:210mm;margin: 20px auto;overflow: hidden;}
+.U_MD_O_W_SP_ShareBox{display:none;z-index:999;position:absolute;width:166px;background-color:#FFFFFF;border:1px solid #d0d5dc;margin-top:-3px;marign-left:-20px}
+.U_MD_O_W_SP_ShareTitle{width:160px;height:26px;color:black;line-height:29px}
+.U_MD_O_W_SP_ShareTitle>span{float:left;margin-left:15px;font-size:9px!important;height:22px}
+#U_MD_O_W_SP_Tool_ShareBtn:hover .U_MD_O_W_SP_ShareBox{display:block}
+.shareBlock{color:Black;width:110px;display:inline-block;height:40px;line-height:40px}
+.shareBlock>div{font-size:13px}
+.shareBlock>img{float:left;height:24px;margin-top:7px;margin-left:15px;margin-right:10px}
+.shareBlock:hover{color:#3F8BDD;cursor:pointer}
+.shareCode:hover .codeel{display:block}
+.U_MD_O_W_SP_ShareBorder{width:150px;height:1px;background:#EAEAEA;margin:0 auto}
+
+#U_MD_UI_PictureForm { position:fixed !important; }
+
+@media screen and (max-width: 1024px) {
+    .U_MD_O_W_SP_ToolsBar {
+        width:100%;
+    }
+}
+
+@media screen and (max-width: 1250px) {
+   .U_MD_O_W_SP_Nav .U_MD_O_W_SP_ToolsBar {
+        width:100%;
+    }
+}
+.U_MD_O_E_excelBox {overflow:auto;}
+.U_MD_O_E_headArea {height:400px;text-align:center;}
+.U_MD_O_E_taskBar {position:relative;}
+

css/Office/Office.css

@@ -0,0 +1,40 @@
+.U_MD_O { width: auto; height: 100%; overflow: hidden; font-family: arial,sans-serif; clear: both; }
+.U_MD_O_O { overflow: hidden; }
+.U_MD_O_OL { width: 40px; float: left; }
+.U_MD_O_OLS { height: 28px; width: 100%; }
+.U_MD_O_OLX div { height: 27px; border-top: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; text-align: center; line-height: 100%; }
+.U_MD_O_H_head_logo>img{width: 27px;margin-top: 4px;float: left; padding-left: 16px}
+.U_MD_O_H_img { background: url(img/Editor_img1.png) no-repeat; }
+
+.U_MD_O_H_Editor { float: left; width: 28px; height: 28px; }
+.U_MD_O_H_Editor img { width: 28px; height: 28px; margin: 3px 0 0 0; border-radius: 50%; }
+
+.U_MD_O_E_Head_navigation_two {float: left;color: #fff;margin-left:8px;}
+.U_MD_O_E_Head_SYQS { width:auto; height:28px;  padding:0px 0px 7px 0px; background-color:#444; overflow:hidden; }
+.U_MD_O_E_Head_navigation_Title { line-height: normal; font-size: 14px; font-family: 微软雅黑; height: 27px; width: 260px; border: 0; outline: 0; text-indent: 8px; background-color: #ffffff; margin: 4px auto 0; display: block; }
+.U_MD_O_E_Head_navigation_two_r { float: right;margin-right: 180px;}
+
+
+.U_MD_O_H_head_navigation_two { float: right; margin-right: 85px; color: #fff; }
+.U_MD_O_H_head_navigation_two div { float: left; }
+.U_MD_O_H_head_navigation_two_l { margin-left: 6px; float: left; display: block; height: 35px; line-height: 35px; font-size: 13px; text-align: center; cursor: pointer; padding: 0 10px; }
+.U_MD_O_H_head_navigation_two_i { width: 23px; height: 35px; float: left; }
+.U_MD_O_H_head_navigation_two_l span { }
+.U_MD_O_H_head_navigation_two_io { background-position: -182px 8px; }
+.U_MD_O_H_head_navigation_two_it { background-position: -209px 8px; }
+.U_MD_O_H_head_navigation_two_is { background-position: -239px 9px; }
+.U_MD_O_H_head_navigation_two_r { float: right; margin-right: 10px; }
+
+/*navigation*/
+
+.U_MD_O_H_head_navigation_one { float: left; }
+.U_MD_O_H_head_navigation_one div { float: left; display: block; width: 85px; color: #fff; height: 35px; line-height: 35px; font-size: 13px; text-align: center; cursor: pointer; }
+
+.U_MD_O_H_head_navigation_username { float: left;max-width: 60px; height: 35px; line-height: 35px; margin-left: 10px; }
+.U_MD_O_H_head_navigation_color_789CD5 { background: #fff; color: #789CD5 !important; }
+ 
+.U_MD_O_H_head_navigation_Title{text-overflow:ellipsis;padding-left: 1px;float:left;line-height: normal;font-size: 14px;font-family: 微软雅黑;height: 35px;width: 260px;border: 0;outline: 0;text-indent: 8px;background-color: #444;/* margin: 4px auto 0; */display: block; color:White;text-align:center;}/*修改*/
+.U_MD_O_H_head_navigation_Title:focus { line-height: normal; font-size: 14px; font-family: 微软雅黑; height: 27px; width: 260px; border: 0; outline: 0; text-indent: 8px; background-color: #444; margin: 4px auto 0; display: block; text-decoration: underline;color:White;text-align:center;}/*修改*/
+.U_MD_O_E { background-color: White; overflow: hidden; width: 100%; height: 100%; display:none; }
+.U_MD_O_E_G { display: none; width: 100%; height: 100%; }
+.U_MD_O_E_S { width: auto; height: 28px; padding: 0px 0px 7px 0px; background-color: #444; overflow: hidden; }

css/Office/Word/EditorIndex.css

@@ -0,0 +1,375 @@
+* {
+  margin: 0;
+  padding: 0
+}
+
+html {
+  height: 100%;
+}
+
+li {
+  list-style: none
+}
+
+a {
+  text-decoration: none;
+  color: #000;
+}
+
+img {
+  vertical-align: top;
+  border: none
+}
+
+body {
+  width: 100%;
+  height: 100%;
+}
+
+/* 头部 */
+.header {
+  width: 100%;
+  height: 70%;
+  background: url('../../../Controls/Office/Word/image/图层 4@2x.png') no-repeat;
+  background-size: cover;
+  /* overflow: hidden; */
+}
+
+.main {
+  width: 76%;
+  min-width: 1024px;
+  height: 100%;
+  margin: 0 auto;
+  /* overflow: hidden; */
+}
+
+.logo {
+  width: 20%;
+  height: 11.07%;
+  padding-top: 4%;
+  margin-left: 4%;
+}
+
+.logo .logoimg {
+  width: 3vw;
+}
+
+.logo img {
+  width: 100%;
+}
+
+.logo div {
+  font: 1.2vw MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+  float: left;
+  line-height: 3.1vw;
+  margin-left: 2%;
+}
+
+.main .intro {
+  width: 100%;
+  text-align: center;
+  margin-top: 5%;
+}
+
+.main .intro .text {
+  font-size: 3.2vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+}
+
+.main .intro span {
+  font-family: MicrosoftYaHei;
+}
+
+.main .intro .text1 {
+  font-size: 1.4vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 100;
+  color: rgba(255, 254, 254, 1);
+  margin-top: 2.3%;
+  letter-spacing: .1vw;
+}
+
+.main .intro .download {
+  display: block;
+  width: 15vw;
+  height: 5.6vh;
+  border: .2vw solid rgba(255, 255, 255, 1);
+  border-radius: 3vw;
+  margin: 2.3vw auto;
+  font: 1.4vw/5.6vh MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+  letter-spacing: .4vw;
+}
+
+.main .intro .download:hover{
+  background-color: #3e87c7;
+  border-color: #3e87c7;
+}
+
+.header .editor {
+  margin: 3vw auto;
+  min-width: 1024px;
+  text-align: center;
+}
+
+.header .editor img {
+  width: 70%;
+}
+
+/* 性能 */
+.property {
+  width: 100%;
+  height: 55%;
+  margin-top: 27%;
+  background: RGBA(75, 173, 243, 1);
+  text-align: center;
+}
+
+.promain {
+  width: 68%;
+  min-width: 1024px;
+  height: 100%;
+  margin: 0 auto;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+  overflow: hidden;
+}
+
+.promain .ptext {
+  font-size: 2.3vw;
+  font-family: MicrosoftYaHei;
+  margin-top: 5%;
+  letter-spacing: .4vw;
+}
+
+.promain .ptext2 {
+  font-size: 1.2vw;
+  font-family: MicrosoftYaHei;
+  margin-top: 2vw;
+}
+
+.promain ul {
+  width: 82%;
+  height: 25%;
+  margin: 7% auto;
+}
+
+.promain ul li {
+  display: block;
+  width: 13%;
+  float: left;
+  margin-left: 15.3%;
+  font: 1.1vw/4.3vw Micosoft Yahei;
+  letter-spacing: .1vw;
+}
+
+.promain ul li img {
+  width: 50%;
+}
+
+/* 体积 */
+.bulk {
+  width: 100%;
+  height: 60%;
+  background: RGBA(246, 246, 246, 1);
+}
+
+.bulkmain {
+  width: 76%;
+  min-width: 1024px;
+  height: 100%;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.bulk img {
+  width: 38%;
+  float: left;
+  margin-top: 6.5%;
+  margin-left: 8%;
+}
+
+.bulktext {
+  width: 45%;
+  height: 20%;
+  text-align: right;
+  float: left;
+  margin-top: 16%;
+}
+
+.bulktext div:nth-child(1) {
+  font-size: 2.5vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  letter-spacing: .3vw;
+}
+
+.bulktext div:nth-child(2) {
+  font-size: 1.5vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  line-height: 3vw;
+  margin-right: 1%;
+}
+
+/* 速度 */
+.speed {
+  width: 100%;
+  height: 60%;
+  background: RGBA(249, 252, 255, 1);
+}
+
+.spmain {
+  width: 76%;
+  min-width: 1024px;
+  height: 100%;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.sptext {
+  width: 37%;
+  height: 20%;
+  float: left;
+  margin-top: 15%;
+  margin-left: 10%;
+}
+
+.sptext div:nth-child(1) {
+  font-size: 2.5vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  letter-spacing: .4vw;
+}
+
+.sptext div:nth-child(2) {
+  font-size: 1.3vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  line-height: 1.7rem;
+  margin-top: 3%;
+}
+
+.speed img {
+  float: left;
+  width: 38%;
+  margin-top: 4.5%;
+  margin-left: 10%;
+}
+
+/* 效率 */
+.efficiency {
+  width: 100%;
+  height: 60%;
+  background: RGBA(246, 246, 246, 1);
+}
+
+.effmain {
+  width: 76%;
+  min-width: 1024px;
+  height: 100%;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.efficiency img {
+  float: left;
+  width: 32%;
+  margin-top: 3.5%;
+  margin-left: 10%;
+}
+
+.efftext {
+  width: 40%;
+  height: 20%;
+  text-align: right;
+  margin-top: 16.5%;
+  float: left;
+  margin-left: 5%;
+}
+
+.efftext div:nth-child(1) {
+  font-size: 2.5vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  letter-spacing: .5vw;
+  line-height: 3vw;
+}
+
+.efftext div:nth-child(2) {
+  font-size: 1.5vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(51, 51, 51, 1);
+  line-height: 2.5vw;
+  margin-right: 1%;
+}
+
+/* video */
+.video {
+  width: 78%;
+  position: absolute;
+  left: 0;
+  right: 0;
+  margin: 4% auto;
+  text-align: center;
+}
+
+.video img {
+  width: 70%;
+}
+
+/* 底部 */
+.footer {
+  width: 100%;
+  height: 28%;
+  background: RGBA(18, 104, 179, 1);
+  margin-top: 32%;
+  overflow: hidden;
+  padding-top: 6.5%;
+}
+
+.footer .download {
+  display: block;
+  width: 17vw;
+  height: 6vh;
+  border: .2vw solid rgba(255, 255, 255, 1);
+  border-radius: 3vw;
+  margin: 0 auto;
+  font: 1.5vw/6vh MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+  letter-spacing: .5vw;
+  text-align: center;
+}
+
+.footer .download:hover {
+  background-color: #3e87c7;
+  border-color: #3e87c7;
+}
+
+.footer .ftext {
+  width: 60%;
+  margin: 1% auto;
+  text-align: center;
+  font-size: 1vw;
+  font-family: MicrosoftYaHei;
+  font-weight: 400;
+  color: rgba(255, 255, 255, 1);
+  line-height: 3vw;
+  letter-spacing: .1vh;
+}
+
+.footer .ftext span {
+  margin-left: 3%;
+}

css/Office/Word/Nav.css

@@ -0,0 +1,52 @@
+.clear:after{ clear:both; display:block; content:""; }
+
+.U_MD_O_H_Nav{margin-bottom:15px;text-align:center;line-height:42px;position:relative;padding-top: 10px;}
+.U_MD_O_H_Nav_BG{position:absolute;margin-top:8px;width:100%;height:100%;height:calc(100% - 8px);background-color:#fff;}
+.U_MD_O_H_Nav_Box{width: calc(100% - 42px);user-select:none;background-color: white;}
+.U_MD_O_H_Nav_Box>div{position:relative;float:left;width: 25%;}
+.U_MD_O_H_Nav_Box>div>span{display:block;width:100%;height:100%;background-color:#fff;}
+.U_MD_O_H_Nav_Box>div>span:focus,.U_MD_O_H_Nav_Span,.U_MD_O_H_Nav_Span:hover{background-color:#505050!important;color:#fff;}
+.U_MD_O_H_Nav_Box>div>span:hover{background-color:#737575;color:#fff;}
+.U_MD_O_H_Nav_Box>div.U_MD_O_H_Nav_More{float:right;width: 42px;background-color:#ccc;color:#fff;position:relative;background-position: -1212px -582px;height: 42px;}
+.U_MD_O_H_Nav_Box_More {width: calc(100% - 45px); position: absolute;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1;}
+.U_MD_O_H_Nav_Box_More>div {width: calc(25% - 10.5px);}
+.U_MD_O_H_Nav_Box_More>div.U_MD_O_H_Nav_More {background-color:#fff;background-position: -1184px -582px;}
+.U_MD_O_H_Nav_Box_More>div.U_MD_O_H_Nav_More:hover {background-color:#ccc; background-position: -1212px -582px; }
+.U_MD_O_H_Nav_Add{float:right;width: 42px;background-color:#ccc;color:#fff;position:relative;}
+.U_MD_O_H_Nav_Add:hover{background-color:#949494;}
+.U_MD_O_H_Nav_Box_More_Hide > div:nth-child(n+6){ display:none; }
+
+.U_MD_O_W_N_Logo{overflow:hidden;margin:20px auto;width:77px;height:77px;border:2px solid #000;border-radius:100%;background-size:cover;text-align:center;line-height:77px;}
+.U_MD_O_W_N_LogoImg{background-repeat:no-repeat;width:100%;height:100%;}
+.U_MD_O_W_N_NavBox{overflow:auto;height:425px;}
+.U_MD_O_W_N_Bottom{margin-top:15px;padding:9pt 0;border-top:1px solid #d6def0;text-align:center;}
+.U_MD_O_W_N_Bottom button{margin:0 14px;padding:0 10px;border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:#888 0 1px 3px;line-height:25px;}
+.U_MD_O_W_N_uploadbutton{margin-top:15px;padding:9pt 0;text-align:center;}
+.U_MD_O_W_N_localupload{display:none;margin:0 14px;padding:0 10px;line-height:25px;}
+.U_MD_O_W_N_uploadbutton button{border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:#888 0 1px 3px;}
+.U_MD_O_W_N_localupload2,.U_MD_O_W_N_uploadbutton button{margin:0 14px;padding:0 10px;line-height:25px;}
+.U_MD_O_W_T_N_easyDeleteBtn{position:absolute;top: -8px;right: -8px;z-index:1;display:none;width:19px;height:19px;background:url(../../../img/U_MD_O_W_T_N_MouseOverDelete.png) center no-repeat;background-size:100%;cursor: pointer;}
+.U_MD_O_W_T_N_easyDeleteBtn_show{display:block;}
+.U_MD_O_W_T_N_treeDiv{position:relative;}
+.U_MD_O_W_T_N_treeNav{margin-bottom:6px;height:23px;line-height:23px;}
+.U_MD_O_W_T_N_treeSpan{margin-left:5px;font-size:13px;}
+.U_MD_O_W_T_N_updateDiv{background:url(../../../img/U_MD_O_W_T_N_update.png) center 4px no-repeat;background-size:100%;}
+.U_MD_O_W_T_N_addDiv,.U_MD_O_W_T_N_updateDiv{float:right;display:none;margin-right:9px;width:20px;height:23px;}
+.U_MD_O_W_T_N_addDiv{position:relative;background:url(../../../img/U_MD_O_W_T_N_add.png) center 4px no-repeat;background-size:100%;}
+.U_MD_O_W_T_N_deleteDiv{float:right;display:none;margin-right:9px;width:20px;height:23px;background:url(../../../img/U_MD_O_W_T_N_delete.png) center 9px no-repeat;background-size:100%;font-size:18px;font-size:15px;}
+.U_MD_O_W_T_N_checkDiv{float:left;width:15px;height:23px;background:url(../../../img/U_MD_O_W_T_N_check2.png) center no-repeat;background-size:100%;}
+.U_MD_O_W_T_N_updateInput{position:absolute;top:1px;left:43px;width:140px;height:19px;border:0;font-size:13px;}
+.U_MD_O_W_T_N_addCBox{position:absolute;z-index:100;overflow:overlay;padding:7px 0;width:78pt;height:4pc;border:.5px solid #ccc;background:#fff;}
+.U_MD_O_W_T_N_addCBox>div{padding-left:7px;width:97px;height:21px;font-size:10px;line-height:21px;}
+.U_MD_O_W_T_N_addCBox>div:hover{background:#e5e5e5;}
+.U_MD_O_W_T_N_background{position:absolute;top:0;left:0;background-color:hsla(0,0%,86%,.5);}
+.U_MD_O_W_T_N_deleteAlert{position:absolute;top:30%;left:40%;width:306px;height:163px;border:1px solid #00f;border-radius:10px;}
+.U_MD_O_W_T_N_delBox{position:fixed;top:20%;left:40%;width:305px;border:1px solid #444;border-radius:5px;box-shadow:#000 0 0 10px 3px;}
+.U_MD_O_W_T_N_delHead{padding-left:17px;width:289px;height:35px;border-top-right-radius:5px;border-top-left-radius:5px;background:#3b5878;}
+.U_MD_O_W_T_N_delHead>span{float:left;height:35px;color:#fff;font-size:14px;line-height:35px;}
+.U_MD_O_W_T_N_delMain{padding-top:25px;width:19pc;height:103px;border-top:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff;}
+.U_MD_O_W_T_N_delMain>span{display:block;padding:0 30px;text-align:center;font-size:1pc;}
+.U_MD_O_W_T_N_delBtnNo{float:left;margin-left:45px;background:#9f9f9f;}
+.U_MD_O_W_T_N_delBtnNo,.U_MD_O_W_T_N_delBtnYes{margin-top:25px;width:88px;height:30px;border-radius:6px;color:#fff;text-align:center;font-size:1pc;line-height:30px;cursor:pointer;}
+.U_MD_O_W_T_N_delBtnYes{float:right;margin-right:45px;background:#347fdb;}
+.U_MD_O_W_T_N_delCloseBtn{float:right;margin-right:3px;width:20px;height:20px;background-image:url(/img/close.png);background-position:-122px -60px;background-size:100%;cursor:pointer;}

css/Office/Word/SitePreview.css

@@ -0,0 +1,131 @@
+html,body{overflow:auto !important;background-color:#F2F2F2;min-width:1024px}
+ body{ height:auto !important;}
+body.U_MD_O_W_SP_Nav {min-width:1250px;}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Reply,/* .U_MD_O_W_SP_Nav .U_MD_O_W_SP_ToolsBar,*/ .U_MD_O_W_SP_Nav .U_MD_O_W_SP_Content { width:1250px; }
+/*.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Content { width:1250px; }*/
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Header_DataUl{display:block}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Head_Main_Logo span{display:block}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Tool{display:none}
+.U_MD_O_W_SP_Nav .U_MD_O_W_SP_Title{display:none}
+
+
+.U_MD_O_W_SP_Head{width:100%;background-color:#2967a7;color:#ffffff}
+.U_MD_O_W_SP_Head_Main{margin:0 auto;padding:0 20px;line-height:50px;max-width: 1400px;}
+.U_MD_O_W_SP_Head_Main_Logo{float:left;margin-top: -50px;}
+.U_MD_O_W_SP_Head_Main_Logo img{margin:10px;width:30px;float:left; cursor:pointer;}
+.U_MD_O_W_SP_Head_Main_Logo span{display:none;font-size:18px}
+.U_MD_O_W_SP_Title{text-align:center;font-size:18px;margin: 0 auto;}
+.U_MD_O_W_SP_Tool{float:right;margin-top: -50px;}
+.U_MD_O_W_SP_Tool > div{cursor:pointer;margin:0 8px;float:left}
+.U_MD_O_W_SP_Tool > div > img{margin-top:10px;float:left;margin-right:5px}
+.U_MD_O_W_SP_Header_DataUl{ display:none; font-size:16px;text-align:right;}
+.U_MD_O_W_SP_Header_DataUl > li{display:inline-block;padding:0 2px 2px;cursor:pointer;text-align: center;font-size: 16px; width: 136px;}
+.DataLi_active,.U_MD_O_W_SP_Header_DataUl > li:hover{background: rgb(0,0,0,0.22);}
+.U_MD_O_W_SP_Content{width:210mm;margin: 25px auto 0;background-color:white;position: relative;}
+.U_MD_O_W_SP_Content_Editor {position: absolute;top: 0;right: -110px;width: 100px;line-height: 35px;background-color: #2b70bc;cursor:pointer;color: white;font-size: 15px;text-align: center;}
+.U_MD_O_W_SP_Content_Editor:hover {background-color: #205d9f}
+.U_MD_O_W_SP_ToolsBar {display:none;width:10mm;height:110px;writing-mode: vertical-lr;background-color: #378EEF;margin:0 auto;line-height: 40px;text-align: center;color: #fff;font-size: 16px;cursor: pointer;}
+.U_MD_O_W_SP_ToolsBar:hover {background-color: #2967A7;}
+.U_MD_O_W_SP_ToolsBar_Container { width:100%; z-index:998; bottom:55%;left: 171mm;z-index: 0;}
+
+.U_MD_O_W_SP_Content_page{min-height:793px;padding: 2.54cm 3.17cm 2.54cm 3.17cm;font-size:10.5pt;font-family:宋体;}
+.U_MD_O_W_SP_Content_page span,.U_MD_O_W_SP_Content_page a{white-space:pre-wrap;word-wrap:break-word;line-height:1.5}
+.U_MD_O_W_SP_Content_page img { cursor:pointer;}
+.U_MD_O_W_SP_Fixed_Icon{position:fixed;right:54px;top:200px;width:70px;cursor:pointer; z-index:999;}
+
+.U_MD_O_W_SP_Fixed_dnReset{display:none;overflow:hidden;z-index:99999!important;position:fixed;left:73%;top:77px;z-index:999;width:186px;height:131px;background:rgba(255,255,255,1);box-shadow:0px 5px 18px 2px rgba(41,103,167,0.3);border-radius:2px;}
+/*.U_MD_O_W_SP_Fixed_dnReset_left{float:left;width:32%;height:100%;text-align: center;}
+.U_MD_O_W_SP_Fixed_dnReset_left img{margin-top: 13px;}
+.U_MD_O_W_SP_Fixed_dnReset_right{float:left;width:68%;height:100%;}
+.U_MD_O_W_SP_Fixed_dnReset_right p{float:right;margin-right:9%;margin-top: 17px;font-size:14px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(51,51,51,1);}
+.U_MD_O_W_SP_Fixed_dnReset_right_button{height:auto;float: right;margin-top: 10%;margin-right:13%;}
+.U_MD_O_W_SP_Fixed_dnReset_right_button button{cursor: pointer;margin-left: 46px;border: none;outline: none;background: none;font-size:13px;font-family:MicrosoftYaHei;font-weight:400;color:rgba(102,102,102,1);}
+.U_MD_O_W_SP_Fixed_dnReset_right_button button:nth-child(2){margin-left:20px;color:rgba(55,142,239,1);}*/
+.U_MD_O_W_SP_Fixed_dnReset_top{width:100%;height:39%;text-align:center;}
+.U_MD_O_W_SP_Fixed_dnReset_top img{margin-top:16px;}
+.U_MD_O_W_SP_Fixed_dnReset_top span{color: #49A1FB;font-size: 15px;position: absolute;top: -4px;right: 3px;cursor: pointer;}
+.U_MD_O_W_SP_Fixed_dnReset_bottom{width:100%;height:61%;text-align:center;}
+.U_MD_O_W_SP_Fixed_dnReset_bottom button{font-size:11px;outline: none;color:#2967A7;border:1px solid rgba(41,103,167,1);border-radius:5px;background:#FFFFFF;width:104px;height:22px;margin-top: 11px;cursor:pointer;}
+.U_MD_O_W_SP_Fixed_dnReset_bottom button:hover{color:#49A1FB;border:1px solid rgba(73,161,251,1);}
+
+.U_MD_O_W_SP_footer{background-color:#123f5b;padding:20px;margin-top:25px;text-align:center;color:White;line-height:25px;font-size:15px}
+.U_MD_O_W_SP_footer img{cursor:pointer;width:80px;margin-bottom:15px}
+.U_MD_O_W_SP_Top_Icon{display:none;position:fixed;right:30px;bottom:30px;cursor:pointer; z-index:999}
+.U_MD_O_W_SP_Reply{width:210mm;margin: 20px auto;overflow: hidden;}
+.U_MD_O_W_SP_ShareBox{display:none;z-index:999;position:absolute;width:166px;background-color:#FFFFFF;border:1px solid #d0d5dc;margin-top:-3px;marign-left:-20px}
+.U_MD_O_W_SP_ShareTitle{width:160px;height:26px;color:black;line-height:29px}
+.U_MD_O_W_SP_ShareTitle>span{float:left;margin-left:15px;font-size:9px!important;height:22px}
+#U_MD_O_W_SP_Tool_ShareBtn:hover .U_MD_O_W_SP_ShareBox{display:block}
+.shareBlock{color:Black;width:110px;display:inline-block;height:40px;line-height:40px}
+.shareBlock>div{font-size:13px}
+.shareBlock>img{float:left;height:24px;margin-top:7px;margin-left:15px;margin-right:10px}
+.shareBlock:hover{color:#3F8BDD;cursor:pointer}
+.shareCode:hover .codeel{display:block}
+.U_MD_O_W_SP_ShareBorder{width:150px;height:1px;background:#EAEAEA;margin:0 auto}
+
+#U_MD_UI_PictureForm { position:fixed !important; }
+
+@media screen and (max-width: 1024px) {
+    .U_MD_O_W_SP_ToolsBar_Container {
+        text-align: left;
+    }
+    .U_MD_O_W_SP_ToolsBar {
+        margin:-120px 0 0 -40px;
+    }
+}
+
+
+
+/*.U_MD_O_W_SP_Head                                           { position:relative;display: none; padding: 5px 0; background-color:rgb(41, 103, 167); color:#fff; }
+
+.U_MD_O_W_SP_Head_Red                                           { position:relative;display: none; padding: 5px 0; color:#fff; background:url("img/skinRedtop.png")no-repeat;background-size:100% 100%;}
+.U_MD_O_W_SP_Head_Yellow                                           { position:relative;display: none; padding: 5px 0; color:#fff; background:url("img/skinYellowtop.png")no-repeat;background-size:100% 100%;}
+
+.U_MD_O_W_SP_MarginBox_File                                 { position:relative; width: 210mm; margin:0 auto; }
+.U_MD_O_W_SP_Head_FileName                                  { font-size: 18px; text-align: center; line-height: 50px}
+.U_MD_O_W_SP_Head_Logo                                      { position: absolute; top: 10px;margin-left: -100px;}
+.U_MD_O_W_SP_Head_Logo > img                                { width: 30px; }
+.U_MD_O_W_SP_Head_User,.U_MD_O_W_SP_Head_Share              { float: left; margin-left: 6px;}
+.U_MD_O_W_SP_Head_Share:hover                               { border-bottom: 1px solid #fff; padding-bottom: 4px; cursor:pointer}
+.U_MD_O_W_SP_HeadIcon                                       { vertical-align: middle; width: 22px; }
+.U_MD_O_W_SP_HeadText                                       { vertical-align: middle; }
+.U_MD_O_W_SP_Tool                                           { display: none;position:absolute;top:7px;right:-23%; }
+.U_MD_O_W_SP_Tool_Btn                                       {cursor: pointer;text-align: center;font-size:14px;display:inline-block;line-height:30px;margin-left:13px;}
+.U_MD_O_W_SP_Tool_Btn>span                                  {vertical-align: super;}
+.U_MD_O_W_SP_Content_box {     background-color: white; overflow: hidden;}
+.U_MD_O_W_SP_Content_page                                   {min-height: 793px;margin: 0 auto;margin: 2.54cm 3.17cm 2.54cm 3.17cm;font-size: 10.5pt;font-family: 宋体;}
+.U_MD_O_W_SP_Content_page span, .U_MD_O_W_SP_Content_page a {white-space: pre-wrap;word-wrap: break-word;line-height: 1.5;}
+.U_MD_O_W_SP_CBox                                           { background-color: #F2F2F2; overflow: hidden; }
+.U_MD_O_W_SP_Content                                        { margin-top: 15px; }
+.U_MD_O_W_SP_footer                                         { background-color:#123f5b; outline:9999px solid #f2f2f2; clip:rect(0 9999px 9999px 0); padding: 27px;margin-top: 24px; text-align: center;}
+
+.U_MD_O_W_SP_footer_Red                                         {  background:url("img/skinRedfooter.png")no-repeat;background-size:100% 100%;outline:9999px solid #f2f2f2; clip:rect(0 9999px 9999px 0); padding: 27px;margin-top: 24px; text-align: center;}
+.U_MD_O_W_SP_footer_Yellow                                         {  background:url("img/skinYellowfooter.png")no-repeat;background-size:100% 100%;outline:9999px solid #f2f2f2; clip:rect(0 9999px 9999px 0); padding: 27px;margin-top: 24px; text-align: center;}
+
+
+.U_MD_O_W_SP_footer_Logo > img                              { width: 80px; cursor: pointer;}
+.U_MD_O_W_SP_footer_Text                                    { margin-top:14px; color: #fff; font-size:14px; line-height: 18px;}
+.U_MD_O_W_SP_Fixed_Icon                                     { position: fixed; right: 80px; top: 200px; width: 70px; cursor: pointer; }
+.U_MD_O_W_SP_Top_Icon                                       { position: absolute;top:0; right:-100px; cursor: pointer; }
+
+
+.U_MD_O_W_SP_Head_Model                                     { display:none; height: 70px; background-color:rgb(41, 103, 167); color:#fff; overflow: hidden;}
+.U_MD_O_W_SP_MarginBox_Model                                { position: absolute; left: 20px; right:20px; max-width: 1400px; margin:0 auto; }
+.U_MD_O_W_SP_MarginBox_Model_Word                           { position: relative; width: 1250px; margin:0 auto; }
+.U_MD_O_W_SP_Head_Logo_Model                                { float:left;}
+.U_MD_O_W_SP_Head_Logo_Model > img                          { width: 30px; margin-top: 20px;}
+.U_MD_O_W_SP_Header_DataContent                             { position: absolute; right: 0; top: 20px;}
+.U_MD_O_W_SP_Header_DataUl                                  { font-size: 16px; }
+.U_MD_O_W_SP_Header_DataUl > li                             { float: left; padding-bottom: 10px; margin-left: 34px; cursor:pointer; }
+.DataLi_active                                              { border-bottom: 2px solid #fff; }
+.U_MD_O_W_SP_Header_DataUl > li:hover                       { border-bottom: 2px solid #fff; }
+.U_MD_O_W_SP_Head_Logo_name                                 { font-size: 21px; position: relative; top: 21px;padding-left: 40px;color: #ffffff;}
+.U_MD_O_attachment_wrapper{width:260px;height:40px;padding:8px 5px 5px;display:block;vertical-align:middle;background-color:#f1f1f1;border:1px solid #e6e6e6;border-radius:2px;text-align:left;white-space:unset;margin:5px auto;}
+.U_MD_O_attachment_wrapper_img{display:inline-block;height:30px;width:30px;margin:0 5px;vertical-align:middle;background-image: url("img/Office/attachment.png");background-size: cover;} 
+.U_MD_O_attachment_fileinfo{display:inline-block;vertical-align:middle;width:200px;font-size:10pt;line-height:20px}
+.U_MD_O_attachment_fileinfo span{display:block;white-space:nowrap}
+.U_MD_O_attachment_wrapper a{text-decoration: none;font-size: 10pt;display: inline-block;vertical-align: bottom;margin-left: -12px;}
+
+.shareBlock{display: inline-block;padding: 20px;}
+.shareBlock:hover{background-color: #f1f1f1;cursor: pointer;}
+.U_MD_O_W_SP_footer_Logo > img{cursor: pointer;}      */

css/Office/Word/Word.css

@@ -0,0 +1,40 @@
+/*body                { overflow:hidden; }*/
+body                { overflow:inherit; }
+html                { background:#aaaaaa; }
+.U_MD_O_W             { position:absolute; line-height:40px; height:40px; text-align:center; background-color:#FFF; border:1px solid #CCC; cursor:pointer; }
+.U_MD_O_W div         { float:left; width:79px; border-left: 1px solid #CCC }
+.U_MD_O_W div:hover   { color:#006699; }
+.U_MD_O_W_L           { width:203px; height:100%; float:left; overflow-x:hidden; overflow-y:auto; margin-left:10px; }
+.U_MD_O_W_LS          { font-size:14px; color:#0087EF; font-weight:700; margin:5px 0 0 23px; }
+.U_MD_O_W_LS  span    { color:#B7B7B7; font-size:12px; line-height:18px; }
+.U_MD_O_W_LX          { width:100%; }
+.U_MD_O_W_LXO         { margin-top:15px; cursor:pointer; padding:7px 0 3px 30px; }
+.U_MD_O_W_LXO:hover   { background-color:#CCE7E6; }
+.U_MD_O_W_LXOS        { width:100%; height:50px; }
+.U_MD_O_W_LXOSI       { width:50px; height:50px; float:left; }
+.U_MD_O_W_LXOSIO      { width:50px; height:50px; border-radius:50%; }
+.U_MD_O_W_LXOSN       { margin-left:10px; height:50px; float:left; width:95px; }
+.U_MD_O_W_LXOSNS      { margin-top:5px; font-weight:700; width:95px; }
+.U_MD_O_W_LXOSNX      { color:#999; margin-top:8px;}
+.U_MD_O_W_E_body           { word-break:break-all; word-wrap:break-word; outline:none; margin:auto; width:inherit; height:inherit; /* min-height:297mm; width:210mm; */ border:1px solid #d2d5d8; padding:15px; font-size:14px; font-family:Calibri (西文正文); overflow:hidden; }
+.U_MD_O_W_E_body   p       { margin:0; padding:0; }
+
+/*字体*/
+.U_MD_O_W_Font_25px_0{font-size: 25px;margin: 11px 0;}
+.U_MD_O_W_Font_22px_40{font-size: 22px;margin: 9.6px 0;}
+.U_MD_O_W_Font_20px_60{font-size: 20px;margin: 6.4px 0;}
+
+/*目录*/
+.U_MD_O_W_Font_Cat{text-align: center;padding-top: 70px;width: 90%;margin: 0 auto;}
+.U_MD_O_W_Font_C_Txt{ font-size: 1.9em;padding: 30px 0; }
+.U_MD_O_W_Font_C_Box{font-size: 1.3em; height: 25px; padding: 5px 0; display: flex;justify-content: space-between;}
+.U_MD_O_W_Font_C_Name{float: left; }
+.U_MD_O_W_Font_C_Dash{border-bottom: 1px dashed #000000;height: 22px;overflow: hidden;display:inline-block}
+.U_MD_O_W_Font_C_Number{float: right;background: #fff;padding-left: 3px; margin-right:7px;text-indent:0;}
+.U_MD_O_W_Font_C_Box a{text-decoration: none;color: #000;max-width:15%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
+.U_MD_O_W_Font_C_Box a:hover{color: #3319f9}
+
+/*编辑历史记录*/
+.U_MD_O_W_History               {padding-left: 26px; overflow: hidden;}
+.U_MD_O_W_History_Head          {margin:20px 0}
+.U_MD_O_W_History_Head > img    {width: 45px; vertical-align: middle}

css/Office/Word/WordEditor.css

@@ -0,0 +1,341 @@
+.U_MD_O_H { width: 100%; }
+.U_MD_O_H_img { background: url(img/Editor_img1.png) no-repeat; }
+.U_MD_O_H_head { width: 100%;   }
+
+#U_MD_O_W_E_body {min-width: 210mm;position:relative;background-color: white;overflow: hidden;}
+.U_MD_O_H_head_top { width: 100%; height: 35px; background: #3c475b; }
+.U_MD_O_H_head_navigation { width: 100%; height: 35px; }
+.U_MD_O_H_head_navigation_i { width: 30px; height: 30px; background: url(img/Editor_img1.png) no-repeat; background-position: -240px -78px; margin-top: 2px; }
+
+/*编辑器初始样式*/
+.U_MD_O_H_pageSize{width: 210mm;font-family: "宋体";font-size: 10.5pt;margin: 0px auto 30px;}
+.U_MD_O_H_lineStyle {line-height: 1.5; }
+.U_MD_O_H_wordEditor{height: 100%;min-height: 297mm;padding: 2.54cm 3.17cm 2.54cm 3.17cm;background-color: #fff;outline:0;overflow:hidden;}
+.U_MD_O_H_wordEditor a{color:#1155cc;}
+.U_MD_O_H_lineHeight_ul{display: none; position: absolute; background: #fff; width:100px; box-shadow: 1px 2px 5px silver; margin-top: 45px; margin-left: 100px}
+.U_MD_O_H_lineHeight_btn{padding: 4px 4px 6px; cursor:pointer}
+.U_MD_O_H_lineHeight_btn:hover{background: #dfdfdf}
+.U_MD_O_H_lineHeight_btn_check{background: silver}
+.U_MD_O_H_clearButtonDefault{width:100%;height:100%;outline: none;background:none; border: none}
+
+.U_MD_O_H_Area{float: left;height:40px;}
+.U_MD_O_H_Area button{outline:0;border:none;background-color:#f7f8f9;vertical-align:top;cursor:pointer;}
+.U_MD_O_H_Area>div{display:inline-block;margin-top:6px;vertical-align:top;margin-left: 4px;}
+.U_MD_O_H_Area>button{position:relative;display:inline-block;margin-top:6px;padding:4px 6px 3px;text-indent:4px;font-size:12px;line-height:22px;margin-left: 4px;}
+
+.U_MD_O_H_Area>button:hover,.U_MD_O_H_Area>div:hover{background-color:#e1e2e3;}
+.U_MD_O_H_Area>button:active,.U_MD_O_H_Area>div:active{background:#bfc1c4;}
+.U_MD_O_H_Area>button:first-child,.U_MD_O_H_Area>div:first-child { margin-left:8px; }
+.U_MD_O_H_icon{float:left;width:20px;height:20px;background:url(img/YS2017.png) no-repeat;}
+.U_MD_O_H_cutoff{display:inline-block;margin-top:8px;height:26px;border-left:2px solid #D1D1D1;}
+.U_MD_O_H_select{position:relative;border:0;background:0 0;}
+.U_MD_O_H_select_list{width:100%;outline:0;border:none;text-indent:4px;white-space:pre;line-height:27px;}
+.U_MD_O_H_colorPick_fontBG{width:20px;height:20px;background-color:#000;}
+.U_MD_O_H_colorPick_fontColor_Icon{height:16px;background-position:-173px -593px;}
+.U_MD_O_H_colorPick_fontColor{float:left;width:100%;height:4px;background-color:#000;}
+.U_MD_O_H_down{width:13px;height:28px;background-position:-1033px -593px;}
+.U_MD_O_H_colorPick button{float:left;}
+.U_MD_O_H_colorPick:hover button{background-color:#e1e2e3;}
+.U_MD_O_H_colorPick:hover button:hover{background-color:#d1d1d1;}
+.U_MD_O_H_colorPick:hover button:active{background-color:#bfc1c4;}
+.U_MD_O_H_More_Area {position: absolute;background:#f7f8f9;padding: 0px 6px 5px 8px;box-sizing: border-box;top: 40px;z-index: 999;box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 2px;cursor: default;visibility: visible;}
+.U_MD_O_H_More_Area > .U_MD_O_H_Area:last-child  .U_MD_O_H_cutoff { display:none !important; }
+.U_MD_O_H_Inputactive:focus{border-color: #0083E1 !important;}
+
+
+
+
+
+
+
+.U_MD_O_H_head_features {display: table; position:relative;z-index:2; min-width: 870px}
+/*features*/
+.U_MD_O_H_head_features_ul_d { float: left;border: none; color: #000; outline: none; height:30px; background:#f7f8f9;cursor: pointer;margin-top: 5px; }
+.U_MD_O_H_head_features_ul_d:hover{background-color:#e1e2e3;}
+.U_MD_O_H_head_features_ul_d:active{background: #bfc1c4;}
+/*.U_MD_O_H_head_features_ul_d div { float: left; margin-left: 5px; }*/
+.U_MD_O_H_head_features_ul_d span{display: table-cell; vertical-align: middle;}
+.U_MD_O_H_head_features_ul_d_s { width: 180px; height: 140px; border: 1px solid #cbcfd4; background-color: #FFF;position: absolute; padding: 10px 10px 10px 5px; top: 29px; left: -100px; display: none; z-index: 1; }
+.U_MD_O_H_head_features_ul_d_s div { width: 15px; height: 15px; float: left; margin: 5px 0 0 5px; }
+.U_MD_O_H_head_features_fbg > div{margin-top:0;}
+.U_MD_O_H_head_features_fbg:hover{background:#E1E2E3;margin-top:8px}
+.U_MD_O_H_head_features_fbg_color{width: 30px;position: relative; height: 25px;background-color: initial;cursor: pointer;float: left;border: none;color: #000;outline: none;}
+.U_MD_O_H_head_features_fbg_color:hover{width: 30px;position: relative; height: 25px;background-color: #C7C7C8;}
+.U_MD_O_H_head_features_fbg_select:hover{width:12px; height:25px; background:#C7C7C8  url(BoomYun//img/pc/U_Boom_HO_xl.png) no-repeat;float:left;background-position: 2px;}
+.U_MD_O_H_head_features_fbg:active .U_MD_O_H_head_features_fbg_color{background:#C7C7C8;}
+.U_MD_O_H_head_features_fbg:active .U_MD_O_H_head_features_fbg_select{ background:#C7C7C8  url(BoomYun//img/pc/U_Boom_HO_xl.png) no-repeat;background-position: 2px;}
+.U_MD_O_H_head_features_ffc>div{margin-top:0;}
+.U_MD_O_H_head_features_ffc:hover{background:#E1E2E3;margin-top:8px}
+.U_MD_O_H_head_features_fc{width: 30px;position: relative; height: 25px;background-color: initial;cursor: pointer;float: left;border: none;color: #000;outline: none;}
+.U_MD_O_H_head_features_fc:hover{width: 30px;position: relative; height: 25px;background-color: #C7C7C8;}
+.U_MD_O_H_head_features_fcxl:hover{width:12px; height:25px; background:#C7C7C8  url(BoomYun//img/pc/U_Boom_HO_xl.png) no-repeat;float:left;background-position: 2px;}
+.U_MD_O_H_head_features_ul_index {padding: 4px 11px; background: rgb(255, 255, 255);}
+.U_MD_O_H_head_features_ul_index:hover {padding: 4px 11px; background:rgba(225,226,227,1);}
+.U_MD_O_H_head_features_ul_index:nth-child(2) {font-size: 30px;font-weight: 700;font-family: "微软雅黑";}
+.U_MD_O_H_head_features_ul_index:nth-child(3) {font-size: 20px;font-weight: 700;font-family: "微软雅黑";}
+.U_MD_O_H_head_features_ul_index:nth-child(4) {font-size: 18px;font-weight: 700;font-family: "微软雅黑";}
+.U_MD_O_H_head_features_ul_index:nth-child(5) {font-size: 16px;font-family: "微软雅黑";padding-left:11px;}
+#U_MD_O_SetTitle > div:nth-child(2) > div{ width: 98px; }
+#U_MD_O_SetTitle > div:nth-child(2) > div:nth-child(2){font-size: 22pt;font-weight: 700;font-family: "微软雅黑";}
+#U_MD_O_SetTitle > div:nth-child(2) > div:nth-child(3){font-size: 16pt;font-weight: 700;font-family: "微软雅黑";}
+#U_MD_O_SetTitle > div:nth-child(2) > div:nth-child(4){font-size: 15pt;font-weight: 700;font-family: "微软雅黑";}
+#U_MD_O_SetTitle > div:nth-child(2) > div:nth-child(5){font-size: 14pt;font-family: "微软雅黑";font-weight: bold;}
+#U_MD_O_SetLineHeight > div:nth-child(2)  { max-width: 60px;width: 60px; }
+.U_MD_O_H_head_features_ffc:active .U_MD_O_H_head_features_fc{background:#C7C7C8;}
+.U_MD_O_H_head_features_ffc:active .U_MD_O_H_head_features_fcxl{ background:#C7C7C8  url(BoomYun//img/pc/U_Boom_HO_xl.png) no-repeat;background-position: 2px;}
+.U_MD_O_H_head_features_ul_index {padding: 4px 6px; background: rgb(255, 255, 255);}
+.U_MD_O_H_head_features_ul_index:hover {padding: 4px 6px; background: rgb(204, 204, 204);}
+.U_MD_O_H_head_features_ul_index:nth-child(2) {font-size: 36px;font-weight: 700;font-family: "微软雅黑";}
+.U_MD_O_H_head_features_ul_index:nth-child(3) {font-size: 28px;font-weight: 700;font-family: "微软雅黑";}
+.U_MD_O_H_head_features_ul_index:nth-child(4) {font-size: 26px;font-weight: 700;font-family: "微软雅黑";}
+.U_MD_O_H_head_features_ul_index:nth-child(5) {font-size: 24px;font-family: "微软雅黑";}
+
+.U_MD_O_H_alignFocus { background-color:#E1E2E3;}
+
+.U_MD_O_H_head_features_ul_s {width: 100%;border: 1px solid #CDCDCD;background-color: #f7f8f9;outline: 0;padding: 4px 0;line-height: 18px;}
+.U_MD_O_H_head_features_ul_s:hover {background-color:#e1e2e3;}
+.U_MD_O_H_head_features_ul_s:active{background: #bfc1c4;}
+.U_MD_O_H_head_features_ul_i { display: table-cell; width: 20px; height: 20px; background: url(img/wordEditor.png) no-repeat; margin-top: 4px;  }
+.U_MD_O_H_head_features_ul_i2 { display: table-cell; width: 20px; height: 20px; background: url(img/wordEditor2.png) no-repeat; margin-top: 4px;  }
+.U_MD_O_H_head_features_ul_b { width: 20px; height: 20px; margin: 4px auto 0 auto; }
+.U_MD_O_H_head_features_ul_x { float: left; width: 2px; background: #D1D1D1; height: 32px; margin:4px 6px; font-size: 0;}
+.U_MD_O_H_head_features_colorPicker{width:12px; height:25px; background:  url(BoomYun//img/pc/U_Boom_HO_xl.png) no-repeat;float:left;background-position: 2px;margin-top: 8px;}
+.U_MD_O_H_head_features_ul_x:after{content:''; }
+.U_MD_O_H_head_features_ul_x:before{content:''; }
+
+
+
+.U_MD_O_H_head_file { width: 100%; height: 30px; float: left; text-align: left; padding-top: 5px; border-bottom: 1px solid #CDCDCD;}
+
+/*file
+.U_MD_O_H_head_file_wd1 { float: left; width: 150px; height: 27px; background: #C6E2FF; line-height: 27px; background-size: cover; }
+*/
+.U_MD_O_H_body_main{margin-top:60px;/* background:#fff; */float:left;}
+.U_MD_O_H_head_file_bj { float: left; width: 150px; height: 27px; line-height: 27px; border: 1px solid #68add0; border-bottom: 0; margin: 3px 0 0 10px; color: #006699; cursor: pointer; }
+.U_MD_O_H_head_file_bj:hover, U_MD_O_H_head_file_bjo { background-color: #4D5968; color: #e9ebed; }
+.U_MD_O_H_head_file_bj:hover > .U_MD_O_H_head_file_x, U_MD_O_H_head_file_bjo > .U_MD_O_H_head_file_x { background-position: -313px -72px; }
+.U_MD_O_H_head_file_web { margin-left: 10px; font-size: 14px; float: left; }
+.U_MD_O_H_head_file_x { cursor: pointer; float: right; margin: 10px 8px 0 0; margin-top: 10px; width: 10px; height: 10px; background: url(img/Editor_img1.png) no-repeat; background-position: -313px -53px;cursor: pointer; }
+
+.U_MD_O_H_body {     width: 1130px; margin:auto; }/*position: absolute; */
+.U_MD_O_H_body .U_MD_F_S_TI { color: #000; line-height: 30px; }
+.U_MD_O_H_body_left { width: 250px; float: left; padding: 0 30px; margin-top: 15px; }
+#U_MD_O_H_body_left {}
+.U_MD_O_H_body_main_m { overflow: hidden; background: #fff; width: 210mm; height: 297mm; margin-bottom: 10px;}
+
+/* */
+.U_MD_O_H_body_main_border_T > div, .U_MD_O_H_body_main_border_B > div { width: 7mm; height: 7mm; margin: 10px; border: 1px solid #c1c1c1; float: left; }
+.U_MD_O_H_body_main_border_T > div:nth-child(1) { border-top: none; border-left: none; }
+.U_MD_O_H_body_main_border_T > div:nth-child(2) { border-top: none; border-right: none; float: right; }
+.U_MD_O_H_body_main_border_B .U_MD_O_H_body_main_border_B > div:nth-child(1) { border-bottom: none; border-left: none; }
+.U_MD_O_H_body_main_border_B > div:nth-child(2) { border-bottom: none; border-right: none; float: right; }
+.U_MD_O_H_body_main_border { }
+.U_MD_O_H_body_main_border div { width: 7mm; height: 7mm; margin: 10px; border: 1px solid #c1c1c1; float: left; }
+.U_MD_O_H_body_main_border .U_MD_O_H_body_main_bordero { border-top: none; border-left: none; }
+.U_MD_O_H_body_main_border .U_MD_O_H_body_main_bordert { border-top: none; border-right: none; float: right;}
+.U_MD_O_H_body_main_border .U_MD_O_H_body_main_borders { border-bottom: none; border-left: none; }
+.U_MD_O_H_body_main_border .U_MD_O_H_body_main_borderf { border-bottom: none; border-right: none; float: right; }
+
+.U_MD_O_H_body_left_invite { width: 100%; height: 253px; }
+.U_MD_O_H_body_left_href { height: 203px; margin-top: 15px; }
+.U_MD_O_H_body_left_template { /* height: 365px; */ margin-top: 15px; }
+.U_MD_O_H_body_left_invite_name { height: 30px; border: 0px; border-bottom: 1px #d6dff0 solid; background: #f8fcfd; }
+.U_MD_O_H_body_left_invite_name_left { font-size: 14px; line-height: 30px; margin-left: 10px; float: left; }
+.U_MD_O_H_body_left_invite_name_right { float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; text-align: center; height: 21px; line-height: 21px; }
+.U_MD_O_H_body_left_invite_linkTxt{ padding: 6px 10px;margin: 0 6px;cursor: pointer;position: absolute;top: -29px;right: 0;color: #006699;z-index:1;text-decoration: underline;}
+/**.U_MD_O_H_body_left_invite_linkTxt:hover{background-color:#444;color:#fff}*/
+.U_MD_O_H_body_left_invite_user { overflow: hidden; }
+.U_MD_O_H_body_left_invite_user_a { width: 60px; height: 55px; margin: 10px 0 0 9px; display: block; cursor: pointer; float: left; }
+.U_MD_O_H_body_left_invite_user_a_img { width: 32px; height: 32px; background: url(img/Editor_img1.png) no-repeat; background-position: -336px -51px; margin: auto; }
+.U_MD_O_H_body_left_invite_user_a_user  { width: 32px; height: 32px; margin: auto; }
+.U_MD_O_H_body_left_invite_user_a_user img { width: 32px; height: 32px; }
+.U_MD_O_H_body_left_invite_user_a_div { line-height: 25px; width: 60px; text-align: center; overflow: hidden; }
+
+.U_MD_O_H_body_left_invite_form {margin:0 10px;}
+.U_MD_O_H_body_left_invite_formShare {border-bottom: 1px solid #ccc;}
+.U_MD_O_H_body_left_invite_formShare,.U_MD_O_H_body_left_invite_formQRCode {padding:12px 16px 24px;}
+.U_MD_O_H_body_left_invite_shareInp {display:inline-block; width: 450px;height: 24px; padding-left:6px;border:1px solid #ccc; line-height: 24px; overflow:hidden;vertical-align:top}
+.U_MD_O_H_body_left_invite_shareBtn {display:inline-block; padding:4px 1em; margin-left: 12px;border:1px solid #ccc; vertical-align:top; cursor:pointer;}
+.U_MD_O_H_body_left_invite_shareBtn:hover {background-color:#26CA26; color: #fff}
+.U_MD_O_H_body_left_invite_shareInpMargin {margin-left: 20px}
+
+
+.U_MD_O_H_body_left_href_href { height: 30px; border: 1px #d6dff0 solid; background: #f8fcfd; border-bottom: none; /* margin-top: 20px; */ line-height: 30px; }
+.U_MD_O_H_body_left_href_href_a { font-size: 14px; display: block; float: left; text-align: left; line-height: 30px; margin-left: 10px; }
+.U_MD_O_H_body_left_href_href_right { cursor: pointer; float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; background: #fff; text-align: center; height: 21px; line-height: 21px; }
+.U_MD_O_H_body_left_href_pay { height: 170px; border: 1px #d6dff0 solid; background: #ffffff; }
+.U_MD_O_H_body_left_href_pay_a { min-width: 280px; height: 25px; margin: 2px 10px; line-height: 25px; display: block; text-align: left; text-decoration: underline; color: #006699; cursor: pointer; }
+.U_MD_O_H_body_left_href_pay_Btn { float: right; margin-left: 6px; padding: 0 12px; background-color: #ffffff; border-radius: 4px; border: 1px solid #A6B2C0; color: #000000;}
+.U_MD_O_H_body_left_href_pay_aText { float: left; width: calc(100% - 135px); min-width: 165px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
+.U_MD_O_H_body_left_href_pay_Btn:hover { border: 1px solid #3f8bdd; color: #3f8bdd}
+
+.U_MD_O_H_body_left_template_name { height: 30px; border: 1px #d6dff0 solid; background: #f8fcfd; border-bottom: none; /* margin-top: 20px; */ line-height: 30px; }
+.U_MD_O_H_body_left_template_name_a { font-size: 14px; display: block; float: left; margin-left: 10px; line-height: 30px; }
+.U_MD_O_H_body_left_template_name_right { float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; background: #fff; text-align: center; height: 21px; line-height: 21px; }
+
+.U_MD_O_H_body_left_template_user { background: #ffffff; }
+.U_MD_O_H_body_left_template_user_m { width: 72px; display: inline-block; vertical-align: top; margin: 5px 12px;cursor:pointer; }
+.U_MD_O_H_body_left_template_user_m_s { width: 70px; height: 100px; border: 1px solid #CDCDCD; background-size: contain; }
+.U_MD_O_H_body_left_template_user_m_x { display: -webkit-box; overflow: hidden; margin-top: 5px; width: 70px; max-height: 32px; text-align: center; text-overflow: ellipsis; white-space: pre-wrap; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
+
+
+.U_MD_O_H_body_left_template_user_a { width: 20%; margin: 10px; display: block; float: left; }
+.U_MD_O_H_body_main_text { text-align: left; margin: 0 10mm; overflow: hidden; display: inline-block; height: 269mm;width:calc(100% - 20mm) }
+.U_MD_O_H_body_main_text div {padding: 0; }
+.U_MD_O_H_body_main_text { word-break: break-all; word-wrap: break-word; outline: none; font-size: 14px; font-family: Calibri (西文正文); }
+
+
+.U_MD_O_H_body_main_text_p { float: left; font-size: 18px; font-weight: bold; display: block; width: 100%; height: 50px; }
+.U_MD_O_H_body_main_text_a { font-size: 16px; text-indent: 2em; display: block; line-height: 30px; }
+
+
+.U_MD_O_W_Nav .U_MD_O_H_body{ min-width: 1130px; width: 90%; }
+.U_MD_O_W_Nav .U_MD_O_H_body_main{ width: calc(100% - 310px); }
+.U_MD_O_W_Nav .U_MD_O_H_pageSize { width:100%;}
+
+
+/*陌生人查找-协同办公  弹窗1 顶部窗口栏*/
+.U_MD_O_W_Paper { width: 817px; height: 560px; border: 1px solid #DFDFDF; border-radius: 3px 3px 3px 3px; z-index: 20; position: fixed; left: 30%; top: 20%; background: #FFF; }
+.U_MD_O_W_Paper_Topbox { height: 34px; border-bottom: 1px solid black; background-color: #3c475b; line-height: 34px; }
+.U_MD_O_W_Paper_title { font-size: 14px; float: left; color: White; margin-left: 5px; font-weight: bold; }
+.U_MD_O_W_Paper_close { float: right; margin-top: 6px; margin-right: 4px; }
+
+/*陌生人查找-协同办公  弹窗1弹窗2公共部分 中间搜寻方式*/
+.U_MD_O_W_Paper_searchBox { position: relative; width: 817px; height: 103px; }
+.U_MD_O_W_Paper_searchmode { position: relative; width: 817px; height: 52px; background-color: #DFDFDF; }
+.U_MD_O_W_Paper_searchmode_ul { margin-left: 260px; width: 417px; height: 22px; text-align: center; padding-top: 17px; }
+.U_MD_O_W_Paper_searchmode_li { width: 87px; float: left; font-size: 18px; font-weight: bold; }
+.U_MD_O_W_Paper_searchmode_li img { margin-top: 7px; }
+.U_MD_O_W_Paper_searchmode_static { display: none; }
+/*查找窗口 公共部分*/
+.U_MD_O_W_Paper_searchwindow { width: 817px; height: 30px; margin-top: 5px; }
+.U_MD_O_W_Paper_window { float: left; width: 355px; height: 30px; margin-left: 207px; }
+.U_MD_O_W_Paper_button { width: 83px; height: 32px; float: right; border: 1px solid #CCC; border-radius: 6px 6px 6px 6px; text-align: center; line-height: 32px; background-color: #1d75ce; margin-right: 155px; color: White; font-size: 14px; }
+
+/*用户列表窗口*/
+.U_MD_O_W_Paper_bodyBox { width: 818px; height: 442px; position: relative; margin-left: 20px; }
+.U_MD_O_W_Paper_bodyBox_title { height: 30px; font-size: 18px; margin-left: 15px; margin-top: 3px; }
+/*用户头像*/
+.U_MD_O_W_Paper_bodyBox_person { height: 96px; width: 260px; float: left; }
+.U_MD_O_W_Paper_bodyBox_person_pic { height: 103px; width: 90px; float: left; }
+.U_MD_O_W_Paper_bodyBox_person_pic img { margin: 10px 10px; }
+/*详细信息*/
+.U_MD_O_W_Paper_bodyBox_person_ul { margin-top: 7px; height: 90px; width: 53px; float: left; }
+.U_MD_O_W_Paper_bodyBox_person_ul div { width: 53px; margin-bottom: 7px; font-size: 14px; }
+.U_MD_O_W_Paper_bodyBox_person_active { background-color: #1d75ce; border-radius: 3px 3px 3px 3px; text-align: center; color: White; }
+.U_MD_O_W_Paper_bodyBox_fenge { width: 780px; height: 95px; border-bottom: 1px solid #DFDFDF; }
+/*地址信息*/
+.U_MD_O_W_Paper_bodyBox_person_address { width: 70px; height: 100px; float: left; margin-top: 35px; }
+.U_MD_O_W_Paper_bodyBox_person_address span { margin-top: 100px; height: 100px; font-size: 14px; }
+
+/*窗口14 修改纸张大小*/
+.U_MD_O_W_Paper4 { margin: 8px 10px; }
+.U_MD_O_W_Paper4_Title { font-size: 16px; font-weight: bold; }
+.U_MD_O_W_Paper4_Main { font-size: 13px; padding: 5px 15px; cursor: pointer; margin: 5px 0; }
+.U_MD_O_W_Paper4_Main:hover { background-color: #eaeaea; }
+.U_MD_O_W_Paper4_Main_Name { font-size: 15px; font-weight: bold; }
+
+.U_MD_O_W_Paper_A3 { width: 297mm; height: 420mm;margin:10px }
+.U_MD_O_W_Paper_A3C { width: 287mm; height: 390mm;margin:10px; }
+.U_MD_O_W_Paper_A4 { width: 210mm; height: 297mm; margin:10px}
+.U_MD_O_W_Paper_A4C { width: 200mm; height: 267mm; margin:10px}
+.U_MD_O_W_Paper_A5 { width: 148mm; height: 210mm; margin:10px}
+.U_MD_O_W_Paper_A5C { width: 138mm; height: 180mm; margin:10px}
+.U_MD_O_W_Paper_Web { width: 95%; min-height:210mm;min-height:420mm;margin:10px }
+.U_MD_O_W_Paper_WebC { width: 95%; min-height:180mm;min-height:390mm; margin:10px}
+
+/*窗口16 插入表格*/
+.U_MD_O_W_Paper6 { padding: 10px; height: 190px; font-size: 14px; }
+.U_MD_O_W_Paper6_main { position: relative; }
+.U_MD_O_W_Paper6_title { font-size: 16px; }
+.U_MD_O_W_Paper6_OneLine { margin: 10px 0; padding: 0 10px; }
+.U_MD_O_W_Paper6_OneLine span { display: inline-block; line-height: 27px; }
+.U_MD_O_W_Paper6_OneLine input { float: right; display: inline-block; width: 150px; height: 25px; }
+.U_MD_O_W_Paper6_block { position: absolute; margin: 2px; width: 20px; height: 20px; border: 1px solid #9e9e9e; }
+
+
+/*窗口17 更多*/
+.U_MD_O_W_Paper7_Main { border-bottom: 1px solid #f1f1f1; line-height: 65px; width: 100%; text-indent: 30px; font-size: 20px; }
+.U_MD_O_W_Paper7_Main_Icon { width: 30px; height: 30px; background: url(img/Editor_img1.png) no-repeat; float: left; background-position: -44px -81px; margin: 17.5px 18px; }
+
+/*窗口18 邀请好友*/
+.U_MD_O_W_Paper8 { padding: 30px 40px; font-weight: 700; }
+.U_MD_O_W_Paper8_Set_Tag { font-size: 16px; line-height: 30px; }
+.U_MD_O_W_Paper8_Set_Yu { overflow: hidden; position: absolute; bottom: 45px; left: 185px; }
+.U_MD_O_W_Paper8_Set_Yu_Text { padding-top: 20px; font-size: 14px; float: left; }
+.U_MD_O_W_Paper8_Set_Yu_Ming { padding-top: 20px; font-size: 14px; float: left; color: #0033cc; cursor: pointer;}
+.U_MD_O_W_Paper8_Set_Tag > span { margin-left: 10px; font-size: 12px; line-height: 35px; }
+.U_MD_O_W_Paper8_Set_Name { color: #2c5ca4; font-size: 16px; }
+.U_MD_O_W_Paper8_Set_Name > input { margin-left: 5px; height: 40px; }
+.U_MD_O_W_Paper8_Set_Hint { padding: 10px 20px 0; color: #a00; font-size: 12px; line-height: 18px; }
+.U_MD_O_W_Paper8_Btn { width: 100%; height: 40px; }
+.U_MD_O_W_Paper8_Btn > div { float: right; margin: 0 6px; width: 85px; height: 33px; border: 1px solid #ccc; border-radius: 5px; text-align: center; line-height: 33px; /* padding: 0 10px; */ }
+.U_MD_O_W_Paper8_Btn > div:hover { background-color: #1e75ce; color: #fff; }
+.U_MD_O_W_Paper8_Set_Alert { padding-top: 20px; width: 100%; height: 20px; font-size: 12px; line-height: 20px; }
+.U_MD_O_W_Paper8_Set_Alert > div { display: inline-block; color: #1e75ce; text-decoration: underline; }
+.U_MD_O_W_Paper8_Que_Tag { margin: 35px auto 0; text-align: center; font-size: 14px; line-height: 30px; }
+.U_MD_O_W_Paper8_Que_Url { padding: 15px; text-align: center; font-size: 14px;border: none;margin-left: 30%; }
+.U_MD_O_W_Paper8_Que_Con { display: inline-block; vertical-align: top; margin: 25px 0px; line-height: 25px; text-align: left; font-size: 14px;margin-top: -10px; }
+.U_MD_O_W_Paper8_Que_QR { float:left;overflow:hidden; }
+.U_MD_O_W_Paper8_Que_Code { margin: 20px auto -25px; padding: 20px 0px; border-top: 1px solid #ccc; text-align: center; }
+.U_MD_O_W_Paper8_Que_Code > img { display: inline-block; width: 180px; height: 180px; }
+.U_MD_O_W_Paper8_Sanfang { margin-top: 5px; }
+.U_MD_O_W_Paper8_Sanfang_Weibo { width:35px; height:35px; float:left; cursor: pointer; background: url(img/Xinlang.png) no-repeat; margin-right: 30px;  }
+.U_MD_O_W_Paper8_Sanfang_Kongjian { width:35px; height:35px; float:left; cursor: pointer; background: url(img/Kongjian.png) no-repeat; }
+
+.U_MD_O_H_body_right { height: 315px; width: 285px; margin: 15px 0 0 30px; float: left; }
+.U_MD_O_H_body_right_user { }
+.U_MD_O_H_body_right_user_o { padding: 7px; border-bottom: 1px solid #DEDEDE; }
+.U_MD_O_H_body_right_user_o_l { width: 40px; height: 40px; float: left; }
+.U_MD_O_H_body_right_user_o_l img { width: 50px; height: 50px; }
+.U_MD_O_H_body_right_user_o_r { margin-left: 60px; }
+.U_MD_O_H_body_right_user_o_r_s { width: 100%; height: 20px; line-height: 20px; }
+.U_MD_O_H_body_right_user_o_r_s_l { font-weight: bold; float: left; font-size: 14px; }
+.U_MD_O_H_body_right_user_o_r_s_r { float: right; }
+.U_MD_O_H_body_right_user_o_r_x { height: 25px; margin-top: 5px; }
+.U_MD_O_H_body_right_user_o_r_x div { width: 50px; height: 25px; line-height: 25px; color: #FFF; text-align: center; background-color: #6C82A7; float: left; cursor: pointer; }
+.U_MD_O_H_body_right_user_o_r_x_l { }
+.U_MD_O_H_body_right_user_o_r_x_r { margin-left: 10px; }
+.U_MD_O_H_body_right_user_o_r_all{ height: 30px; width: 285px;text-align:center;}
+.U_MD_O_H_body_right_user_o_r_all_a{margin:0 auto;margin-top:5px;border:1px solid #cbd3e3;width:90px;height:17px;text-align:center;}
+.U_MD_O_H_body_right_user_o_r_nr{width:88%;margin:0 auto;margin-top:15px;}
+.U_MD_O_H_body_right_user_o_r_all_nr{width:80%;min-width:560px;margin:0 auto;margin-top:15px;float:left;}
+.U_MD_O_H_body_btn{width:72px;height:22px;float:right;color:#fff;padding-top:5px;background:#7288a3;text-align:center;margin-top: -30px;}
+.U_MD_O_H_body_btn_img1{height:12px;width:12px;float:right;margin-top:3px;margin-right: 10px;background-image:url(../../img/zk.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}
+.U_MD_O_H_body_btn_img2{height:12px;width:12px;float:right;margin-top:3px;margin-right: 10px;background-image:url(../../img/sq.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}
+
+
+/*.U_MD_O_H_Nav {height:42px;margin-bottom: 15px;text-align:center;line-height:42px;}
+.U_MD_O_H_Nav_Box { width: calc(100% - 42px); height: 100%; overflow-x:auto;  user-select:none;  }
+.U_MD_O_H_Nav_Box > span { float:left; width:25%; height:100%; position:relative;}
+
+.U_MD_O_H_Nav_Span, .U_MD_O_H_Nav_Span:hover, .U_MD_O_H_Nav_Box > span:focus  { background-color:#505050 !important; color:White;  }
+.U_MD_O_H_Nav_Box > span:hover{ background-color:#737575; color:White;  }
+
+.U_MD_O_H_Nav_Add { float:right; width:42px; height:100%; background-color:#ccc; color:White; }
+.U_MD_O_H_Nav_Add:hover { background-color:#949494; } */
+
+.U_MD_O_W_N_Logo {background: url(img/Logo_.png) no-repeat;background-size: cover;margin: 20px auto;width: 77px;height: 77px;border: 1px solid #eeeeee;border-radius: 100%;text-align: center;line-height: 77px;overflow: hidden;}
+.U_MD_O_W_N_NavBox {height:425px; overflow:auto; }
+.U_MD_O_W_N_Bottom {border-top: 1px solid rgb(214, 222, 240);margin-top:15px;padding:12px 0;text-align: center; }
+.U_MD_O_W_N_Bottom button { width:113px; height:34px;   margin: 0 14px;line-height: 34px;padding: 0 10px;border-radius: 3px;background: #fff;box-shadow: rgb(194, 194, 194) 0px 1px 3px;border: 1px solid #ccc;}
+
+.U_MD_O_W_N_uploadbutton{margin-top:15px;padding:12px 0;text-align: center;}
+.U_MD_O_W_N_localupload{display:none;padding:0 10px; margin: 0 14px; line-height: 25px;}
+.U_MD_O_W_N_uploadbutton button{width: 85px; height: 25px; padding:0 10px; margin: 0 14px; line-height: 25px;padding: 0 10px;border-radius: 3px;background: #fff;box-shadow: rgb(194, 194, 194) 0px 1px 3px;border: 1px solid #ccc;}
+.U_MD_O_W_N_localupload2{padding:0 10px; margin: 0 14px; line-height: 25px;}
+
+.U_UF_E_Table_tdCheckd{background-color: #b5d6fd;}  /*表格选中时的背景颜色*/
+.U_UF_E_Table_tdCurrent{border: 3px solid #5a9eec !important;}/*表格聚焦时的边框颜色*/
+.U_UF_E_Table_tdText{min-height:100%;height: 100% !important;width: 100%;outline: 0;word-wrap: break-word;padding: 0;resize: none;border: 0;vertical-align: top;font-size: 16px;font-family: "Microsoft YaHei";background: transparent; overflow:hidden}/*表格的文本框样式*/
+.U_UF_E_Table_peak{z-index: 1;} /*添加最上层 样式*/
+
+.U_MD_O_ctrlPress a { cursor:pointer!important; } /*A标签样式*/
+.U_MD_O_H_wordEditor span { white-space: pre-wrap;word-wrap: break-word; }
+       
+
+.U_MD_O_attachment_wrapper{width:260px;height:40px;padding:8px 5px 5px;display:block;vertical-align:middle;background-color:#f1f1f1;border:1px solid #e6e6e6;border-radius:2px;text-align:left;white-space:unset;margin:5px auto;}
+.U_MD_O_attachment_wrapper_img{display:inline-block;height:30px;width:30px;margin:0 5px;vertical-align:middle;background-image: url("img/Office/attachment.png");background-size: cover;} 
+.U_MD_O_attachment_fileinfo{display:inline-block;vertical-align:middle;width:200px;font-size:10pt;line-height:20px}
+.U_MD_O_attachment_fileinfo span{display:block;white-space:nowrap}
+.U_MD_O_attachment_wrapper a{text-decoration: none;font-size: 10pt;display: inline-block;vertical-align: bottom;margin-left: -12px;}

css/Office/Word/WordTools.css

@@ -0,0 +1,13 @@
+.U_MD_O { width: auto; height: 100%; overflow: hidden; font-family: arial,sans-serif; clear: both; }
+.U_MD_O_O { overflow: hidden; }
+.U_MD_O_OL { width: 40px; float: left; }
+.U_MD_O_OLS { height: 28px; width: 100%; }
+.U_MD_O_OLX div { height: 27px; border-top: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; text-align: center; line-height: 100%; }
+/*表格选中时的背景颜色*/
+.U_MD_O_W_Table_tdCheckd { background-color: #b5d6fd; }
+/*表格聚焦时的边框颜色*/
+.U_MD_O_W_Table_tdCurrent { border: 3px solid #5a9eec !important; }
+/*表格的文本框样式*/
+.U_MD_O_W_Table_tdText { min-height: 100%; width: 100%; outline: 0; word-wrap: break-word; padding: 0; resize: none; border: 0; vertical-align: top; font-size: 16px; font-family: "Microsoft YaHei"; }
+/*添加最上层 样式*/
+.U_MD_O_W_Table_peak { z-index: 1; }

css/Reply/Reply.css

@@ -0,0 +1,85 @@
+.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;}

css/Reply/main.css

@@ -0,0 +1,308 @@
+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;
+}

css/Text/Text.css

@@ -0,0 +1,44 @@
+/*文本编辑器*/
+.U_MD_F_T_X { border-radius: 15px; background-color: White; overflow: hidden; width: 800px; height: 500px; z-index: 100; border: 1px solid #AAA; display: none; }
+.U_MD_F_T_XT { height: 25px; }
+.U_MD_F_T_XT div { float: left; }
+.U_MD_F_T_XTL { font-family: 宋体; margin-left: 10px; }
+.U_MD_F_T_XTLI { width: 22px; height: 22px; margin-top: 2px; }
+.U_MD_F_T_XTLI img { width: 22px; height: 22px; border-radius: 50%; }
+.U_MD_F_T_XTLN { margin-left: 8px; font-size: 14px; line-height: 25px; font-weight: bold; color: #FFF; }
+.U_MD_F_T_XTLM { line-height: 27px; margin-left: 10px; color: #efefef; }
+.U_MD_F_T_XTZ { line-height: 25px; height: 25px; margin-left: 15px; }
+.U_MD_F_T_XTZI { width: 25px; height: 25px; background-position: -501px -995px; }
+.U_MD_F_T_XTZN { width: 150px; height: 24px; border-bottom: 1px solid #ccc; margin-left: 5px; }
+.U_MD_F_T_XTZN input { line-height: normal; line-height: 24px\9; font-size: 14px; font-family: 微软雅黑; height: 24px; background-color: transparent; width: 150px; border: 0; outline: 0; color: #FFF; }
+.U_MD_F_T_XZ { height: 25px; padding: 5px 0; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; line-height: 25px; background-color: #FAFAFA; }
+.U_MD_F_T_XZ div { float: left; }
+.U_MD_F_T_XZO { margin-left: 5px; }
+.U_MD_F_T_XZL { border-right: 1px solid #ccc; padding: 2px 12px 0 8px; cursor: pointer; }
+.U_MD_F_T_XZLI { background-position: -652px -182px; width: 22px; height: 22px; margin-top: 2px; }
+.U_MD_F_T_XZR { border-right: 1px solid #ccc; margin-left: 5px; padding: 2px 8px 0 8px; cursor: pointer; }
+.U_MD_F_T_XZRI { background-position: -682px -182px; width: 22px; height: 22px; margin-top: 2px; }
+.U_MD_F_T_XX { overflow-x: hidden; overflow-y: auto; background-color: White; }
+.U_MD_F_T_XXO { padding: 5px 10px 10px 10px; margin: 0; border: 0; color: #000; font-size: 13px; word-wrap: break-word; word-break: normal; overflow-x: hidden; overflow-y: auto; outline: none; resize: none; }
+.U_MD_F_T_XXO * { margin: 0; padding: 0; }
+.U_MD_F_T_Text { width: calc(100% - 10px); height: calc(100% - 51px); padding:5px; border: 0px; resize: none; margin-top: 1px; font-size: 16px; font-family: sans-serif; overflow: auto; }
+/*内部的text对象css*/
+.U_MD_F_T_Text_center { width: 100%; height: 40px; line-height: 40px; color: white; background: #fafafa; border-bottom: 1px solid #a5a3a3; }
+/*创建后中间div的CSS*/
+.UD_fontFamily, .UD_fontSize { height: 25px; margin-top: 8px; margin-left: 10px; }
+/*字体，字号的css*/
+
+.U_MD_F_T_Text_div { overflow:hidden; }
+/*初始化后最外层div对象CSS*/
+.U_MD_F_T_New { }
+/*新建按钮div对象CSS*/
+.U_MD_F_T_New_img { }
+/*新建按钮图片CSS*/
+.U_MD_F_T_New_span { }
+/*新建按钮的字CSS*/
+.U_MD_F_T_Save { }
+/*保存按钮div对象CSS*/
+.U_MD_F_T_Save_img { }
+/*保存按钮图片CSS*/
+.U_MD_F_T_Save_span { }
+/*保存按钮的字CSS*/

css/User/LoginAndRegister.css

@@ -0,0 +1,101 @@
+/*整体样式*/
+html        { }
+html, body { overflow:hidden; background-color: #e1e3e4; 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; }
+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; }
+.U_Img           { background-image:url(img/YS2017.png); _background-image:url(img/YSD2014.gif); }
+
+/*登录注册样式*/
+.U_MD_U_L_login { height: 480px; padding: 0 30px 0 30px; overflow: hidden; display: block; }
+.U_MD_U_L_Top { margin: 18px auto 0 auto; overflow: hidden; }
+.U_MD_U_L_Top_Box { width: 190px; margin: auto;}
+.U_MD_U_R_I { padding: 0 2px; }
+.U_MD_U_L_T { display: none; padding: 0 2px; }
+.U_MD_U_L_overflow { overflow: hidden; }
+.U_MD_U_L_Top_Yun { color: #444; float: none; width: 100%; margin-top: 10px; font-size: 14px; }
+.U_MD_U_L_Top_Yun span { color: #0066cc; cursor: pointer; font-size: 14px; }
+.U_MD_U_L_Top_Yun span:hover { text-decoration: underline; }
+.U_MD_U_L_LS { margin-top: 20px; height: 20px; line-height: 20px; }
+.U_MD_U_L_LS_Checkbox { margin: 3px 0 0 5px; float: left; }
+.U_MD_U_L_LS_Txt { margin-left: 3px; float: left; color: grey; }
+.U_MD_U_L_LS_FP { float: right; color: grey; cursor: pointer; }
+.U_MD_U_L_LS_FP:hover { text-decoration: underline; }
+.U_MD_U_R_Submit, .U_MD_U_L_Login_B { cursor: pointer; margin: 20px auto 0 auto; line-height: 40px; text-align: center; font-size: 15px; color: #fff; border-radius: 4px; background-color: #0079da; box-shadow: 1.5px 3.71px 5px 0 rgba(0,126,255,.37); width: 100%; height: 40px; }
+.U_MD_U_L_Login_B:hover { background-color: #0090FF; }
+.U_MD_U_L_R_B { margin-top: 10px; color: #0066cc; cursor: pointer; height: 20px; font-size: 14px; text-align: right; }
+.U_MD_U_L_R_B:hover { text-decoration: underline; }
+.U_MD_U_F_Container { height: 20px; }
+.U_MD_U_L_login_O { margin-top: 10px; text-align: center; color: #3e3e3e; }
+.U_MD_U_L_login_O_T { margin-top: 18px; height: 58px; width: 100%; font-family: 宋体; }
+.U_MD_U_L_login_O_T_app { height: 20px; cursor: pointer; border-radius: 30px; width: 33.3333%; float: left; text-align: center; }
+.U_MD_U_L_login_O_T_app_I { margin: 2px 0 0 8px; width: 16px; height: 18px; overflow: hidden; margin-left: 37%; display: none; }
+.U_MD_U_L_login_O_T_app_I a, .U_MD_U_L_login_O_T_app_Q div, .U_MD_HomeCOSLQL img { padding: 0; margin: 0; border: 0; }
+.U_MD_U_L_login_O_T_app_QQ { width: 21px; height: 20px; margin-top: 0; }
+.U_MD_U_L_login_O_T_app_QQ div { margin: -2px 0 0 -2px; }
+.U_MD_U_L_login_O_T_app_WX_I { background-position: -815px -1072px; }
+.U_MD_U_L_LB { width: 100%; }
+.U_MD_U_F_RP { margin-top: 10px; }
+.U_MD_U_L_Box_Txt { width: 20px !important; height: 24px; margin-top: 5px; line-height: 18px; float: right; }
+.U_MD_U_L_Box_Txt_Img { width: 20px !important; width: 18px; margin-top: 0px; height: 27px; background-position: -1009px -33px; }
+.U_MD_U_L_Box_Txt_Img_BP { background-position: -947px -33px; }
+.U_MD_U_L_Box_height { margin-top: 15px; padding: 4px 10px; height: 32px; }
+.U_MD_U_L_Box_checkUseNameFormat{ float: left;margin-top: 3px;color: #CD1717;margin-left: 15px;}
+.U_MD_U_L_Box_checkPWFormat{float: left;margin-top: 5px;color: #CD1717;margin-left: 15px;}
+.U_MD_U_L_Box_style { border-width: 1px; border-color: #e5e5e5; border-style: solid; border-radius: 5px; background-color: #fdfdfd; height: 33px; margin-top: 25px; }
+.U_MD_U_L_Box_Border { border: 1px solid #488ee7; }
+.U_MD_U_L_Box_mistakeBorder { border: 1px solid rgba(219,52,52,1); }
+.U_MD_U_L_Box_P_B { background-color: #fff; }
+.U_MD_U_L_Box_U_B { background-color: #fff; }
+.U_MD_U_L_Box_B { background-color: #fff; }
+.U_MD_U_L_Box_style div { }
+.U_MD_U_L_Box_style input { line-height: normal; line-height: 33px\9; height: 33px; width: 245px; color: #000; padding: 0; }
+.U_MD_U_L_Box_style i {display: block; height: 21px; line-height: 21px; font-size: 14px; margin: -25px 0 0 0; color: #aeaeae; font-size: 12px; text-indent: 0.7em; font-style:normal; }
+.U_MD_U_R_VC { width: 100%; margin-top: 25px; height: 42px; }
+.U_MD_U_R_VC_I { width: 139px; padding-top: 10px; float: left; background-color: #fff; border-radius: 5px; border-width: 1px; border-color: #e5e5e5; border-style: solid; }
+.U_MD_U_R_VC_I input { line-height: normal; line-height: 22px\9; width: 140px; height: 22px; }
+.U_MD_U_R_VC_I i { display: block; height: 21px; line-height: 21px; color: #aeaeae; padding: 0; margin: -21px 0 0 0; line-height: 21px; width: 132px; text-indent: 10px; }
+.U_MD_U_R_VC_Img { width: 88px; height: 26px; float: left; margin: 7px 0 0 10px; }
+.U_MD_U_R_VC_Img img { width: 90px; height: 30px; }
+.U_MD_U_R_VC_Img_R { margin-left: 8px; color: #808080; line-height: 62px; float: left; cursor: pointer; }
+.U_MD_U_R_VC_Img_R:hover { text-decoration: underline; }
+.U_MD_U_R_Protocol { margin-top: 27px; width: 100%; height: 21px; line-height: 21px; }
+.U_MD_U_R_Protocol_O { float: left; margin-left: 10px; color: #444; }
+.U_MD_U_R_Protocol_O span { color: red; cursor: pointer; }
+.U_MD_U_R_Protocol_O span:hover { text-decoration: underline; }
+.U_MD_U_F_T { color: grey; font-size: 14px; border-bottom: 1px solid #d6d7d8; padding-bottom: 12px; width:197px; margin:10px auto 0 auto; }
+.U_MD_U_F_T_span { /* cursor:pointer; */ }
+.U_MD_U_F_T_span:hover { /* text-decoration:underline */ }
+.U_MD_U_F_Submit { background-color: #FF2B2A; box-shadow: none; margin-top: 34px; }
+.U_MD_U_F_BL { margin-top: 33px; height: 20px; line-height: 20px; }
+.U_MD_U_F_BL_O { float: right; margin-right: 10px; color: grey; font-size: 14px; cursor: pointer; }
+.U_MD_U_F_BL_O:hover { text-decoration: underline; }
+.U_MD_U_F_T span img { position: relative; right: 9px; top: 5px; }
+.U_MD_U_F_T span img:last-child { top: 2px; }
+.U_MD_U_F_T span { cursor: pointer; padding:10px 20px; }
+.U_MD_U_F_T_Hover { border-bottom: 1px solid #7F8081; }
+/* .U_MD_U_F_T>span:hover{border-bottom: 1px solid #7F8081;} */
+/*外链登录*/
+.U_MD_U_OT_B { background-color: #fff; }
+.U_MD_U_OT_T { width: 100%; padding-top: 15px; }
+.U_MD_U_OT_T_I { height: 245px; padding-left: 25px; }
+.U_MD_U_OT_T_I_T { width: auto; height: 20px; color: Red; font-size: 14px; }
+.U_MD_U_OT_Login { margin-top: 10px; width: 100%; height: 20px; }
+.U_MD_U_OT_Login_I { float: left; font-size: 13px; line-height: 20px; vertical-align: text-bottom; }
+.U_MD_U_OT_Login_I span { font-size: 15px; color: #00d10f; }
+.U_MD_U_OT_Data { margin-top: 23px; width: 350px; }
+.U_MD_U_OT_Data_I { width: 350px; height: 40px; background-color: #e4e4e4; }
+.U_MD_U_OT_Data_I i { margin: -28px 0 0 8px; }
+.U_MD_U_OT_Data input { width: 343px; height: 38px; border: none; outline: 0; color: #666; line-height: normal; line-height: 38px\9; background-color: transparent; padding-left: 5px; }
+.U_MD_U_OT_Data_T { height: 20px; }
+.U_MD_U_OT_Complete { width: 100%; height: 30px; }
+.U_MD_U_OT_Complete div { float: right; height: 30px; color: #fff; font-size: 15px; text-align: center; font-weight: 500; line-height: 30px; cursor: pointer; margin-right: 25px; }
+.U_MD_U_OT_Complete_O { width: 80px; background-color: #3398ff; }
+.U_MD_U_OT_Cancel { width: 65px; background-color: #c1c1c1; }
+
+.U_MD_U_L_Box_I          { overflow:hidden; height:33px; float:left; }
+.U_MD_U_L_Box_I  div     { width:100%; height:100%; }
+.U_MD_U_L_Box_I  input   { border:0; outline:none; line-height:normal; line-height:32px\9;  vertical-align:middle; height:32px; padding:0 0 0 5px; background:none; text-indent: 5px; }
+
+.U_MD_U_L_Top_Img { float: left; background:url("img/Logo_.png") 0px 0px / 100% 100% no-repeat #e1e3e4;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/Logo_.png,sizingMethod=scale); width: 70px; height: 70px; background-size: contain; }
+.U_MD_U_L_Top_Txt { font-size: 30px; margin: 0 0 0 5px; font-family: 微软雅黑; color: #444444; height: 70px; line-height: 64px; }
+.U_MD_U_L_Top_Txt { font-size: 30px; margin: 0 0 0 5px; font-family: 微软雅黑; color: #444444; height: 70px; line-height: 64px; }

css/User/UserView.css

@@ -0,0 +1,124 @@
+/*new*/
+.U_MD_U_P_Uc_B  { height:100%;}
+
+/*common*/
+.U_MD_U_P_tab_user_inpText   { max-width: 290px; width: 100%; height: 28px; margin-left:35px; padding-left: 10px;border:1px solid #cccccc; border-radius: 6px; color: #A0A0A0;}
+.U_MD_U_P_tab_user_inpText:focus { border:1px solid #2967A7; color: #000000;}
+.U_MD_U_P_tab_user_otherMaxWidth { max-width: 250px }
+.U_MD_U_P_tab_user_errorInp { background-color: #FBE2E2; border: 1px solid #DB3434; color: #DB3434;}
+.U_MD_U_P_tab_user_emptyInp { border: 1px solid #DB3434; }
+.U_MD_U_P_tab_errorAlear    { position: absolute; width: 18px; height: 18px; margin: 6px 0 0 4px; background-position: -763px -3px; background-image: url(img/YS2017.png);}
+.U_MD_U_P_tab_errorAlear::after { content:attr(alt); color: #DB3434; position: absolute; margin-left: 18px; white-space: pre; font-style: normal;}
+.U_MD_U_P_tab_hidden    { display: none;}
+.U_MD_U_P_tab_show  { display: block: }
+
+/*弹框右侧内容*/
+.U_MD_U_P_left    { float:left; height:100%; padding:0 40px; background-color: #F5F5F5}
+.U_MD_U_P_simpleInfo  { margin-top: 27px; text-align: center;}
+.U_MD_U_P_simpleInfo_heads { position:relative; display: block; width: 80px; height: 80px; border-radius: 50%; overflow:hidden; cursor: pointer; }
+.U_MD_U_P_simpleInfo_heads::after    { content:'上传新图片'; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); color:#ffffff; line-height: 80px;}
+.U_MD_U_P_simpleInfo_heads:hover::after { visibility: unset; }
+.U_MD_U_P_simpleInfo_name { max-width: 80px; margin-top: 18px; font-size: 16px; font-weight: bold; text-overflow: ellipsis; overflow: hidden;}
+.U_MD_U_P_simpleInfo_address  { margin-top: 8px;}
+
+/*保存取消设置按钮*/
+.U_MD_U_P_right_dataBtn   { position: absolute; right: 10px; bottom: 10px; }
+.U_MD_U_P_right_btn       { display:inline-block; padding: 8px 20px; border-radius: 3px; cursor: pointer; }
+.U_MD_U_P_right_Cbtn    { background-color: #ffffff; border: 1px solid #A6B2C0; color: #7D7D7D;}
+.U_MD_U_P_right_Sbtn    { min-width: 4em; margin-left: 22px; background-color: #2967A7; color: #ffffff; text-align: center;}
+.U_MD_U_P_right_Cbtn:hover  { background-color: #DB3434; color: #ffffff; border: 1px solid transparent;}
+.U_MD_U_P_right_Sbtn:hover  { background-color: #347FDB;}
+
+/*弹框右侧内容+选项卡*/
+.U_MD_U_P_right   { position:relative; float:left; width:503px; height:100%; }
+.U_MD_U_P_tab     { height: 38px; padding-left: 14px; font-size: 14px; border-bottom: 1px solid #4040401a; }
+.U_MD_U_P_tab_item    { display:inline-block; height: 100%; margin-right: 15px;}
+.U_MD_U_P_tab_inp     { position:absolute; visibility:hidden;}
+.U_MD_U_P_tab_label   { display: inline-block; padding: 10px 8px 8px; cursor:pointer; font-family: "PingFangSC-Regular, sans-serif";}
+.U_MD_U_P_tab_label:hover { border-bottom: 2px solid #2967A7; color: #2967A7;}
+.U_MD_U_P_tab_lable_content   { display: none; position:absolute; left:21px; right:104px; font-size: 12px;}
+.U_MD_U_P_tab_lable_content_item  { margin-top:20px }
+.U_MD_U_P_tab_lable_content_item::before  { content:attr(mark); position: absolute; margin: 6px 0 0 -10px; color: red; font-size: 18px; }
+.U_MD_U_P_tab_inp:checked ~ .U_MD_U_P_tab_label  { border-bottom: 2px solid #2967A7; color: #2967A7;}
+.U_MD_U_P_tab_inp:checked ~ .U_MD_U_P_tab_lable_content { display:block; }
+
+/*用户基础信息*/
+.U_MD_U_P_tab_user_textarea  { max-width: 295px; width: 100%; height: 110px; margin-left: 11px; padding:4px; border:1px solid #cccccc; border-radius: 6px; vertical-align: -92px; color: #A0A0A0;}
+.U_MD_U_P_tab_user_textarea:focus   { border: 1px solid #2967A7; color: #000000;}
+.U_MD_U_P_tab_user_sexRadio  { display: inline-block; height: 30px; line-height: 30px; padding-right: 10px; margin-left: 34px;}
+.U_MD_U_P_tab_user_sexRadio > label { cursor:pointer; }
+.U_MD_U_P_tab_user_radio    { margin:0 6px; vertical-align: middle; cursor:pointer; }
+
+/*账号安全*/
+.U_MD_U_P_tab_accountRadio  { position: absolute; visibility: hidden; }
+.U_MD_U_P_tab_accountBtn    { display:inline-block; margin-right: 15px; padding:2px 8px; border: 1px solid #727272; border-radius: 4px; color: #727272; font-size: 14px; cursor: pointer; }
+.U_MD_U_P_tab_accountBtn:hover  { background-color: #347FDB !important; border: 1px solid #347FDB !important; color: #ffffff}
+.U_MD_U_P_tab_accountRadio:checked + .U_MD_U_P_tab_accountBtn   { background-color: #007BBB; border: 1px solid #007BBB; color: #ffffff;}
+.U_MD_U_P_tab_lable_account_content { display: none; }
+#U_MD_U_P_tab_modify:checked ~ .U_MD_U_P_tab_modify, #U_MD_U_P_tab_reset:checked ~ .U_MD_U_P_tab_reset  { display: block; }
+.U_MD_U_P_tab_lable_accountNext { display: none; margin-top: 15px;}
+.U_MD_U_P_tab_account_authBtn   { display: inline-block; margin-left: 12px; padding: 6px 14px; border: 1px solid #2967A7; border-radius: 4px; color: #2967A7; vertical-align: top; cursor: pointer; }
+.U_MD_U_P_tab_account_authBtn:hover { background-color: #2967A7; color: #ffffff}
+#U_MD_U_P_authCodeBtn   { min-width: 5em; text-align: center;}
+
+
+/* 用户信息查看 */
+.U_MD_U_UV                          { top:0px; left:0px; z-index:1000; display:none; border:1px soild #999; position:absolute; height:100%; width:100%; min-width:600px;}/* width:100%; height:100%;  */
+.U_MD_U_UV_Head                     {background-color: #337bc7;color: #fff;overflow: hidden;position: relative;}
+.U_MD_U_UV_Head_Left                { float: left; margin: 16px 16px 30px 22px; font-size: 0}
+.U_MD_U_UV_Head_Left > img          { display:inline-block;width: 90px;height:90px; border:1px solid black; border-radius: 50%}
+.U_MD_U_UV_Head_Middle              { float:left}
+.U_MD_U_UV_Head_Middle_I            { margin-top: 22px; }
+.U_MD_U_UV_Head_Middle_I_N          { font-size: 18px}
+.U_MD_U_UV_Head_Middle_I_T          { max-width: 200px;color:#dbdbdb; margin-top: 4px;white-space: pre;}
+.U_MD_U_UV_Head_Middle_Resource     { padding: 12px 0;}
+.U_MD_U_UV_Head_Middle_Resource_A   { display:table-cell; padding-right: 22px; text-align: center}
+.U_MD_U_UV_Head_Middle_Resource_A > div { font-size: 24px}
+.U_MD_U_UV_Head_Right               {float:right;/* margin-right: 8px; *//* margin-top: 16px; */position: absolute;right: 8px;top: 16px;}
+.U_MD_U_UV_Head_Right_Btn           { background-color: #3790ec; padding: .375em 1em; font-size: 14px; cursor: pointer}
+.U_MD_U_UV_FuncArea                 { background-color: #e2ebe8; padding: 10px 0; color: #fff; }
+.U_MD_U_UV_FuncArea_MarginBox       { display: table; margin-left: 20px; padding: 6px 0; font-size: 14px}
+.U_MD_U_UV_FuncArea_MarginBox_Btn   { margin-right: 8px; padding: 6px 10px; border-radius: 4px; cursor: pointer}
+.U_MD_U_UV_AboutMe                  { margin: 0 26px; overflow:hidden; font-size: 14px}
+.U_MD_U_UV_AboutMe_Left             { float: left; width: 50%; overflow:hidden}
+.U_MD_U_UV_AboutMe_Left > div       { margin-top: 16px}
+.U_MD_U_UV_AboutMe_Right            { /*float: right*/}
+.U_MD_U_UV_AboutMe_Right > div      { margin-top: 16px}
+
+
+/* 背景设置区域 */
+.U_MD_D_Set_BG            { overflow:hidden; }
+.U_MD_D_Set_BG_C           { margin:8px 10px 0 10px; }
+.U_MD_D_Set_BG_A           { background-color:#E9E7E8; padding:0px 10px; margin:10px 10px 0 10px; height:423px; }
+.U_MD_D_Set_BG_O           { margin-top:10px; float:left; padding-bottom:5px; }
+.U_MD_D_Set_BG_OT          { height:30px; line-height:25px; }
+.U_MD_D_Set_BG_OTL         { font-size:15px; float:left; }
+.U_MD_D_Set_BG_OTL  span   { font-size:12px;  }
+.U_MD_D_Set_BG_OTR         { float:left; background-color:#BFBFBF; height:1px; margin:14px 0 0 10px; }
+.U_MD_D_Set_BG_OC          { overflow:hidden; width:100%; }
+.U_MD_D_Set_BG_OCS .U_MD_D_Set_BG_OCO:hover   { border:1px solid transparent; }
+.U_MD_D_Set_BG_OCO         { float:left; margin:10px 0 0 10px; width:124px; height:86px; border:1px solid transparent; background-color:#FFF; cursor:pointer; position:relative; }
+.U_MD_D_Set_BG_OCO:hover   { border:1px solid #009cff; }
+.U_MD_D_Set_BG_OCOO        { border:1px solid -webkit-linear-gradient(left, red , blue); background-color:transparent; margin-left:0; }
+.U_MD_D_Set_BG_OCOOA       { width:45px; height:45px; margin:auto; }
+.U_MD_D_Set_BG_OCOI        { background-position:-508px -1038px; }
+.U_MD_D_Set_BG_OCOIO       { font-size:48px; line-height:42px; text-align:center; color:#AAA; }
+.U_MD_D_Set_BG_OCO  .U_MD_D_Set_BG_OCOC   { width:auto; height:28px;  margin-top:1px;line-height: 28px; font-size: 12px;float: left; }
+.U_MD_D_Set_BG_OCOC        { text-align:center; font-family:宋体; float:left; }
+.U_MD_D_Set_BG_OCOT        { }
+.U_MD_D_Set_BG_OCO div     { margin:auto; width:100%; height:100%; }
+.U_MD_D_Set_BG_uploadByPan {width: 90px; height: 28px;background: rgba(255,255,255,1) ;;border: 1px solid rgba(166,178,192,1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);border-radius: 3px;}
+.U_MD_D_Set_BG_uploadByPan:hover {background: rgba(255,255,255,1); color:#3F8BDD;border: 1px solid #3F8BDD !important;}
+.U_MD_D_Set_BG_uploadByPan:hover .U_MD_D_Set_BG_uploadByPanImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByPanImg2.png) no-repeat;background-size: 100%;}
+.U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_uploadByPanImg{    width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByPanImg.png) no-repeat;background-size: 100%;}
+.U_MD_D_Set_BG_uploadByBenDi {width: 90px; height: 28px;background: rgba(255,255,255,1) ; background-size:16%;border: 1px solid rgba(166,178,192,1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);border-radius: 3px;}
+.U_MD_D_Set_BG_uploadByBenDi:hover {background: rgba(255,255,255,1); color:#3F8BDD;border: 1px solid #3F8BDD !important;}
+.U_MD_D_Set_BG_uploadByBenDi:hover .U_MD_D_Set_BG_uploadByBenDiImg{ width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByBenDiImg2.png) no-repeat;background-size: 100%;}
+.U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_uploadByBenDiImg{    width: 15px; margin: 9px 8px 0 7px;height: 13px;float: left;background: url(../../img/U_MD_D_Set_BG_uploadByBenDiImg.png) no-repeat;background-size: 100%;}
+.U_MD_D_Set_BG_OCO img     { width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; display:block; }
+.U_MD_D_Set_BG_OCO .U_MD_D_Set_BG_OCOIO   { width:45px; height:45px; }
+.U_MD_D_Set_BG_Buutton {     float: right;margin-right: 15px;padding: 0 10px;min-width: 50px;line-height: 25px;text-align: center;color: White;border-radius: 13px;background-color: #347fdb; }
+.U_MD_D_Set_BG_Buutton:hover { background-color:#2163b5; }
+.U_MD_D_Set_BG_Buutton_Cancel {background-color: #999; }
+.U_MD_D_Set_BG_Buutton_Cancel:hover { background-color: #B3B3B3;}
+.U_MD_U_P_C_S { position:absolute;}