/****/ /** 电脑端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;} /****/ .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;} /****/ .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; } /****/ .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; } /****/ body { } /****/ .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;} /****/ body { } /****/ .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; } /****/ /*分页*/ .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; } /****/ .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;} /****/ /*清除所有边距*/ /*.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; }