CocoRoboDesktop/css/Controls/Basic.css


/***<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; }