/* 顶层UI规范定义 1. 基准色彩 2. 基准色彩定义在color,border-color,background-color 3. SVG的特殊字体定义 */ /* 全局定义 */ * {margin:0;padding:0;border-width:0;border-style:solid;} body{font-family:"Arial","Helvetica","微软雅黑";font-size:14px;/*-moz-user-select:none;*//*-ms-user-select: none;user-select: none;*/-webkit-tap-highlight-color: rgba(0,0,0,0)} a{text-decoration:none;color:inherit;cursor:pointer} av{cursor:pointer} table { width:100%; border-spacing:0;border-collapse:collapse;vertical-align:middle;} .fullfit{width:100%;height:100%;max-width:100%;max-height:100%} /* 背景颜色 */ .bg-default{background-color:#ffffff } .bg-top{background-color:#f7f7f7 } .bg-body{background-color:#f4f4f4 } .bg-tip{background-color:#cccccc } .bg-minor{background-color:#666666 } .bg-dark{background-color:#333333 } .bg-master{background-color:#00b9ff } .bg-slave{background-color:#feaf5f } .bg-warn{background-color:#fe555c} .bg-ok{background-color:green} .bg-null{background-color:transparent} .bg-red{background-color:#fe555c } .bg-blue { background-color: deepskyblue; } /* 分隔线颜色 */ .bc-default{border-color:#e5e5e5} .bc-master{border-color:#cccccc} .bc-slave{border-color:#f0f0f0} .bc-null{border-color:transparent} /* 边框色彩 */ .dc-master{border-color:#00b9ff } .dc-slave{border-color:#feaf5f } .dc-warn{border-color:#fe555c } .dc-red{border-color:#fe555c } .dc-assist{border-color:#cccccc} /* 文字颜色 */ .cl-invert{color:#ffffff} .cl-assist{color:#cccccc} .cl-tip{color:#999999} .cl-dark{color:#333333} .cl-minor{color:#666666} .cl-default{color:#242424} .cl-master{color:#00b9ff} .cl-slave{color:#feaf5f} .cl-warn{color:#fe555c} .cl-red{color:#fe555c} .cl-ok{color:green} /* 自定义icon字体 */ @font-face { font-family: 'v3uiFontFamily'; src: url('/tina/static/jcss/v3uifont.ttf')format('truetype'); font-weight: normal; font-style: normal; } @font-face{ font-family: hanyupinyin; src: url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBOkAAAC8AAAAYGNtYXAXVtKLAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZlhiXc8AAAF4AAAGBGhlYWQKqEKxAAAHfAAAADZoaGVhBncDygAAB7QAAAAkaG10eBRgATQAAAfYAAAAJGxvY2EDsgViAAAH/AAAABRtYXhwAA0AggAACBAAAAAgbmFtZZlKCfsAAAgwAAABhnBvc3QAAwAAAAAJuAAAACAAAwK7AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QT//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACACsAHgK1AwIAOABRAAAlLgEnLgE1ETQmIyIGHQEuAScuASMiBgcOARUUFhceATMyNjceARUUFhUeARceATMyNjc+ATU0JicnDgEjIiYnLgE1NDY3PgEzMhYXHgEVDgEHAqsFCAMJBxcWFRcPFAckYDw8ZSkoKycpJ2g+SnguAgEDBQ8JChQMBw4ICQoFBcMfTjArRhgiIhgVG1I6MFAgHx0CIiJ7Bw4FEzsrAbAbHBwbRhYZBykrMTM0jFlUgzMwLUlLCAoFBwYDEyIODA4FBQcTDAgOB0AkIh0gJmpGPGQmMC0mJyZmQERsJwAAAAADAEEAHQKfA6MAOABRAF8AACUOASMiJicuATU0Njc+ATMyFhceARc1NDYzMhYVERQWFx4BFx4BFRQGBw4BIyImJy4BJzQmJzQmNQMiBgcOARUUFhceATMyNjc+ATU0JicuASM3IyImNTQ2OwEyFhUUBgIrK3BFO2EkJiQnJiZfODhZIgQTEBUVFBUJBgMIBAUECQkGDgcLFQYMDQIBAgPXNE0bFBYgHxk/KSxJHR8gHB0bSyx97BsbGxvsGxsbpkNGLCowek5TgzEvLigmBBoUQRkaGhn+bSg4EgQNBwYOBgwSBgUEDAwNIg8DBgYDDAYB2CwqJFs7QWMkHRwhISRmPj1fJCQjzBYWFxYWFxYWAAMASgAfApYDvwA4AFEAaAAAJQ4BIyImJy4BNTQ2Nz4BMzIWFx4BFzU0NjMyFhURFBYXHgEXHgEVFAYHDgEjIiYnLgEnNCYnNCY1AyIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIyc3PgEzMhYXHgEVFAYPAQ4BIyImNSY2AiUpbUM5XiMlIyYlJVs3NlchBBIPFRQUFQgGAggFBAQICQcNBgsUBwsNAgECA9EyShoUFR4fGD0oK0YdHh8bHBtILCVxCxIJCBEGBwUOD4UJDQQJCQIHpUFFKyotd0xRfy8uLCYlBBoTPxgaGhj+eSc2EQUMBgcNBwoSBgUEDAsNIQ8CBgcCCwcByispI1g5P2AjHBsfISJjPTtcIiMj0XEGCAgGBw0JDRQLUQQECQsGDgAAAAADAD4ABAKiA7sANQBOAH8AACUOASMiJicuATU0Njc+ATMyFhceARc1NDYzMhYVERQWFx4BFx4BFRQGBw4BIyImJy4BJzImJwMiBgcOARUUFhceATMyNjc+ATU0JicuASM3IyImJy4BJy4BJy4BNTQ2MzIWFzAWHwEeATMyNjc+AT8BPgEzMhYVFAYHFAYHDgEjAi0rcEY6YCYmKCgmJl06OlgiBBIOFhcWFwgHAggFBAUJCQcNBwsWCQsPBAQCAtg0TRsUFiAfGUAoLUkdHyAcHRtJLzA2DRcJBxsXCRIJCQYIBwUNCQwJKh0kBwQMBQQvLQkNEgUHCCAfERALGw2OQ0ctKi97T1ODMi8uKCYFGhRCGRoaGf5rJjoSBA0HBw0HCxIHBAUNCw4fEhISAdosKyRbO0FkJB0cICIkZj89XyQkJKIJCQcgGwsWCQkOBwsKCQYJBhsVEgMDAiAgBgkJCgsHLCQDFBAOEAAAAwBAAAACoQPAADcATwBmAAAlDgEjIiYnLgE1NDY3PgEzMhYXHgEXNTQ2MzIWFREUFhceARceARUUBgcOASMiJicuASc0Jic0JgMiBgcOARUUFhceATMyNjc+ATU0JicuAS8BLgE1NDY3PgEzMhYfAR4BFRQGIy4BAisqcUU7YSQnJCcmJ144OVohBRMPFhQVFQkGAwgEBQQICQcOBgwVBgwNAgECA9g0TRsVFR8fGUAoLUkdIB8bHRtLA40QDggGBw4JCRIJdQkJCAkHDopDRywrL3tPU4MyLy4oJgQbFEIZGhoZ/msoOBIEDQcHDQcLEgcEBQ0LDSIQAgYHAgwB4SwrJFs7QWQkHRwgIiRmPz1fJCQksVEJFg4LDwcHBQkJdQkNBQsKAgUAAAAAAQAAAAAAALuI2RVfDzz1AAsEAAAAAADUav76AAAAANRq/voAAAAAArUDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAACtQABAAAAAAAAAAAAAAAAAAAACQQAAAAAAAAAAAAAAAIAAAAC4AArAuAAQQLgAEoC4AA+AuAAQAAAAAAACgAUAB4AlgEeAbYCbAMCAAEAAAAJAIAAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'); /* IE9 */ } /* use !important to prevent issues with browser extensions that change fonts */ /* Better Font Rendering =========== */ [class^="v3css_icon_"], [class*=" v3css_icon_"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'v3uiFontFamily' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } [class^="v3css_pinyin_"] {font-family:"hanyupinyin";font-size: 0.8em;} .v3css_icon_adress:before { content: "\e900"; } .v3css_icon_alarm_clock:before { content: "\e901"; } .v3css_icon_answer_wrong:before { content: "\e902"; } .v3css_icon_avatar:before { content: "\e903"; } .v3css_icon_cellphone:before { content: "\e904"; } .v3css_icon_cellphone_select:before { content: "\e905"; } .v3css_icon_cellphone_unselect:before { content: "\e906"; } .v3css_icon_checkbox_selected:before { content: "\e907"; } .v3css_icon_circle_rank:before { content: "\e908"; } .v3css_icon_class_circle:before { content: "\e909"; } .v3css_icon_client_serv:before { content: "\e90a"; } .v3css_icon_code_identify:before { content: "\e90b"; } .v3css_icon_comment:before { content: "\e90c"; } .v3css_icon_compter_unselect:before { content: "\e90d"; } .v3css_icon_computer_select:before { content: "\e90e"; } .v3css_icon_contact:before { content: "\e90f"; } .v3css_icon_correct_circle:before { content: "\e910"; } .v3css_icon_cost_time:before { content: "\e911"; } .v3css_icon_countdown:before { content: "\e912"; } .v3css_icon_delete:before { content: "\e913"; } .v3css_icon_download:before { content: "\e914"; } .v3css_icon_duration:before { content: "\e915"; } .v3css_icon_emoji:before { content: "\e916"; } .v3css_icon_emoji_2:before { content: "\e917"; } .v3css_icon_emoji_entity:before { content: "\e918"; } .v3css_icon_equal:before { content: "\e919"; } .v3css_icon_error_source:before { content: "\e91a"; } .v3css_icon_error_type:before { content: "\e91b"; } .v3css_icon_fallback:before { content: "\e91c"; } .v3css_icon_favourate:before { content: "\e91d"; } .v3css_icon_favourate_outline:before { content: "\e91e"; } .v3css_icon_feedback:before { content: "\e91f"; } .v3css_icon_female:before { content: "\e920"; } .v3css_icon_follow:before { content: "\e921"; } .v3css_icon_grade:before { content: "\e922"; } .v3css_icon_graphic_identify:before { content: "\e923"; } .v3css_icon_graphic_identify_2:before { content: "\e924"; } .v3css_icon_headphone:before { content: "\e925"; } .v3css_icon_icon_phone:before { content: "\e926"; } .v3css_icon_id_card:before { content: "\e927"; } .v3css_icon_inner_class:before { content: "\e928"; } .v3css_icon_item_list:before { content: "\e929"; } .v3css_icon_key:before { content: "\e92a"; } .v3css_icon_location:before { content: "\e92b"; } .v3css_icon_location_2:before { content: "\e92c"; } .v3css_icon_location_outline:before { content: "\e92d"; } .v3css_icon_lock:before { content: "\e92e"; } .v3css_icon_male:before { content: "\e92f"; } .v3css_icon_mask:before { content: "\e930"; } .v3css_icon_mask_outline:before { content: "\e931"; } .v3css_icon_me:before { content: "\e932"; } .v3css_icon_message:before { content: "\e933"; } .v3css_icon_more:before { content: "\e934"; } .v3css_icon_movedown:before { content: "\e935"; } .v3css_icon_moveup:before { content: "\e936"; } .v3css_icon_network:before { content: "\e937"; } .v3css_icon_next_item:before { content: "\e938"; } .v3css_icon_ok:before { content: "\e939"; } .v3css_icon_order:before { content: "\e93a"; } .v3css_icon_outer_class:before { content: "\e93b"; } .v3css_icon_pause:before { content: "\e93c"; } .v3css_icon_play:before { content: "\e93d"; } .v3css_icon_play_button:before { content: "\e93e"; } .v3css_icon_play_times:before { content: "\e93f"; } .v3css_icon_plus:before { content: "\e940"; } .v3css_icon_praise:before { content: "\e941"; } .v3css_icon_prev_item:before { content: "\e942"; } .v3css_icon_public_infor:before { content: "\e943"; } .v3css_icon_radio:before { content: "\e944"; } .v3css_icon_radio_selected:before { content: "\e945"; } .v3css_icon_rank:before { content: "\e946"; } .v3css_icon_rank_asc:before { content: "\e947"; } .v3css_icon_rank_desc:before { content: "\e948"; } .v3css_icon_rank_select:before { content: "\e949"; } .v3css_icon_refresh:before { content: "\e94a"; } .v3css_icon_report:before { content: "\e94b"; } .v3css_icon_scan_code:before { content: "\e94c"; } .v3css_icon_score:before { content: "\e94d"; } .v3css_icon_search:before { content: "\e94e"; } .v3css_icon_share:before { content: "\e94f"; } .v3css_icon_shopping_cart:before { content: "\e950"; } .v3css_icon_stop:before { content: "\e951"; } .v3css_icon_subject:before { content: "\e952"; } .v3css_icon_sure:before { content: "\e953"; } .v3css_icon_sys_error:before { content: "\e954"; } .v3css_icon_sys_msg:before { content: "\e955"; } .v3css_icon_tip_warning:before { content: "\e956"; } .v3css_icon_title_rectangle:before { content: "\e957"; } .v3css_icon_title_triangle:before { content: "\e958"; } .v3css_icon_trample:before { content: "\e959"; } .v3css_icon_try_play:before { content: "\e95a"; } .v3css_icon_uncomment:before { content: "\e95b"; } .v3css_icon_unfollow:before { content: "\e95c"; } .v3css_icon_unpraise:before { content: "\e95d"; } .v3css_icon_untrample:before { content: "\e95e"; } .v3css_icon_view_all:before { content: "\e95f"; } .v3css_icon_view_select:before { content: "\e960"; } .v3css_icon_view_unread:before { content: "\e961"; } .v3css_icon_xdelete:before { content: "\e962"; } /*拼音字体 如a*/ .v3css_pinyin_a:before {content: "\e900"; } .v3css_pinyin_a1:before {content: "\e901"; } .v3css_pinyin_a2:before {content: "\e902"; } .v3css_pinyin_a3:before {content: "\e903"; } .v3css_pinyin_a4:before {content: "\e904"; } .v3ui_icon{text-align: center;cursor: pointer;} /* 全局实用属性 */ .v3uicss_single_line{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .v3uicss_multi_line{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .center{text-align:center;vertical-align:middle} .textline{word-wrap:break-word;word-break:break-all;} .v3css_button{text-align:center;cursor:pointer;border-radius:2px;} .v3css_button_max{border-radius:3px;padding:12px;} .v3css_button_min{border-radius:2px;padding:6px;} .v3css_button_border{border-width:1px;border-style:solid} .v3css_button_multi{margin-top: 15px;border-radius: 20px;font-size: 1.1em;padding: 10px} .v3css_button_max_v5{border-radius: 20px;line-height: 40px;height:40px;box-shadow:0px 6px 8px 0px rgba(0,185,255,0.5);box-sizing: border-box} .v3css_button_multi_paading{margin-bottom: 15px } /* 星评控件样式 */ .v3ui_stars{vertical-align: bottom;} .v3ui_stars .star{position:relative;display: inline-block;} .v3ui_stars .star .solid_star{text-overflow:clip;overflow:hidden;top:0;position: absolute;white-space: nowrap;} /* 分享控件样式 */ .v3ui_share{} /* TAB控件样式 */ .v3ui_tabs{} .v3ui_tabs .tabs_header{text-align: center;} .v3ui_tabs .tabs_header td{padding:5px 0;border-bottom-width: 1px;border-style:solid;cursor:pointer;} .v3ui_tabs .tabs_header a{display: block;} .v3ui_tabs .tabs_header .tabs_title{font-size:0.9em;} .v3ui_tabs .tabs_header .tabs_selected{border-bottom-width:2px;font-size:1em;} .v3ui_tabs .tabs_panels{} .v3ui_tabs .tabs_panels .panel{display: none;} /* TAB表格样式 */ .v3css_tabs .tabs_header_padding{padding: 8px 20px;text-align:center} .v3css_tabs .tabs_header_div{border-radius:5px;border-width:1px;border-style:solid;width:180px;display:inline-block} .v3css_tabs .tabs_header_div .tabs_header td{border-left-width:1px;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;} .v3css_tabs .tabs_header_div .tabs_header td:first-child{border-left-width:0px;} .v3css_tabs .tabs_header_div .tabs_header td:last-child{border-right-width:0px;} .v3css_tabs .tabs_header_div .tabs_header .tabs_title{} .v3css_tabs .tabs_header_div .tabs_header .tabs_selected{border-bottom-width:0px;} /* 播放进度条UI控件样式定义 */ .v3ui_play_progress{position:relative;margin-bottom:0px;} .v3ui_play_progress .progressbar{position:relative; height:3px; border-width:1px; border-style:solid; border-color:#7F7F7F; font-size:0px;overflow:visible; } .v3ui_play_progress .posbar{position:absolute;height:5px;top:-1px;left:0px;width:0px;} .v3ui_play_progress .posblock{position:absolute;height:10px;top:-3px;left:-1px;width:4px;} .v3ui_play_progress .tableblock{width:100%; font-size:12px; margin-top:3px} .v3ui_play_progress .curpos{text-align:left;width:50%} .v3ui_play_progress .duration{text-align:right;width:50%} .v3ui_play_progress .clickbar{position:absolute;top:-10px;height:40px;width:100%;z-index:99;} /* v3css_runstatus全屏提示条，一般是底部拖出，短句提醒 */ .v3css_runstatus{position:absolute;width:100%;display:none;} .v3css_runstatus .v3css_rs_body{padding:20px;text-align:center;padding-left:0px;} .v3css_runstatus .v3css_rs_body .v3css_rs_runimg{margin-right:10px;vertical-align:middle;width:24px;} .v3css_runstatus .v3css_rs_body .v3css_rs_info{display:inline-block;font-size:0.85em;} .v3css_runstatus .v3css_rs_probar{position:absolute;width:100%;bottom:0px;left:0px;height:2px;} .v3css_runstatus .v3css_rs_probar .v3css_rs_proindicator{width:0px;height:2px;} /* v3css_toast全屏动态提示 */ .v3css_toast{position:absolute;border-radius:3px;padding:8px;font-size:0.8em;} /* v3css_confirm全屏提示窗口 */ .v3css_confirm{position:absolute;width:84%;text-align: center;max-width: 500px;border-radius: 12px;max-width: 312px} .v3css_confirm .confirm_icon{width: 100%;text-align: center;left: 0;height: 69px;line-height: 69px;background:rgba(229,248,255,1);border-radius: 12px 12px 0 0;background-size:67px 63px;background-repeat:no-repeat } .v3css_confirm .confirm_content{padding:30px 24px 36px 24px;position: relative;right: 0;bottom: 0 ;background-size:67px 63px;background-repeat:no-repeat;background-position:right 0 bottom 0;} .v3css_confirm .confirm_title{text-align:center;/*font-weight:bold;*/font-size:18px} .v3css_confirm .confirm_text{text-align:center;padding-bottom:30px;line-height:160%;} .v3css_confirm .confirm_x{position: absolute;top:-36px;width: 100%;text-align: center;} .v3css_confirm .confirm_x img{width:36px ;vertical-align: top;position: absolute;right: 0} .v3css_confirm .confirm_command{} .v3css_confirm .confirm_command td{text-align: center;} .v3css_confirm .confirm_command td div{width: 91%;margin: auto} /* v3css_choice全屏选择窗口 */ .v3css_choice{position:absolute;width:100%;} .v3css_choice .choice_title{text-align:center;padding:15px 0px;/*font-weight:bold;*/font-size:1.2em;} .v3css_choice .choice_container{text-align:left;line-height:160%;} .v3css_choice .choice_container .choice_item{text-align:center;padding:15px 0px;border-bottom-width:1px;border-style:solid;} .v3css_choice .choice_container .choice_item .emotion{height:1em} .v3css_choice .choice_command{padding: 10px;} /* v3css_choice_v1全屏选择窗口右侧有选中 */ .v3css_choice_v1{position:absolute;width:100%;} .v3css_choice_v1 .choice_title{text-align:center;padding:15px 0px;/*font-weight:bold;*/font-size:1.2em;} .v3css_choice_v1 .choice_container{text-align:left;line-height:160%;padding: 0 15px;} .v3css_choice_v1 .choice_container .choice_item{padding:12px 0;border-bottom-width:1px;border-style:solid;} .v3css_choice_v1 .choice_container .choice_item .item_left{display:inline-block;} .v3css_choice_v1 .choice_container .choice_item .item_right{display:inline-block;position:absolute;right:15px;font-size: 1.1em;} .v3css_choice_v1 .choice_command{padding: 5px 10px;} /* VIDEO控件 */ .v3ui_video{} .v3ui_video_play_button{position: absolute;height: 168px;text-align: center;width: 100%;top: 0px;z-index: 99;} .v3ui_video_play_button .v3ui_video_play_img{vertical-align: middle;margin-top: 64px;width:60px;z-index: 99;display: inline-block;} /*.v3ui_video_play_button .v3ui_video_play_guide{position: absolute; width:100px; left: calc(50% - 39px)!important; left:40%; z-index: 99;display: inline-block}*/ .v3ui_video_play_guide{position: absolute; width:100px; left: calc(50% - 39px)!important; left:40%; display: inline-block} .v3ui_video_bg_img{width: 100%; position:relative; display: block} .v3ui_video_mask_img{width: calc(100% + 0px); height:100%; position: absolute; opacity: 0.3; overflow-x: hidden; z-index: 44} .v3ui_video_html5{width:100%;height: auto; position:relative; overflow:hidden; } .v3ui_video_html5 video{width: 100%;height: auto} /* AUDIO控件 */ .v3ui_audio{} .v3ui_audio .audio_player{height: 230px; position: relative;background-size:100%} .v3ui_audio .audio_play_button{position: absolute;height: 168px;text-align: center;width: 100%;top: 0px;} .v3ui_audio .audio_play_button_img{vertical-align: middle;margin-top: 84px;width: 40px;z-index: 99;display: inline-block;} .v3ui_audio .audio_player_panel{width:100%;position:absolute;left:0;bottom:0;z-index: 1} .v3ui_audio .audio_player_progress{position:relative;font-size:14px;border-width:0;border-style:solid;z-index: 100;width: 100%} .v3ui_audio .audio_player_progressbar{height:3px;border-width:0;border-style:solid;position:relative;font-size:0px;top: 0} .v3ui_audio .audio_player_posbar{position:absolute;height:5px;top:-1px;width:0px;} .v3ui_audio .audio_player_posblock{position:absolute;height:10px;top:-3px;left:-4px;width:8px;} .v3ui_audio .audio_player_clickbar{position:absolute;top:-20px;height:40px;width:100%;z-index:100;} .v3ui_audio .audio_player audio{position:absolute;display:none;top:9999px;} .v3ui_audio .audio_player_time{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} .v3ui_audio .audio_player_container{width:100%;height: 20px} .v3ui_audio .audio_player table{width:100%;font-size:0.7em; padding: 0 2px} .v3ui_audio .audio_player_curpos{text-align:left;width:50%} .v3ui_audio .audio_player_duration{text-align:right;width:50%} /* AUDIO控件 */ .v3ui_audio_v2{} .v3ui_audio_v2 .audio_player{ position: relative;background-size:100%} .v3ui_audio_v2 .audio_play_button{text-align: left;width: 100%;z-index: 99;} .v3ui_audio_v2 .audio_play_button .current_button{font-size: 21px;width:auto;color: #999999;} .v3ui_audio_v2 .operate_zone{padding: 0 45px;vertical-align: middle;width: auto;z-index: 99;display: inline-block;} .v3ui_audio_v2 .audio_play_button_img{font-size: 44px;color: #00b9ff;vertical-align: middle;width: 44px;z-index: 99;display: inline-block;} .v3ui_audio_v2 .turn_item{font-size: 14px;vertical-align: middle;width: 14px;z-index: 99;display: inline-block;color: #00b9ff;} .v3ui_audio_v2 .last_item{color: #a3deff;} .v3ui_audio_v2 .audio_player_panel{width:100%;left:0;bottom:0;z-index: 1} .v3ui_audio_v2 .audio_player_progress{position:relative;font-size:14px;border-width:0;border-style:solid;z-index: 100;width: 100%} .v3ui_audio_v2 .audio_player_progressbar{height:3px;border-width:0;border-style:solid;position:relative;font-size:0px;top: 0} .v3ui_audio_v2 .audio_player_posbar{position:absolute;height:5px;top:-1px;width:0px;} .v3ui_audio_v2 .audio_player_posblock{position:absolute;height:10px;top:-3px;left:0px;width:8px;} .v3ui_audio_v2 .audio_player_clickbar{position:absolute;top:-20px;height:40px;width:100%;z-index:200;} .v3ui_audio_v2 .audio_player audio{position:absolute;display:none;top:9999px;} .v3ui_audio_v2 .audio_player_time{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;} .v3ui_audio_v2 .audio_player_container{width:100%;height: 20px} .v3ui_audio_v2 .audio_player table{width:100%;font-size:0.7em; padding: 0 2px} .v3ui_audio_v2 .audio_player_curpos{text-align:left;width:50%} .v3ui_audio_v2 .audio_player_duration{text-align:right;width:50%} /* v3ui_banner */ .v3ui_banner {} .banner .banner_box{position:relative;} .banner .banner_img{width:100%;vertical-align:top;} .banner .banner_txt{position:absolute;width:100%;opacity:0.8;bottom:0px;left:0px;padding:6px 0px;} .banner .banner_extra{font-size:0.8em;padding:5px;line-height:140%;padding-bottom:0px;} /* V结构SECTION框架定义，更多风格的定义，可以继承扩展 */ .v3board{position:relative;margin-bottom:8px;} .v3board_inner{padding:5px;} .v3section_title{padding:10px;text-align:center;font-size:1.1em;font-weight:bold;background-color:lightcyan} .v3section{} .v3section .v3title{font-weight:bold;padding:10px;position:relative} .v3section .v3title_inner{padding:5px;} .v3section .v3items_more_bottom{text-align:center;padding:20px;} .v3section .v3items_more_upright{position:absolute;right:15px;top:10px;} .v3section .v3items{vertical-align:top} .v3ui_section_layout .v3item{} .v3ui_section_layout .v3items{padding-left:10px;padding-right:10px;} .v3ui_section_layout .v3items:after{content:"数据装载中";text-align:center;padding:20px;display:block;font-size:0.9em;} .v3ui_section_layout .clear_after:after{display:none} .no_section_gap{margin-bottom: 0} /* 公共基础的v3item类定义*/ .v3item{position:relative;vertical-align:top;} .v3item .v3item_left{position:absolute;left:10px;top:15px;width:84px;} .v3item .v3item_thumb{width:84px;height:84px;vertical-align:top} .v3item .v3item_author{text-align:center;font-size:0.8em;padding-top:5px;font-weight:bold} .v3item .v3item_middle{margin-left:100px;padding-top:12px;padding-bottom:12px;border-style:solid;border-top-width:1px;} .v3section .v3items a:first-child .v3item .v3item_middle{border-top-width:0px;} .v3item .v3item_title{margin-bottom:3px;font-size:1.15em;font-weight:normal} .v3item .v3item_starank{margin-bottom:3px;font-size:0.6em;} .v3item .v3item_subtitle{margin-bottom:6px;line-height:160%;font-size:0.8em;} .v3item .v3item_statistic{font-size:0.65em;vertical-align:top} .v3item .v3item_statistic .v3item_stat_unit{padding-right:5px;} .v3item .v3item_right{position:absolute;right:12px;top:12px;} .v3item .v3item_relate{width:84px;height:84px;vertical-align:top;} .v3item .v3item_relate_text{overflow:hidden;border-width:0px;border-style:solid;font-size:0.8em;} .v3item .v3item_rec{font-size: 11px;padding: 2px 3px;height: 12px;line-height: 14px;border: 1px solid;border-radius: 15%;display: inline-block;vertical-align: text-top;} /*这个样式是作文库独有的*/ .v3item .v3item_middle_article { padding-top: 12px; padding-bottom: 12px; border-style: solid; border-top-width: 1px; } .v3item_middle_article .line_control{ margin-top: 8px; -webkit-line-clamp: 3; } .v3item2{min-height:120px;padding-left:10px;padding-right:10px;} .v3item3{min-height:130px;} .v3item3 .v3item_indicator{position:absolute;width:35px;top:50px;left:10px;text-align:center;font-size:1.8em} .v3item3 .v3item_left{position:absolute;right:10px;top:15px;width:84px;left:auto;} .v3item3 .v3item_thumb{border-radius:42px;} .v3item3 .v3item_middle{margin-right:110px;margin-left:0px;} .v3item3 .v3item_middle .v3item_middlebox{padding-left:50px;} /* 简单的图片和文字类型的ITEM定义：item_image_text.html */ .v3item_image_text{display:inline-block;width:180px;} .v3item_image_text .v3item_title{padding:5px 0px;font-size:1em;} .v3item_image_text .v3item_thumb{border-radius:0;width:100%;height:auto;} .v3item_image_text2{display:inline-block;width:180px;padding-bottom:10px} .v3item_image_text2 .v3item_thumb{border-radius:0;width:100%;height:auto;} .v3item_image_text2 .v3item_thumb_box{position:relative} .v3item_image_text2 .v3item_title{position:absolute;width:100%;bottom:0px;padding:1px 0;margin-bottom:0px;opacity:0.8;font-size:1em;} .v3item_image_text2 .v3item_subtitle{margin-bottom:0px;} /* 视频秀类型的ITEM定义：item_video_show.html */ .v3item_video_show{display:inline-block;width:180px;} .v3item_video_show .v3item_thumb_box{position:relative} .v3item_video_show .v3item_thumb{border-radius:0;width:100%;height:auto;} .v3item_video_show .v3item_starank{position:absolute;left:5px;bottom:5px;} .v3item_video_show .v3item_info_box{padding-bottom:8px;padding-left:3px;} .v3item_video_show .v3item_info_box .v3item_title{padding-top:7px;padding-bottom:1px;min-height:24px;font-size:1em} .v3item_video_show .v3item_info_box .v3item_statistic{font-size:0.7em; } .v3item_video_show2{display:inline-block;width:180px;margin-top:10px;} .v3item_video_show2 .v3item_thumb_box{position:relative} .v3item_video_show2 .v3item_thumb{border-radius:0;width:100%;height:auto;} .v3item_video_show2 .v3item_playicon{position:absolute;bottom:10px;left:10px;font-size:2em} .v3item_video_show2 .v3item_info_box{position:relative;padding-bottom:8px;} .v3item_video_show2 .v3item_title{padding-top:8px;font-size:0.9em;} .v3item_video_show2 .v3item_statistic{padding:3px 0px;padding-left:5px;} .v3item_video_list{position:relative;min-height:130px;} .v3item_video_list .v3item_left{width:100px;} .v3item_video_list .v3item_thumb{width:100px;height:100px;border-radius:0px;} .v3item_video_list .v3item_playicon{position:absolute;width:100%;height:100px;top:0px;left:0px;text-align:center;vertical-align:middle;line-height:100px;font-size:2em} .v3item_video_list .v3item_middle{margin-left:120px;} .v3item_video_list .v3item_title{margin-bottom:5px;} .v3item_video_list .v3item_starank{margin-bottom:5px;} .v3item_video_list .v3item_subtitle{margin-bottom:5px;} .v3item_video_list .v3item_author{position:absolute;right:10px;bottom:10px;font-size:0.8em;font-weight:bold} .v3item_fanshow_video_list{} .v3item_fanshow_video_list .comment_single_image{position:relative} .v3item_fanshow_video_list .comment_single_image .v3item_playicon{position:absolute;right:20px;bottom:20px;font-size:40px;text-shadow:1px 1px 2px rgba(0,0,0,.4)} .v3item_fanshow_video_list .v3comment_footer .v3item_stat_unit{margin-left:10px;font-size:1em;} /* 色彩类型的ITEM定义：item_color_box.html */ .v3item_color_box{display:inline-block;width:90px;min-height:initial;} .v3item_color_box .v3item_thumb_box{position:relative;border-radius:10px;margin-bottom:10px} .v3item_color_box .v3item_thumb{width:100%;height:auto;} .v3item_color_box .v3item_title{position:absolute;font-weight:normal;top:6px;left:10px;font-size:0.9em;} /* MINI类型的ITEM定义：item_mini.html */ .v3item_mini{min-height:60px;} .v3item_mini .v3item_left{top:12px;} .v3item_mini .v3item_thumb{width:40px;height:40px;border-radius:0px;} .v3item_mini .v3item_middle{margin-left:60px;padding-top:13px;padding-bottom:8px;} .v3item_mini .v3item_title{margin-bottom:6px;font-size:1em;} .v3item_mini .v3item_statistic{font-size:0.6em;} .v3item_mini .v3item_right{position:absolute;right:0px;top:15px;} .v3item_mini .v3css_icon_more{font-size:2em;} .v3item_mini2 .v3item_title{margin-bottom:2px;} .v3item_mini2 .v3item_subtitle{margin-bottom:auto;} .v3item_mini2 .v3item_right{top:20px;} .v3item_mini2 .v3css_icon_more{font-size:1.5em;} .v3item_appicon{padding-top:10px;padding-bottom:10px;} /* user 类型的ITEM定 */ .v3item_user{height:90px;border-style:solid;border-top-width: 1px;} .v3item_user .v3item_left{top:10px;} .v3item_user .v3item_thumb{width:70px;height:70px;border-radius:35px;} .v3item_user .v3item_middle{margin-left:100px;padding-top:10px;padding-bottom:8px;border: 0} .v3item_user .v3item_title{margin-bottom:6px;} .v3item_user .v3item_subtitle{font-size:0.92em;} .v3item_user .v3item_statistic{font-size:0.75em;} .v3item_user .v3item_right{position:absolute;right:0;top:20px;width:80px;text-align: center;cursor: pointer} .v3item_user .v3css_icon_favourate{font-size:22px;} .v3item_user .v3uicss_multi_line{-webkit-line-clamp:1} /* USERMESSAGE类型的ITEM定义 */ .jct4_user_message{padding-left:0px;padding-right:0px;} .jct4_user_message .v3items a:first-child .v3item_usermsg{border-top-width:0px;} .jct4_user_message .v3title{background-color:transparent} .v3item_usermsg{min-height:80px;border-style:solid;border-top-width:1px;} .v3item_usermsg .v3item_left{width:50px;left:10px;} .v3item_usermsg .v3item_thumb{width:50px;height:50px;/*border-radius:25px;*/border-radius:0px;} .v3item_usermsg .v3item_middle{margin-left:70px;margin-right:75px;border-top-width:0px;padding-bottom:5px;padding-top:10px;} .v3item_usermsg .v3item_title{font-size:0.9em} .v3item_usermsg .v3item_subtitle{font-size:0.92em;} .v3item_usermsg .v3item_statistic{font-size:0.75em;} .v3item_usermsg .v3item_right{} .v3item_usermsg .v3item_relate{width:60px;height:60px;vertical-align:top} /* 行内编辑控件的基础标准定义 */ .v3section_inline{padding:0px;} .v3section_inline .v3title{} .v3section_inline .v3items{border-bottom-style:solid;border-bottom-width:1px} .v3section_inline .v3item{min-height:initial;vertical-align:middle;border-top-style:solid;border-top-width:1px;} .v3section .v3css_inline{padding:15px;-webkit-tap-highlight-color: rgba(0,0,0,0);} .v3css_inline .v3inline_prefix{display:inline-block;margin-right:5px;font-size:1.2em;vertical-align:middle} .v3css_inline .v3inline_left{display:inline-block;} .v3css_inline .v3inline_middle{display:inline-block} .v3css_inline .v3inline_right_block{position:absolute;right:15px;top:17px;font-size:0.9em} .v3css_inline .v3inline_right{display:inline-block} .v3css_inline .v3inline_postfix{display:inline-block} .v3section_inline input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;} .v3css_inline .v3css_input{outline: none;background:inherit;font-size:inherit;font-family: inherit;position: absolute;display:none;top: 16px; } /* 扩展风格1：书本类型的图标，长方形（非正方形，最小高度也要有变化） */ .v3css_itembook .v3item{min-height:140px;} .v3css_itembook .v3item .v3item_thumb{width:84px;height:120px;border-radius:0px;} /** 托底工具栏 **/ .v3css_footbar{filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;width: 100%;text-align: center;margin: 0;position: fixed;bottom:0;border:0;left: 0;z-index: 700;padding-top:8px;padding-bottom:5px;font-size:0.8em;} /* 标准评论类型的ITEM定义：item_comment.html */ .jct3_comment{padding-left:0px;padding-right:0px;margin-bottom: 0} .jct3_comment .v3items{background-color:inherit;} .v3item_comment{border-width:0px;padding:15px 12px 0 12px;} .v3item_comment .v3comment_header{position:relative;min-height:50px;} .v3item_comment .emotion{width:18px;height:18px;margin:0px 1px;vertical-align:middle;} .v3item_comment .comment_header_left{position:absolute;width:45px;} /* 微课伴学会员帽 */ .v3item_comment .comment_header_left .member_hat, .v3item_comment .comment_header_left .member_banxue_hat, .v3item_comment .comment_header_left .member_vschool_hat, .v3item_comment .comment_header_left .member_vschoolvip_hat{ background-size: 40px; background-repeat: no-repeat; padding: 6px 0 0 1px;} .v3item_comment .comment_header_left .member_banxue_hat{background-image: url('/tina/static/tutorable/vip_logo/hat/banxue.png?cache=true'); } .v3item_comment .comment_header_left .member_vschool_hat{background-image: url('/tina/static/tutorable/vip_logo/hat/vschool.png?cache=true'); } .v3item_comment .comment_header_left .member_vschoolvip_hat{background-image: url('/tina/static/tutorable/vip_logo/hat/vschoolvip.png?cache=true'); } .v3item_comment .ct_thumb{width:40px;height:40px;vertical-align:top;border-radius:20px;} .v3item_comment .ct_report_score{font-size:1.6em;font-weight:bold;text-align:center;padding-top:2px;} .v3item_comment .ct_report_lesson{font-weight:bold;font-size:1.1em;} .v3item_comment .ct_report_lesson .ct_report_style{font-size:0.8em;font-weight:normal} .v3item_comment .comment_header_main{margin-left:50px;} .v3item_comment .ct_author{margin-bottom:2px;} .v3item_comment .ct_userv{width:12px;height:12px;vertical-align:middle;border-radius:6px;} .v3item_comment .ct_userv2{font-size:8px;border-radius:1px;display:inline-block;vertical-align:middle;padding-left:1px;padding-right:1px;} .v3item_comment .ct_userv3{height:1em;vertical-align:middle;} .v3item_comment .ct_userlevel{height:10px;} .v3item_comment .ct_attribute{font-size:0.7em} .v3item_comment .ct_attribute .ct_attribute_unit{margin-right:5px;} .v3item_comment .ct_objname{font-size:0.7em;} .v3item_comment .comment_header_right{position:absolute;right:0px;top:0px} .v3item_comment .ct_objpic{max-height:50px;border-width:1px;border-style:solid;} .v3item_comment .ct_comment_menu{font-size:1.2em;display:none;margin-right:10px;padding:5px 10px;cursor:pointer;vertical-align:top;font-weight:bold;} .v3item_comment .v3comment_body{margin-bottom:5px;} .v3item_comment .ct_anima{font-size:8px;border-radius:1px;display:inline-block;vertical-align:middle;padding-left:1px;padding-right:1px;} .v3item_comment .ct_anima2{height:2.5em;vertical-align:top;margin-right:5px;} .v3item_comment .ct_text{line-height:160%;padding:0 0 5px 5px;word-wrap:break-word;word-break:break-all;font-weight:normal} /* 反馈页面的正文前的关于问题的简述和联系信息*/ .v3item_comment .comment_text .ct_feedback{font-size:0.9em;color:#666666} /* 错题本的正文中的前缀，如粗心 */ .v3item_comment .ct_text .comment_text .ct_wrong_style2{font-weight:bold;} .v3item_comment .comment_header_main .ct_wrong_style2{font-weight:bold;} /* 图片浏览的风格，包括单图 */ .v3item_comment .comment_image{margin-bottom: 10px} .v3item_comment .comment_image img{cursor:pointer;max-width:100%;vertical-align:top;} .v3item_comment .comment_single_image img{width:100%} .v3item_comment .v3comment_footer{border-bottom-width:1px;border-bottom-style:solid ;border-bottom-color: #E5E5E5;padding-bottom: 15px} .v3item_comment .ct_comment_action{text-align:right;position:relative;font-size:0.8em;} .v3item_comment .ct_comment_action .ct_comment_action_unit{margin-right:10px;cursor:pointer;font-size:1.2em;} .v3item_comment .ct_comment_action .ct_comment_useragent{position:absolute;left:5px;top:0px;font-size:0.9em} .v3item_comment .ct_replys{font-size:0.85em;line-height:160%;margin-top: 10px} .v3item_comment .ct_replys .ct_replys_header{margin:3px 0px;} .v3item_comment .ct_doreply{cursor:pointer} .v3item_comment .ct_replys .ct_replys_main{padding-left:15px;} .v3item_comment .ct_replys .ct_reply_thumb{width:16px;height:16px;vertical-align:middle;margin-right:3px;} .v3item_comment .ct_replys .ct_userv_small{width:8px;height:8px;vertical-align:middle;border-radius:6px;} .v3item_comment .ct_replys .ct_userv3_small{height:8px;vertical-align:middle;} .v3item_comment .ct_replys .ct_replys_footer{font-size:0.9em;text-align:right;display:none} .v3item_comment .ct_extend{font-size:12px;font-weight:normal;padding:2px;margin-top:10px;line-height:130%;border-width:1px;border-style:dotted} .v3item_comment .ct_operate{font-size:9px;font-weight:normal;color:#222222;padding:2px;background-color:#c5dfff;margin:2px 0px;line-height:130%;border:1px dotted #E8E8E8} .v3item_waterfall .show_img{position: relative;} .v3item_waterfall .show_img .img_banner{vertical-align: top;width: 100%} .v3item_waterfall .show_img .img_text_left{position: absolute;left: 15px;top:10px;text-shadow: 1px 1px 2px rgba(0,0,0,.4);} .v3item_waterfall .show_img .img_text_left .title{font-size: 21px;} .v3item_waterfall .show_img .img_text_left .sub_title{font-size: 13px;padding-top: 0px;} .v3item_waterfall .show_img .img_text_right{position: absolute;right: 10px;bottom:5px;font-size: 10px;} .v3item_waterfall .show_img .img_text_right .dot{background-color: #fe555c; -webkit-border-radius:2px;-moz-border-radius: 2px;border-radius: 2px; display: inline-block;width: 16px;height: 16px;text-align: center; vertical-align: middle; line-height: 16px; margin-left: 5px;} .v3item_waterfall .show_img .img_text_right .dot_dark{background-color: #999999;} .v3item_waterfall .show_desc{padding: 10px 10px;margin: 0 } .v3item_waterfall .show_desc .text_desc{font-size: 12px} .v3item_waterfall .show_desc .tip_desc{position: relative;margin-top: 5px} .v3item_waterfall .show_desc .tip_desc .order_num{font-size: 10px;} .v3item_waterfall .show_desc .tip_desc .price{font-size: 16px;color: #FF0036;position: absolute; right: 0;top:-2px} /* 一些特殊的COMMENT控件：分享链接 */ .ct_attach_sharelink{position:relative;min-height:52px;vertical-align:middle;} .ct_attach_sharelink .ct_attach_sharelink_thumb{position:absolute;width:42px;height:42px;left:5px;top:5px;} .ct_attach_sharelink .ct_attach_sharelink_text{margin-left:52px;font-size:0.9em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;padding-top:8px;padding-right:8px;} /* 盒粉秀作品在评论中的展示 */ .ct_attach_fanshow{position:relative;min-height:80px;vertical-align:middle;} .ct_attach_fanshow .ct_attach_fanshow_thumb{position:absolute;width:80px;height:80px;top:0;} .ct_attach_fanshow .ct_attach_fanshow_text{margin-left:95px;font-size:0.9em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;padding-top:20px;padding-right:15px;} /* 一些特殊的COMMENT控件：我的日记里的左上角日期，错题本左上角日期 */ .v3item_comment .comment_header_left .ct_day_month{text-align:center;} .v3item_comment .ct_day_month .ct_diary_day{font-size:1.8em;font-weight:bold;} .v3item_comment .ct_day_month .ct_diary_month{font-size:0.8em;line-height:80%} .v3item_comment .comment_header_left .ct_day_month2{text-align:center;} .v3item_comment .ct_day_month2 .ct_diary_day{font-size:1.1em;font-weight:bold;border-width:1px;border-style:solid} .v3item_comment .ct_day_month2 .ct_diary_month{font-size:0.95em;border-width:1px;border-style:solid} /* V3版本的回复窗口 */ .v3ui_replybox {width:100%;visibility:hidden;} .v3ui_replybox .v3newreply_inner{padding:10px;position:relative;} .v3ui_replybox .v3newreply_inner .v3ui_switch[name=save_commont_reply]{display: inline-block;padding: 5px;} .v3ui_replybox .v3newreply_inner .v3ui_switch[name=save_commont_reply] .v3css_control_text{display: none;} .v3ui_replybox .nr_tip{font-size:0.8em;margin-bottom:5px;display:none;} .v3ui_replybox .nr_replyto{font-size:0.8em;margin-bottom:5px;} .v3ui_replybox .v3ui_richdiv{-webkit-user-select:auto;min-height:60px;max-height: 60px;overflow-y: auto;border-width:1px;border-style:solid;line-height:150%;padding:5px} .v3ui_replybox .nr_action{padding-top:10px;} .v3ui_replybox .nr_action .nr_action_left{font-size:1.8em;padding-left:5px;} .v3ui_replybox .nr_action .nr_action_right{text-align:right;font-size:1em;} .v3ui_replybox .nr_action .nr_action_right .nr_action_right_item{margin-left:6px;} /* 新建评论的托底工具栏 */ .v3ui_nc_toolbar{position:fixed;bottom:0px;left:0px;width:100%;border-top-width:1px;border-top-style:solid;visibility:hidden;z-index: 700} .v3ui_nc_toolbar .v3ui_nc_toolbar_inner{padding:5px;position:relative} .v3ui_nc_toolbar .nct_unit{display:inline-block} .v3ui_nc_toolbar .nct_left{font-size:1.6em;vertical-align:middle;} .v3ui_nc_toolbar .nct_left .nct_unit{margin:0px 10px;} .v3ui_nc_toolbar #nct_action_upload{display:none;position:relative;} .v3ui_nc_toolbar .nct_action_tooltip{position:absolute;top:-4px;right:-10px;font-size:0.45em;width:16px;height:16px;border-radius:8px;text-align:center;line-height:16px;vertical-align:middle} .v3ui_nc_toolbar .nct_right{vertical-align:middle;text-align:right;padding-right:5px;font-size:0.9em} .v3ui_nc_toolbar .nct_right .nct_unit{margin-left:5px;} /* V3版本的新建评论窗口 */ .v3ui_newcomment{} .v3ui_newcomment .nr_tip{font-size:0.8em;padding-left:5px;display:none;} .v3ui_newcomment .v3ui_richdiv{min-height:180px;position:relative;line-height:150%;padding:5px} /* 发帖警告信息 */ .v3ui_newcomment .rulelist{line-height:150%} .v3ui_newcomment .rulelist li{margin-left:24px;list-style:decimal;font-size:0.8em} .richdiv_text_tip{position:absolute;} /* 回复的列表ITEM定义 */ .v3item_reply{margin-bottom:0px;border-bottom-width:0;border-bottom-style:solid;min-height:initial;font-size:0.95em;padding-top:10px;padding-bottom:20px;} .v3item_reply .v3comment_header{min-height:40px;} .v3item_reply .comment_header_main{margin-left:40px;} .v3item_reply .ct_text{padding:5px 10px 5px 20px;} .v3item_reply .ct_thumb{width:32px;height:32px;vertical-align:top;border-radius:16px;} .v3item_reply .ct_reply_menu{font-size:1.2em;padding:5px 10px;} .v3item_reply .ct_text{padding-left:40px;} .comment_detail .ct_comment_menu{display:inline-block;padding:5px 10px;cursor:pointer} .comment_detail .ct_doreply{display:none} /* V3 版本输入控件，支持表情 */ .v3ui_richdiv{-webkit-user-select: auto;outline-width:0px;} .v3ui_richdiv .emotion{height:1em;vertical-align:middle} .touchslider{border-bottom-style: solid;border-bottom-width: 1px;} .touchslider .touchslider-nav{text-align:center;} .touchslider-nav .touchslider-nav-item {width:6px;height:6px;border:1px solid #E0E0E0;background:white;margin:0 2px;display:inline-block;-webkit-border-radius:3px;border-radius:3px;} .touchslider-nav .touchslider-nav-item-current {background-color:#0077c9;border-color:#0077c9;} /* 图片上传控件的CSS定义 */ .v3ui_image_upload{} .v3ui_image_upload .nbiu_form{margin-right:10px;margin-bottom:10px;display:none} .v3ui_image_upload .image_tip{margin:3px 0px;font-size:14px;font-weight:normal;/*visibility: hidden;*/} .v3ui_image_upload .nbiu_inrect{display:inline-block;border-width:1px;border-style:solid;position:relative;} .v3ui_image_upload .nbiu_inrect .v3css_icon_plus{text-align: center;font-size:3em;} .v3ui_image_upload .nbiu_preview{position:absolute;width:100%;height:100%;left:0px;top:0px;border-width:0px;display:none;} .v3ui_image_upload .nbiu_imginput{position:absolute;height:100%;width:100%;left:0px;top:0px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';} .v3ui_image_upload .nbiu_cancel{position:absolute;width:60px;height:60px;vertical-align:middle;z-index:150;display:none;cursor:pointer;top:-30px;right:-28px;background: url('/tina/static/app/cancel.png');background-size:60px 60px; } /* V3 微店沉底控件 */ .v3ui_shop{width: 100%;margin: 0;position: fixed;bottom : 0;z-index:2;height:40px;left: 0;filter: alpha(opacity=0);} .cart{} .cart img{height: 41px;width: 41px;vertical-align: middle} .cart .carttip{position:absolute;font-size:10px;border-radius:9px;width:16px;height:16px;line-height:16px;text-align:center;vertical-align:middle;right:-8px;top:-8px;left: 25px;top:0px; } .operation{position:absolute;right:0px;top:0px;font-size:0;} .operation .experience{font-size:14px;display:inline-block;*display:inline;*zoom:1;width: 80px;line-height: 41px;text-align:center;} .operation .addcart{font-size:14px;display:inline-block;*display:inline;*zoom:1;width: 80px;line-height: 41px;text-align:center;} .operation .buynow{font-size:14px;display:inline-block;*display:inline;*zoom:1;width: 80px;line-height: 41px;text-align:center;} .emotion{height:1em;margin:0 1px;vertical-align:middle;} /* 绘本阅读 */ /* 书评区的抬头部分 */ #commentitle{padding:5px;background-color:white;padding-top:10px;margin-bottom:5px;} /* 书评区本身是用table组织的，这里定义table的CSS风格 */ #commentitle>table{width:100%;border-spacing:0px;border-collapse:collapse;} /* 书评抬头区域的标题区，包括标题、配音标识、副标题 */ #commentitle .title{margin-bottom:6px;font-size:1.2em} #commentitle .audio{background-color:#F76967;color:white;padding:0px 2px;font-size:11px;font-weight:normal;} #commentitle .subtitle{font-size:12px;font-weight:normal;color:#838383;margin-bottom:6px;} /* 书评抬头区域的缩略图 */ #commentitle .thumb_box{width:75px;height:75px;margin-right:10px;vertical-align:top;position:relative;} #commentitle .thumb{width:75px;height:75px;vertical-align:top;} #commentitle .thumb_author_box{position:absolute;right:0px;bottom:0px;width:36px;height:36px;border:2px solid white;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;overflow:hidden;vertical-align:top;} #commentitle .thumb_author{width:36px;height:36px;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;} #commentitle .thumb_video_author{width:60px;height:60px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;} /* 书评抬头区域的星评区域 */ #commentitle .star_p{text-align:left;width:80px;vertical-align:bottom;} #commentitle .star_v{color:#989898;font-size:12px;font-weight:normal;vertical-align:bottom} /* 书评抬头区域的赞数量，评论数量 */ #commentitle .stat{text-align:right;padding-top:0px;padding-right:3px;color:#989898;font-size:12px;font-weight:normal;vertical-align:bottom} #commentitle .stat img{width:14px;margin-left:6px;margin-right:4px} /* 书评区域的操作按钮区域 */ #area_action{width:100%;border-spacing:0px;border-collapse:separate;color:white;text-align:center;font-size:12px;margin-top:8px;} #area_action td{width:25%} #area_action a{text-decoration:none;} #area_action .acbutton{padding:7px 0px;color:white;text-decoration:none;cursor:pointer} /* 图书阅读到最后一页展示的提示评论窗口*/ #docomment{position:absolute;top:80px;left:240px;width:360px;max-width:100%;border-radius:8px;border:1px solid #CCCCCC;background-color:white;overflow:hidden;display:none;} #docomment .rb_comment{background-color:#F2C75E;padding:8px 0px;text-align:center;text-decoration:none;color:#333333;font-size:14px;cursor:pointer} /* 阅读页面中右上角显示人物图标 */ .book_author_box{position:absolute;width:48px;height:48px;border:2px solid white;border-radius:26px;-webkit-border-radius:26px;-moz-border-radius:26px;overflow:hidden;vertical-align:top;line-height:36px;z-index:999} .book_author_box .thumb_author{width:48px;height:48px;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;} /* 阅读时选择多个配音项目 */ .showselect{position:absolute;top:0px;left:0px;width:320px;border:10px solid #00BBBB;z-index:10000;} .showselect .showcontainer{overflow-y:auto;cursor:pointer} .showselect .showselectip{border-bottom:1px solid #DDDDDD;font-size:13px;padding:8px;color:#333333;background-color: #fffbc7;line-height:140%;} .showselectip span{background-color:#CC1BAC;color:white;padding:0px 3px;margin-right:3px;} .showselect .thumb_box{width:50px;height:50px;border-radius:25px;overflow:hidden;position:absolute;left:12px;top:10px;} .showselect .thumb{width:50px;height:50px;border-radius:25px;} .showselect .nblocktxt{padding-left:70px;} /* 作文搜索 */ /* 作文搜索结果中的 作文简介 */ #article_profile{background-color:#F8F8F8; padding-top:5px;} /* 作文简介部分 */ #article_profile a{text-decoration: none;} #article_profile .article_profile_div{font-size:14px; background-color:white; border:1px solid rgba(15, 15, 15, 0.09); margin:7px; padding:8px;} /*文章标题 内容 关键字 标签*/ #article_profile .article_profile_div .article_title{color: blue;} #article_profile .article_profile_div .article_content{font-style: normal; color: #000000; padding-bottom: 4px; line-height: 20px;} #article_profile .article_profile_div em{color: #fe555c;font-style: normal;} #article_profile .article_profile_div .article_tag{font-size: 12px;background-color: white;color: green;} /* 作文翻页部分 */ #article_profile .statistic{margin: 10px; padding: 3px; font-style: normal;font-size: 14px;} #article_profile #navicontainer .navibutton{display:inline-block;background-color:white; margin:5px 2px;padding:5px 0px; width:40px; text-align:center; font-size:14px; font-weight:normal; border:0px solid #CCCCCC;} /* 作文翻页页码样式 */ #article_profile #page_tail div:link{color:#0000ff;} #article_profile #page_tail div:active{color:#fe555c;} #article_profile #page_tail div:visited{color:#000000;} #article_profile #page_tail div:hover{color: #f8f8f8;background-color: #8c8c8c;} /* 作文搜索表单部分 */ #article_div{margin:0px 10px 20px 10px;} #article_div table{width:100%;border:1px solid #CCCCCC;background-color:white;} /*搜索关键字 和搜索按钮*/ #article_div #kw{width:96%;height:24px;padding-left:5px;border-width:0px;} #article_div #search_article{border-width:0px;background-color:white;padding:3px 8px;} /* 基础布局 */ /* PC布局下的全局CSS，原来的style.pc.css内容 */ .pcss #body_inner{border:0 solid white;} .pcss #header{border-bottom-style:solid;border-bottom-width:0px;border-bottom-color:#C9D7F1;} .pcss #main #content{padding:10px;text-align:left;vertical-align:top;} .pcss #main #sidebar{width:180px;padding-right:20px;border-right:1px solid #C9D7F1;vertical-align:top;text-align:left;} .pcss #footer{border-top-style:solid;border-top-width:2px;border-top-color:#C9D7F1;padding-top:2px;} .pcss #headtitle{font-family:"Trebuchet MS" , "微软雅黑","黑体";margin:10px 0px 10px 16px;} .pcss #headtitle h1{font-size:20px;font-weight:bold;} .pcss #headtitle h2{font-size:13px;font-weight:normal;} .pcss .trademark{text-align:center;font-size:11px;color:#999999;line-height:150%;} .pcss #sidebar h2{font-family:"Trebuchet MS" , "微软雅黑","黑体";text-align:center;padding-top:10px;font-size:16px;color:#551A8B;} .pcss .tina_widget h1{line-height:40px;margin-top:10px;margin-bottom:10px;text-align:center;font-size:15px;background-color:#EEEEEE;color:#303030;font-weight:normal;border:1px solid #C0C0C0;} .pcss .tina_choice h1{background-color:#4C6696;color:#F0F0F0;border-width:0px;} /* APP和微信的公共头部布局风格，微信默认高度40，APP是50 */ .apptitle{position:fixed;top:0px;left:0px;height:40px;line-height:40px;width:100%;/*border-top:1px solid #2B61C0;*/ border-bottom:1px solid #D0D0D0;text-align:center;vertical-align:middle;font-size:15px;font-weight:bold;background-color:white;z-index:500;/*-webkit-box-shadow:0 2px 3px rgba(216,216,216,0.5);*/} /* 微信的页面头部稍微有别于APP */ .nbhead{border-top-width:0px;} .nbhead .nbnavi{height:24px;padding:8px 8px;position:absolute;} .nbhead .nbnavi img{vertical-align:top;height:24px;} /* 微信顶部的导航按钮 */ .wxnavi{position:fixed;left:8px;top:8px;width:32px;height:32px;border-radius:16px;background-color:white;opacity:0.8;z-index:400;} .wxnavi img{width:24px;height:24px;vertical-align:top;margin:4px;} /* 支付与订单 */ .section {margin-top: 20px; } .section .title { margin: 0px 2px 10px 5px; font-size: 0.8em; font-weight: bold; position: relative; } .nblist {} .nblist_ec{padding:5px;font-size:1em;} .ec_introduce img{ max-width : 100%; max-height: 100%; } .nblist .nblock_ec_last {padding: 5px; border-bottom-width: 0px; padding-bottom: 0px;} .nblist .nblock { border-bottom-width: 1px;border-style:solid; padding: 6px 10px; position: relative; min-height: 75px;} .nblist .nblock_ec{padding: 5px;position:relative;border-bottom: 1px solid #DDDDDD;} .nblist .nblockimg { position: absolute; } .nblist .nblockimg .nbimgsquare { width:56px;height:56px; vertical-align: top; margin-right: 10px;} .nblist .nblockimg .nbimgrecommed {position: absolute; left: 0px; top: 0px; width: 36px;} .nblist .nblocktxt {padding-left: 90px;} .nblist .audioitem{ border-bottom :1px solid #DDDDDD;padding:15px 0px;font-size: 16px;position:relative;} .audioitem .pagetip{ font-size:0.8em; color:#888888; width:60px; display:inline-block; text-align:right;} .nblist .audioitem_focus{background-color:#3E3D32; color: white; } .nblist .nbtitle {font-size: 0.8em; font-weight: bold; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .nblist .nbtitle2 {margin-top: 2px;} .nblist .nbtitle3 {font-size: 0.8em; font-weight: bold; margin-top: 8px; text-overflow: ellipsis; overflow: hidden; } .nblist .nbsubtitle {font-size: 0.7em; font-weight: normal; margin-top: 6px; text-overflow: ellipsis; overflow: hidden;} .nblist .nbsubtitle2 {margin-top: 2px;} .nblist .item{ display:inline-block; padding : 0px 2px; font-size : 0.8em; font-weight : normal; } .nblist .price {font: normal 14px/22px Arial, 'Microsoft YaHei'; font-size: 1.1em; } .nblist .nbfoot {position: absolute; right: 10px; bottom: 5px; font-size: 0.7em; font-weight: normal;} .nblist .hot {display: inline-block; padding: 0px 2px;} .nblist .audio {display: inline-block; padding: 0px 2px;} .detail{} .unit_touchslider{text-align:center;} .unit_touchslider img{width : 100%; vertical-align:top;} .unit_brief{position:relative;padding: 5px 10px;} .unit_brief .title {font-size: 0.8em; margin-top: 5px; } .unit_brief .subtitle {font-size: 0.88em; font-weight: normal; margin-top: 5px;line-height:150%;} .unit_brief .item{ display:inline-block; padding : 0px 2px; font-size : 0.8em; font-weight : normal; } .unit_brief .item2{border-width:1px;border-style:solid;padding:1px;border-radius:2px;font-size:0.6em;} .unit_brief .audio {display: inline-block; padding: 1px} .unit_brief .price_item {margin-top: 5px; font: normal 14px/22px Arial, 'Microsoft YaHei'; font-size: 1.5em; } .unit_brief .price_item .points{margin-left: 3px;} .unit_brief .price_item .discount{margin-left:10px;padding:1px 1px;font-size: 0.6em;} .unit_brief .price_item .fprice{text-decoration:line-through;font-size: 1em;margin-right: 10px;} .unit_brief .tip{margin-top: 5px;font-size:0.9em} .unit_gift{} .unit_gift .gtitle{padding:10px 0px; vertical-align:middle} .unit_gift .gtitle .gname{margin-left: 10px;} .unit_gift .gtitle .gname2{border-width:1px;border-style:solid;padding:1px;border-radius:2px;font-size:0.7em;} .unit_gift .gtitle .gtip{padding:1px 1px;} .unit_gift .gift_items{} .unit_gift .item_inline{position:relative; height: 50px;} .unit_gift .item_inline .item_info{position: absolute;left: 15px;top:15px;width: 85%;line-height: 1.5;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} .unit_gift .item_inline .item_left{position: absolute;right: 10px;top:18px;text-align: right;} .unit_select{} .unit_select .stitle{padding:15px 10px; } .unit_combo{} .unit_combo .ctitle{padding:10px 10px; } .unit_combo .combo_items{} .unit_combo .item_inline{position:relative; height: 80px;} .unit_combo .item_inline .item_img{position: absolute;margin:10px;left:0} .unit_combo .item_inline .item_info{position: absolute;left: 70px;top:30px;width: 70%;line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .unit_combo .item_inline .item_left{position: absolute;right: 10px;top:33px;text-align: right;} .unit_content {} .unit_content .ctitle{padding:10px 10px; border-bottom-style: solid; border-bottom-width: 1px;} .unit_content .cdetail{ font-size: 0.8em; border-bottom-style: solid; border-bottom-width: 1px;} .unit_content .cdetail img{max-width : 100%; max-height: 100%; } .unit_content .cdetail2 img{width:100%; height:100%; vertical-align:top;} .unit_content .more{text-align:center;padding: 15px 0px;} .unit_promotion{} .unit_promotion .ctitle{padding:10px 0px;} .unit_promotion .ctitle .cname{margin-left: 10px;} .unit_promotion .items{border-bottom-style:solid; border-bottom-width:1px;} .unit_promotion .items .item{border-top-width: 1px; border-top-style: solid;padding: 10px 0px;} .unit_promotion .items .title{position: relative;padding-left: 10px;} .unit_promotion .items .title_name{width: 75%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} .unit_promotion .items .title_price{position: absolute;right: 10px;top:0px;} .unit_promotion .items .discount_price{position: absolute;right: 10px;top:20px;border-width:1px;border-style:solid;padding:1px;border-radius:2px;font-size:0.6em;} .unit_promotion .items .sub_title{padding: 5px 10px;font-size: 0.8em;} .unit_promotion .items .item_img{text-align:center;padding: 5px 10px 2px 10px;} .unit_promotion .items .item_img img{width:100%; max-height:100%;} .unit_promotion .more{text-align:center;padding: 15px 0px;border-top-style:solid; border-top-width:1px;} .unit_operate{background-color:white;width: 100%;margin: 0;position: fixed;bottom : 0;border-top-style:solid; border-top-width:1px;height:55px;left: 0;} .unit_operate .op_container{position: relative;} .unit_operate .op_container .op_price{position: absolute;right:108px;top: 0;font-size: 1em;vertical-align:middle;line-height: 25px;} .unit_operate .op_container .op_price2{position: absolute;left:10px;top: 0;font-size: 1em;vertical-align:middle;line-height: 25px;} .unit_operate .op_container .experience{position: absolute;right:100px;top: 0; width: 100px;line-height: 50px;text-align: center;} .unit_operate .op_container .op_account{position: absolute;color:white;right: 0;top: 0;width: 100px;line-height: 50px;text-align: center;} .unit_operate .op_container .op_account2{position: absolute;color:white;right: 10px;top: 8px;width: 120px;line-height: 42px;text-align: center;} .unit_operate .op_container .op_purchase{position: absolute;color:white;right: 0;top: 0;width: 50%;line-height: 55px;text-align: center;} .unit_operate .op_container .op_service{position: absolute;top: 0;width: 50%;line-height: 55px;text-align: center; display: inline-block} /* 订单页面样式 */ .small{font-size: 0.8em;} .order{font-size: 1em;} /*订单或购物车title信息*/ .order .o_title_div{padding-left: 10px;} .order .o_title{position: relative;line-height: 40px;height: 40px;border-bottom-width: 1px;border-style:solid;} .order .o_title_tcont {position: absolute;top:0;} .order .o_title_tcont_icon {width: 16px;height: 14px;vertical-align: middle;} .order .o_title_tcont_name {} .order .o_title_state{position: absolute;right: 0;top:0;padding:0 10px;} /*订单和购物车列表信息*/ .order .shop_list_div{padding-left: 10px;} .order .shop_list{position:relative; height: 130px;border-bottom-width: 1px;border-style:solid} .order .shop_list_img{position: absolute;top:0;margin:10px 10px 12px 0;left:0} .order .shop_list_img img{width: 80px;height: 110px;vertical-align: middle} .order .shop_list_info{position: absolute;top:0;left: 90px;margin: 10px 0;width: calc(80% - 98px);height:85%;line-height: 1.4} .order .shop_list_info_title{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .order .shop_list_info_subtitle{margin: 0;font-size: 0.9em;ext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .order .shop_list_info_sku{margin: 0;font-size: 0.9em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} .order .order-serviceinfo{margin: 0} .order .shop_list_paydata{position: absolute;right: 0;top:0;padding: 10px;text-align: right;} .order .shop_list_paydata .price{font-weight: 700} .order .shop_list_paydata .nums{font-weight: 400;} /*实物订单确认中配送方式*/ .order .o_distribution_mode{line-height: 40px;border-bottom-width: 1px;border-style:solid;} /*订单列表中费用信息*/ .order .o_total_price{line-height: 20px;padding: 10px 0px;position:relative;} .order .o_total_price .cont{text-align: right;padding: 0 10px;} .order .o_total_price .cont b{} .order .o_total_price .cont span{} /*明细页面中费用信息*/ .order .o_price_freight{padding: 10px;line-height: 1.5;border-bottom-width: 1px;border-style:solid;} .order .o_price_freight dl{position: relative;} .order .o_price_freight dl dt{} .order .o_price_freight dl dd{position: absolute;top:0;right: 0;} /*支付操作按钮*/ .order .o_operator_btn{line-height: 40px;position:relative;} .order .o_operator_btn ul{text-align: right;padding: 0 2px;} .order .o_operator_btn ul .div_img {position: absolute;left: 5px;} .order .o_operator_btn ul .div_img img{width: 22px;height: 22px;border-radius:22px;vertical-align: middle;} .order .o_operator_btn ul li{margin-left:5px;padding:5px 15px;line-height:20px;border-bottom-width: 1px;border-style:solid;display: inline-block} /*列表间分割线*/ .order .o_cut_off_rule{height: 10px;} /*购物车中编辑个数*/ .order .customize{position: absolute;right: 0px;bottom:0px;text-align: center;} .order .customize_qua_def{display: inline-block;font-size: 18px;line-height: 27px;} .order .customize_qua{border-width: 1px; border-style: solid;display: inline-block;} .order .qua_decrease{width:26px;line-height:24px;display: inline-block;border-right-width: 1px ;border-right-style: solid;padding: 1px;} .order .quantity{width:26px;text-align:center;border: 0;margin: 0;padding: 1px;line-height: 24px} .order .qua_increase{margin: 0;width:26px;line-height:24px;display: inline-block;border-left-width: 1px;border-left-style: solid; padding:1px} .order .customize_wastebin{display: inline-block;vertical-align: middle;padding-left: 10px;} .order .customize_wastebin img{width: 20px;height: 20px} .v3item_recharge_box{display:inline-block;width:100px;min-height:initial;} .v3item_recharge_box .v3item_thumb_box_selected{} .v3item_recharge_box .v3item_thumb_box{position:relative;border-radius:5px;margin-bottom:10px;text-align:center;vertical-align:middle; border-width:1px;border-style:solid} .v3item_recharge_box .v3item_title{width:100%;height:auto;margin-bottom: 0px;margin-top:8px; font-size: 1.2em;} .v3item_recharge_box .v3item_subtitle{width:100%;height:auto;font-size: 0.9em;} /* 软文页面 */ /* jct3Content：创作的内容在展示的时候风格定义 */ .content_container{padding:6px;padding-top:18px;} .content_container #cc_title{line-height:28px;font-weight:normal;font-size:22px;word-wrap:break-word;} .content_container #cc_metalist{font-size:12px;margin:10px 0px;color:#8C8C8C} #cc_metalist #cc_weixin{text-decoration:none;color:#607fa6} #cc_metalist #cc_author{text-decoration:none;color:#607fa6;padding:0 5px} #cc_metalist #cc_origin{display:inline-block;border-width:1px;padding:0 2px;border-radius:2px;} .content_container #cc_action{text-align:right;margin-top:20px;} #cc_action .cc_button{display:inline-block;width:80px;padding:6px 0px;text-align:center;font-size:13px;background-color:lightcoral;color:white;cursor:pointer} #cc_action .cc_info_val2{font-size:10px;color:#999999;margin-left:3px;} .content_container #cc_content{font-size:16px;line-height:170%;margin-top:20px;position:relative;word-wrap:break-word;word-break:break-all;text-align:justify} #cc_content img{max-width:100%;} .content_container .classlevel{margin-top:10px;font-size:14px;color:#666666} .classlevel span{margin:0px 1px;padding:2px;background-color:green;color:white;font-size:10px;} .classlevel .c1{background-color:#fe555c;color:white;} .classlevel .c2,.classlevel .c4,.classlevel .c8{background-color:blue;color:white;} .content_container #cc_wxfoot{margin-top:10px;} .content_container #cc_infolist{font-size:13px;color:#8C8C8C;margin-top:10px;} #cc_infolist .cc_info_val{margin-right:12px;} /* 微课页面 */ /* 微课堂列表风格 */ .ml_intro{line-height:180%;font-size:12px;padding:6px;padding-bottom:0px;} .ml_intro .mli_title{color:white;padding:2px 3px;margin-right:3px;} .ml_intro .mli_foot{line-height:100%;text-align:right;padding-right:10px;font-size:0.9em;color:#666666} .misection{} .misection .title{margin:0px 2px 10px 8px;font-weight:bold;position:relative;color:#333333;} .misection .title .flag{display:inline-block;width:5px;background-color: #6285ff;margin:0px;margin-right:8px} .misection .title .right{position:absolute;right:10px;top:0px;} .misection .textbox{border-top-style:solid;border-top-width:1px;} .misection .richtext{margin-left:20px;text-align:left;color:#666666;line-height:200%;font-size:0.9em;} .misection .milesson_score{font-size:40px;color:#fe555c;padding-right:5px;text-align:right;} .misection .milesson_score .milesson_score_unit{font-size:12px;color:#666666} .misection .milesson_score_ratio{font-size:12px;color:#333333;padding-right:5px;padding-top:3px;text-align:right;} .misection .section_line_box{border-top:1px solid #F0F0F0;background-color:#FEFEFE;} .misection .section_line_box .line_item{border-bottom:1px solid #F0F0F0;position:relative;padding:12px;} .misection .section_line_box .line_item .line_thumb{height:24px;position:absolute;top:8px;} .misection .section_line_box .line_item .line_text{margin-left:30px;} .misection .section_line_box .line_item .line_right{position:absolute;right:8px;top:12px;} .misection .milnblist{;position:relative;border-top-style:solid;border-top-width:1px} .misection .milnblist .milnblock{min-height:120px;padding:5px 10px;border-bottom-style:solid;border-bottom-width:1px;position: relative} .misection .milnblist .milnblockimg .milnbimgsquare{position:absolute;width:80px;height:120px;vertical-align:top;} .misection .milnblist .milnblocktxt{padding-left:90px;padding-top:3px;} .misection .milnblist .milnbtitle{font-size:1em;font-weight:normal;color:#353535;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;margin-bottom:3px; } .misection .milnblist .milnbsubtitle{margin-top:3px;font-size:0.8em;color:#999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .misection .milnblist .milnbsubtitle2{margin-top:3px;font-size:0.7em;color:#999999;} .misection .milnblist .nbsr{font-size:0px;} .misection .milnblist .ct_starnk_shell{font-size:0.75em} .misection .milnblist .milnbprice{color: #fe555c;line-height: 16px;position :absolute;right:10px;bottom:5px;} .misection .milnblist .milnbservice{color: #fe555c;position:absolute;right:10px;bottom:5px;text-align:right;} .misection .milnblist .milnbfoot{position:absolute;left:100px;bottom:5px;font-size:10px;color:#808080} .misection .milnblist>*:last-child .milnblock{border-bottom-width:0} .milesson_brief{padding:10px 15px 0px 5px;} .milesson_brief .title{color:#555555;} .milesson_items{font-size:14px;margin-bottom: 20px} .milesson_items .v3item:first-child{border-top-width:0px;} .milesson_items .item_score_val{font-size: 1.5em} .milesson_items .items_table{} .milesson_items .items_table td{padding:14px 0px;} .milesson_items .item_line{cursor:pointer;border-bottom: 1px dotted #E0E0E0} .milesson_items .item_click{} .milesson_items .item_name{color:#333333} .milesson_items .items_table .item_level1{padding-left:2px;} .milesson_items .items_table .item_level2{padding-left:15px;} .milesson_items .items_table .item_level3{padding-left:30px;} .milesson_items .items_table .item_node{font-weight:bold;color:#333333;} .milesson_items .items_table .item_score{text-align:right;padding-right:10px;font-size:1.3em;width:4em} .milesson_items .items_table .item_score .item_score_unit{font-size:0.5em;color:#666666;margin-left:2px;} .milesson_items .items_table .item_score .item_score_free{font-size:0.7em;color:darkblue} .milesson_items .icon_public{vertical-align:middle;width:14px;height:14px;display:inline-block;margin:-2px 6px 0 6px;} .milesson_items .icon_node{background: url('/tina/static/app/icon/v2/milesson/node.png');background-size:14px 14px;} .milesson_items .icon_leaf{background: url('/tina/static/app/icon/v2/milesson/leaf.png');background-size:14px 14px;} .milesson_items .icon_leafdone{background: url('/tina/static/app/icon/v2/milesson/leafdone.png');background-size:14px 14px;} .milesson_items .icon_r_arrow{margin-left:5px;margin-right:2px;} .milesson_tab{font-size:14px;text-align:center;width:100%;border-spacing:0px;border-collapse:collapse;vertical-align:middle;} .milesson_tab td{border-bottom:1px solid #DDDDDD;padding:6px 0px;} .milesson_tab .milesson_tab_item{color:#666666} .milesson_tab .milesson_tab_focus{border-bottom:2px solid darkgreen;font-size:1.15em;color:darkgreen} /* 网校页面风格 */ .vschool_section{} .vschool_section .vsnblist{;position:relative;border-top-style:solid;border-top-width:1px} .vschool_section .vsnblist .vsnblock{min-height:134px;padding:15px 12px;border-bottom-style:solid;border-bottom-width:1px;position: relative} .vschool_section .vsnblist .vsnblockimg{position: absolute} .vschool_section .vsnblist .vsnblockimg .vsnbimgsquare{width:100px;height:134px;vertical-align:top;} .vschool_section .vsnblist .vsnblockimg .vsnbimgtag{font-size:12px;position:absolute;bottom:0;width:100px;text-align: center;height: 25px;line-height: 25px;background-color:rgba(51,51,51,0.5)} .vschool_section .vsnblist .vsnblocktxt{padding-left:115px;} .vschool_section .vsnblist .vsnblocktxt .vsnbtitle{position: relative;font-size:16px;font-weight: bolder; } .vschool_section .vsnblist .vsnblocktxt .vsnbtitle_text{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; max-width: calc(100% - 57px);display: inline-block} .vschool_section .vsnblist .vsnblocktxt .vsnbtitle_tag{margin-left:-20px;text-align: center;width: 100px;line-height:32px;border-radius:4px;font-size: 20px;height: 32px;position: absolute;top:-5px;display: inline-block;transform:scale(0.5)} .vschool_section .vsnblist .vsnblocktxt .vsnbsubtitle{font-size:12px; margin-top: 12px} .vschool_section .vsnblist .vsnblocktxt .vsnbsubtitle .tag_text{margin-bottom: 8px} .vschool_section .vsnblist .vsnblocktxt .tag_text .dot { display: inline-block;width: 5px;height:5px;border-radius:2.5px;margin-right: 10px;vertical-align:middle } .vschool_section .vsnblist .vsnblocktxt .tag_text .cut{ padding:0 8px } .vschool_section .vsnblist .vsnbfoot{position:absolute;left:127px;font-size:10px;} .vschool_section .vsnblist .vsnbfoot .vsnbprice{font-size: 12px} .vschool_section .vsnblist .vsnbfoot .vsnbprice .price_mark{color: #ff0036;} .vschool_section .vsnblist .vsnbfoot .vsnbprice .price_num{color: #ff0036;font-size: 20px} .vschool_section .vsnblist .vsnbfoot .vsnbprice .price_tag{} /* 网校产品列表展示样式 */ .vschool-item {padding-bottom: 15px;} .vschool-item .item-content{background-color: white;border-radius: 5px;} .vschool-item .item-content .item-show-div{position: relative;padding-top: 31.3%;} .vschool-item .item-content .item-show-div img{width: 100%;position: absolute;top: 0;left: 0;height: 100%;border-top-left-radius: 5px; border-top-right-radius: 5px;} .vschool-item .item-content .item-show-div .item-show-label{font-size: 12px;color: white;background-color: rgba(0,0,0,0.35);right: 0;top:5px;position: absolute;z-index: 2;height: 26px;padding: 0 13px;line-height: 26px;border-top-left-radius: 13px;border-bottom-left-radius: 13px;} .vschool-item .item-content .item-show-text{padding: 0 10px 15px 10px;position: relative;} .vschool-item .item-content .item-show-text .item-show-name{padding-top: 15px;display: inline-block;font-size: 15px; color: #333333;} .vschool-item .item-content .item-show-text .item-show-name div{display: inline-block;vertical-align: middle;} .vschool-item .item-content .item-show-text .item-show-name img{width: 14px;padding-right: 5px;} .vschool-item .item-content .item-show-text .item-show-tag {padding-top: 10px;font-size: 12px;color: #999999;text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} .vschool-item .item-content .item-show-text .item-show-tips {font-size: 18px; color: #999999;position: absolute;right: 10px;bottom: 15px;font-weight: bolder;} .vschool-item .item-content .item-show-text .item-show-money{font-size: 18px;color: red;position: absolute;right: 10px;bottom: 15px;display: inline-block;} .vschool-item .item-content .item-show-text .item-show-money .sign{font-size: 12px;display: inline-block;} /* 高级页面 */ .icon{display:inline-block;width:84px;text-align:center;margin-bottom:10px;position:relative} .icon a{text-decoration:none} .icon .icon_img{width:100%;padding-bottom:6px;} .icon .icon_img img{width:50px;height:50px;} .icon .icon_text{color:#333333;} .icon .icon_tip{font-size:10px;color:#999999;} .icon .digitip{position:absolute;font-size:11px;background-color:#fe555c;color:white;font-weight:normal;border-radius:10px;width:18px;height:18px;line-height:18px;text-align:center;vertical-align:middle;left:64px;top:-6px;} .icon .dotip{position:absolute;background-color:#fe555c;border-radius:4px;width:8px;height:8px;left:64px;top:-5px;} /* APP本地缓存页面版本号的风格位 */ .mirrorver{text-align:right;font-size:9px;color:#999999;font-weight:normal;padding:10px;display:none;} .mirrorun{width:16px;display:none;position:absolute;right:3px;top:3px;z-index:999;} .topsection{padding:15px;text-align:center;font-size:1.1em;margin-top:10px;margin-bottom:10px;} .v3appsection{} .v3appsection .v3apptitle{padding:10px;font-weight:bold} .v3appsection .v3appsection_more_bottom{padding:10px;border-top-width:1px;border-top-style:solid;} .v3appicon{text-align:center;position:relative} .v3appicon .icon_img{display:inline-block;position:relative} .v3appicon .icon_img img{height:42px;} .v3appicon .icon_img .icon_img_flag{position:absolute;width:16px;height:auto;top:-8px;right:-12px;} .v3appicon .digitip{position:absolute;font-size:11px;font-weight:normal;border-radius:10px;width:18px;height:18px;line-height:18px;right:-10px;top:-6px;} .v3appicon .dotip{position:absolute;border-radius:4px;width:8px;height:8px;right:-10px;top:-2px;} .v3appicon .icon_info{} .v3appicon .icon_text{font-size:0.9em;} .v3appicon .icon_tip{font-size:0.8em;} /* 右上角带图标的图标风格，国学、科学等使用 */ .v3appicon_corner_img{border-radius:6px;position:relative;padding-top:10px;padding-bottom:10px;} .v3appicon_corner_img .corner_img{position:absolute;top:0px;right:0px;width:32px;} .v3appicon_corner_img .icon_text{color:white} /* 左右布局的图标 */ .v3appicon_left_right{border-radius:6px;position:relative;padding-top:20px;padding-bottom:20px;} .v3appicon_left_right .icon_img_container{display:inline-block;vertical-align:middle} .v3appicon_left_right .icon_img_container img{vertical-align:top;} .v3appicon_left_right .icon_info{display:inline-block;vertical-align:middle;} /* 布局：内部加线 */ .v3css_linetable{border-top-width:1px;border-top-style:solid;} .v3css_linetable tr{border-bottom-width:1px;border-bottom-style:solid;} .v3css_linetable tr:last-child{border-bottom-width:0;} .v3css_linetable td{border-left-width:1px;border-left-style:solid;} .v3css_linetable tr td:first-child{border-left-width:0px;} /* 布局：横向1+4 */ .v3ui_layout_1plus4 .icon_background{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden} .v3ui_layout_1plus4 td{position:relative;padding-top:5px;width:25%;} .v3ui_layout_1plus4 tr:first-child td:first-child{padding-top:0px;width:50%} .v3ui_layout_1plus4 .icon_background img{width:100%;} .v3ui_layout_1plus4 tr:first-child td:first-child .icon_text{font-size:1.1em} .v3ui_layout_1plus4 tr:first-child td:first-child .icon_tip{font-size:0.85em;} /* 课内上端的公告 */ .v3css_notice{padding-top:8px;padding-bottom:8px;} .v3css_notice table td:first-child{font-size:1em;font-weight:bold;padding:2px 10px;border-right-width:1px;border-right-style:solid;width:60px;} .v3css_notice table td:last-child{padding-left:10px;} .v3css_notice .new_notice_tip{border-radius:3px;border-width:1px;border-style:solid;padding-left:3px;padding-right:3px;margin-right:5px;} /* 课内：学习工具 */ .school_tool table #app_click .icon_text{color:#00b9ff;font-weight:bold;} .school_tool table #app_click .icon_tip{color:#fe555c} .school_tool_old .v3css_linetable td{padding-top:20px;padding-bottom:10px;width:33.3%} /* 课内：微课堂 */ .school_milesson .v3css_linetable td{padding-top:25px;padding-bottom:20px;width:33.3%} /* 课内：参考资料 */ .school_reference .v3css_linetable td{padding-top:20px;padding-bottom:10px;width:33.3%} /* 课外：盒粉秀 */ .outer_fanshow_room table td{width:50%} .outer_fanshow_room .v3appicon_left_right{padding-top:10px;padding-bottom:10px;} .outer_fanshow_room .v3appicon_left_right .icon_info{width:70px;} .outer_fanshow_room .v3appicon_left_right .icon_img_container img{height:56px;width:56px;} /* 课外：盒粉专区 */ .outer_fanshow table td{width:25%} /* 课外：影音盒子 */ .outer_video table td{width:33.33%;padding-top:20px;padding-bottom:10px;} /* 课外：阅读天地 */ .outer_reading table{border-spacing:10px;border-collapse:separate;} .outer_reading table td{width:33.33%} .outer_reading .icon_img_container img{height:45px;width:45px;} .outer_reading .v3appicon_corner_img{padding-top:10px;padding-bottom:10px;} .outer_reading .v3appicon_left_right{padding-top:15px;padding-bottom:15px;} .outer_reading .v3appicon_left_right .icon_info{width:60px;} .outer_reading .v3appicon_left_right .icon_info .icon_text{color:white} .outer_reading .v3appicon_left_right .icon_info .icon_tip{color:#F0F0F0} /* 世界：成长圈 */ .world_sns table td{width:33.33%;padding-top:10px;padding-bottom:10px;} .world_diary table td{width:25%;padding-top:10px;padding-bottom:10px;} /* 世界：时光机 */ .world_game table td{width:33.33%;padding-top:10px;padding-bottom:10px;} /* 世界：父母天地 */ .world_parent table td{width:25%;padding-top:15px;padding-bottom:15px;} /* 我：MAIN部分 */ .auth_main table td{width:25%;padding-top:15px;padding-bottom:15px;} .auth_user_center td{width:25%;padding-top:15px;padding-bottom:15px;} /* 我：OA部分 */ .auth_namibox_oa table td{width:25%;padding-top:15px;padding-bottom:15px;} /* 我：顶部个人信息 */ #authuser{position:relative;height:240px;text-align:center;text-shadow: 1px 1px 2px rgba(0,0,0,.4);} #authuser .userbackground{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100} #authuser .userinfo{position:absolute;width:100%;height:100%;top:0;left:0;z-index:200;} #authuser .headimg{padding-top:70px;} #authuser .headimg img{width:90px;height:90px;border-radius:45px;border:2px solid white ;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4);} #authuser .username{font-size:1.3em;margin-bottom:5px;} #authuser .userlevel{} #authuser .userlevel img{height:14px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4);} #authuser .usersign{position:absolute;z-index:201;right:0px;top:70px;} #authuser .signbutton{padding:5px;} #authuser .signstate{font-size:0.7em;text-align:right;padding:5px;} #authuser .userredpack{position:absolute;z-index:201;left:0px;top:20px;} #authuser .redpack_title{text-align:left;padding-left:10px;} #authuser .redpack_balance {font-size:5em;text-align:left;padding:5px;padding-top: 20px;} #authuser .logintip{font-size:1.2em;margin-top:5px;} #authuser .fans_follow{font-size:0.9em;} #authuser .fans_follow span{padding: 10px} #authuser .fans_follow label{padding-left: 10px} /* 微信分享 */ .v3ui_wx_timeline{position:relative;min-height:50px;} .v3ui_wx_timeline #wx_thumb{position:absolute;} .v3ui_wx_timeline #wx_thumb img{width:45px;height:45px;} .v3ui_wx_timeline #wx_text{padding-left:55px;font-size:0.85em;padding-top:5px;} .v3ui_wx_friend{position:relative;padding:3px;background-color:#B6DF5D;width:280px;border-radius:5px;} .v3ui_wx_friend #wx_pointer{position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #B6DF5D;top:20px;right:-9px;} .v3ui_wx_friend #wx_inner{padding:7px;} .v3ui_wx_friend #wx_title{padding-bottom:5px;font-size:0.9em;color:black} .v3ui_wx_friend #wx_body{position:relative;min-height:60px;} .v3ui_wx_friend #wx_thumb{position:absolute} .v3ui_wx_friend #wx_thumb img{width:60px;height:60px} .v3ui_wx_friend #wx_text{padding-left:70px;font-size:0.80em;-webkit-line-clamp:4} /* 标准APP页面的布局 */ .wx_homepage td{width:25%;padding-top:10px;padding-bottom:10px;} /** ME 页面 **/ .pme_book{} .pme_book .title_right{font-size: 12px;} .pme_book .icon_big{display: inline-block;vertical-align: top;width: 80px;} .pme_book .icon_big .book_box{position: relative;} .pme_book .icon_big .book_tag{border-radius:0 8px 8px 0 ;position: absolute;width:56px;text-align:center;bottom: 4px;left: 0;background:rgba(254,85,92,0.9) ;font-size: 10px;line-height: 16px} .pme_book .bookinfo { width:100%; height: 100%; position: relative;} .pme_book .book_title { font-size: 10px} .pme_diary table td{width:25%;padding-top:10px;padding-bottom:10px;} /*** 4.0 UI ***/ .v4appiconlayout{} .v4appiconlayout table{border-collapse:separate; border-spacing:5px;} .v4appiconlayout .two_td td{width:50%} .v4appiconlayout .three_td td{width:33.33%} .v4appiconlayout .four_td td{width:25%} .v4appiconlayout .five_td td{width:20%;} .v4appsection{} .v4appsection .v4apptitle{padding:12px 12px 10px 12px;font-weight:bold;position: relative;color: #333333} .v4appsection .v4apptitle .title_right{position: absolute;top: 12px;right: 12px;font-weight: normal} .v4appsection .v4appinfo{padding: 0 12px} .v4appimg{position: relative} .v4appimg img{width: 100%;vertical-align: top} .v4appimg .icon_text1{position: absolute;top:10px ;left: 10px} .v4appimg .icon_title1{font-size: 3.73vw;text-align: left} .v4appimg .icon_subtitle1{font-size: 2.93vw;text-align: left} .v4appimg .icon_text2{position: absolute;top:15px ;left: 10px} .v4appimg .icon_title2{font-size: 4.26vw;text-align: left} .v4appimg .icon_subtitle2{font-size: 3.2vw;text-align: left} .v4item{position:relative;vertical-align:top;padding-bottom: 15px;min-height: 66px} .v4item .v4item_left{position:absolute;left:0;width:66px;border-style:solid;border-right-width:1px;padding-right: 10px} .v4item .v4item_thumb{width:66px;height:66px;border-radius:5px;vertical-align:top} .v4item .v4item_author{text-align:center;font-size:0.8em;padding-top:5px;font-weight:bold} .v4item .v4item_middle{margin-left:86px;min-height: 66px} .v4item .v4item_title{font-size:1em;font-weight:normal} .v4item .v4item_starank{font-size:0.6em;} .v4item .v4item_subtitle{font-size:0.8em;} .v4item .v4item_statistic{font-size:0.65em;vertical-align:top;position: absolute;bottom: 12px} .v4item .v4item_statistic .v4item_stat_unit{padding-right:5px;} .v4item .v4item_right{position:absolute;right:12px;top:12px;} .v4item .v4item_relate{width:84px;height:84px;vertical-align:top;} .v4item .v4item_relate_text{overflow:hidden;font-size:0.8em;} .v4item .v4item_rec{font-size: 11px;padding: 2px 3px;height: 12px;line-height: 14px;border: 1px solid;border-radius: 15%;display: inline-block;vertical-align: text-top;} /* 微课堂列表风格2,左边视频样式图标 */ .milesson_section{} .milesson_section .milnblist{;position:relative;} .milesson_section .title{margin:0px 2px 10px 8px;font-weight:bold;position:relative;color:#333333;} .milesson_section .title .flag{display:inline-block;width:5px;background-color: #6285ff;margin:0px;margin-right:8px} .milesson_section .title .right{position:absolute;right:10px;top:0px;} .milesson_section .milnblist{;position:relative;padding: 5px 7px} .milesson_section .milnblist .milnblock{min-height:90px;padding:5px;position: relative} .milesson_section .milnblist .milnblockimg .milnbimgsquare{position:absolute;width:140px;height:90px;vertical-align:top;} .milesson_section .milnblist .milnblocktxt{padding-left:150px;} .milesson_section .milnblist .milnbtitle{font-size:15px;font-weight:normal;color:#333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;margin-bottom:3px; } .milesson_section .milnblist .nbsr{font-size:0px;} .milesson_section .milnblist .ct_starnk_shell{font-size:0.75em} .milesson_section .milnblist .milnbprice{color: #FF0036;} .milesson_section .milnblist .milnbservice{color: #fe555c;position:absolute;right:10px;bottom:5px;text-align:right;} .milesson_section .milnblist .milnbfoot{position:absolute;left:155px; bottom: 5px;font-size:0.75em;color: #666666} .milesson_section .milnblist>*:last-child .milnblock{border-bottom-width:0} /* 听写模块 */ .noOp{opacity: 0 !important;} .dictation{border-spacing:0px;border-collapse:collapse;border:2px solid #90ED90;position:absolute} .dictation td{border-bottom:1px solid #90ED90;border-right:1px solid #90ED90;padding:0px;margin:0px;} .word_pinyin{text-align:center;vertical-align:middle;position:absolute;font-family:"Arial","微软雅黑","宋体";color:#666666;} .word_hanzi{text-align:center;vertical-align:middle;position:absolute;font-family:"楷体_GB2312","微软雅黑","黑体","宋体";color:#666666;} .word_hanzi a{text-decoration:none;color:inherit} .menu_button{border:1px solid #CCCCCC;padding:6px 3px;width:25%;font-size:12px;background-color:white;color:#333333;} .menu_button .item_tip{margin:0px 4px 0px 4px;padding:0px 3px;background-color:darkblue} .controlbutton{padding:10px 0px;color:white;text-decoration:none;cursor:pointer;background-color:orangered;border-radius:5px;text-align:center;cursor:pointer} .feedtip{padding:3px;padding-left:10px;font-size:12px;color:#C0C0C0;;} .controlimg{position:absolute;max-width:100%;max-height:100%;vertical-align:top;} #control_panel #run_rate{font-size:18px;} #info_panel #info_tip{position:absolute;width:100%;bottom:15px;left:0px;color:#333333;} #info_panel #info_tip #info_class{font-size:12px;font-weight:bold;margin-bottom:5px;color:white;} #info_panel #info_tip #info_lesson{font-size:20px;color:white;} #info_panel #info_time_total{text-align:left;font-size:14px;} #info_panel #info_time_total .info_time_total_tip{background-color: #214370;color:white;padding:0px 2px;margin-right:2px;} #info_panel #info_time_total .info_time_unit{color:white;margin:0px 2px;} #info_panel #info_time_total .info_time_value{color:white;} #info_panel #info_time_current{text-align:right;font-size:14px;color:yellow;} #info_panel #info_time_current .info_time_unit{margin-left:2px;} /* 评论附加配置 */ /* 反馈页面中的批量操作（OA用）*/ .comment_batch{border-radius:4px;height:26px;} .comment_batch>table{width:100%;border-spacing:0px;border-collapse:collapse;font-size:14px;} .comment_batch>table td{vertical-align:middle;text-align:center;height:26px;cursor:pointer;} .comment_batch>table td a{color:#333333;text-decoration:none;} .comment_batch .ct_feedback_batch{} .comment_batch .ct_feedback_ff_status_all{} .comment_batch .ct_feedback_type_status_all{} /* 书评列表显示 */ .comment{margin:0px;padding:10px 5px;padding-bottom:3px;background-color:white;border-bottom:1px solid #DDDDDD;} /* 评论的主体区域，主体区域下面是回复区域 */ .comment .ct_text{position:relative;} /* 反馈的类型部分 */ .comment .ct_feedback_style{font-size:15px;color:#333333;font-weight:bold;margin-bottom:2px;} /* 反馈本的右上角文字风格 ,能点击*/ .comment .ct_right_operate{position:absolute;right:0px;top:0px;} .comment .ct_feedback_status{padding:0px 4px;cursor:pointer;font-size:12px;} .comment .ct_feedback_status .ct_feedback_red{color:#fe555c;display:inline-block;} .comment .ct_feedback_status .ct_feedback_yellow{color:darkorange;display:inline-block;} .comment .ct_feedback_status .ct_feedback_green{color:green;display:inline-block;} /* 右上角动作定义 */ .ct_right_operate .switch_objtype{padding:0px 4px;cursor:pointer;font-size:12px;} /* 反馈分发 ,能点击*/ .comment .ct_feedback_ff_status{padding:0px 4px;cursor:pointer;font-size:12px;} .comment .ct_feedback_ff_status .ct_feedback_red{color:#fe555c;display:inline-block;} /* 反馈类型分发 ,能点击*/ .comment .ct_feedback_type_status{padding:0px 4px;cursor:pointer;font-size:12px;} .comment .ct_feedback_type_status .ct_feedback_red{color:#fe555c;display:inline-block;} /* 反馈类型分发 ,复选框*/ .comment .ct_feedback_select{padding:0px 4px;cursor:pointer;font-size:12px;} .comment .ct_feedback_select .ct_feedback_red{color:#fe555c;display:inline-block;} .comment .ct_feedback_ff_status2{position:absolute;right:0px;top:0px;padding:0px 4px;vertical-align:top;cursor:pointer;font-size:12px;} .comment .ct_feedback_ff_status2 .ct_feedback_red{color:#fe555c;display:inline-block;} .comment .ct_operate{font-size:9px;font-weight:normal;color:#222222;padding:2px;background-color:#c5dfff;margin:2px 0px;line-height:130%;border:1px dotted #E8E8E8} /* 评论正文区域 */ .comment .ct_content .comment_text{margin:10px 0px;font-size:13px;color:#1D1D1D;line-height:140%;word-wrap:break-word;word-break:break-all;font-weight:normal;} .comment .ct_content .comment_image{margin-bottom:5px;} .ct_content .comment_image .comment_image_line{margin-bottom:5px;} .ct_content .comment_image img{margin-right:0px;cursor:pointer;max-width:100%;vertical-align:top;} /* 错题本的正文中的前缀，如粗心 */ .comment .comment_text .ct_wrong_style2{font-weight:bold;} /* 反馈页面的正文前的关于问题的简述和联系信息*/ .comment .comment_text .ct_feedback{font-size:0.9em;color:#666666} /* 评论导航 */ .comment_navi_container{padding:10px 40px 5px 40px;} /* 微社区新建话题 */ .new_nc{position:fixed;bottom:0px;left:0px;width:100%;text-align:center;font-size:16px;font-weight:normal;z-index:700;color:white;padding:15px 0px;cursor:pointer} /* 未分类页面 */ /* 点读页面标题和说明文字 */ .toptitle {font-size:20px;font-weight:bold ;margin-bottom:10px;color:black;} /* *********************************** . 一些通用的风格，如按钮等 /************************************ */ .button_nmbox{/*-webkit-box-shadow:0 -1px 0 0 #0077c9 inset;*/ color:white;text-align:center;text-decoration:none;padding:6px 0px;font-size:15px;font-weight:normal;cursor:pointer;-moz-border-radius:5px; /* Firefox */ -webkit-border-radius:5px; /* Safari 和 Chrome */ border-radius:5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */} .link_character{border:1px solid #000;line-inheight:40px;margin:5px;padding:5px;text-align:center;text-decoration:none;font-size:18px;display:inline-block} /* 全局提示窗口，如购物车的结算和再逛逛 */ .fullscreentip{width:240px;position:absolute;z-index:9999;background-color:white;border-radius:5px;padding:6px;font-size:16px;text-align:center;vertical-align:middle;display:none;} /* *********************************** input 前面图标控制 /************************************ */ .inputdiv{border:1px solid #dddddd;height:45px;position:relative;margin-top:10px;} .inputip{height:40px;width:100%;color:#e3e3e3;border:0px;font-size:16px;margin-top:2px ;outline:none;} /*.inputpwd{height:40px;width:100%;color:#e3e3e3;border:0px;font-size:16px;margin-top:2px ;}*/ .inputicontip{position:absolute;padding:10px;} /* *********************************** app2.0的样式处理,用户信息 /************************************ */ .info_title{font-size:16px;background-color:#F7F7F7;color:#515151;padding:10px;margin-top:10px;} .info_div{position:relative;padding:10px;margin-top:5px;color:#515151;border-bottom:1px solid #E5E5E5;} .donate_bt {font-size: 1.2em;padding: 10px;width: 80%;} /* CMS内容列表中的CSS，逐渐迁移过来 */ .nblock .nbsr{font-size:0px;} /* .nblock .nbsr .srt{font-size:10px;color:#666666;}*/ .istitle{margin:10px 0px;font-size:14px;} .istitle .scindicator{display:inline-block;margin:0px 5px;width:5px;background-color:#fe555c} /* APP顶部用于年级筛选的DIV */ .tri_angle_down{margin-left:5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #666666;display:inline-block} /* 客服显示的数字 */ .cs_show_num{border-radius:9px;width:18px;height:18px; line-height:18px;text-align:center;display: none;font-size:12px} /* 多banner滑块样式 */ .v3ui_banner_container{} .v3ui_banner_container .swiper-pagination-bullet {width: 8px;height: 8px;text-align: center;line-height: 20px;font-size: 12px;color: #ffffff;opacity: 1;background: #ffffff; } .v3ui_banner_container .swiper-pagination-bullet-active {color: #00b9ff;background: #00b9ff;} /* 活动相关样式 */ .ct_activity_menu {font-size: 1.2em; padding: 5px 5px; font-weight: bold; margin-right: 5px;} /* 点赞动效样式 */ .praise-div{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:225px;height:190px;z-index:10;display:none} @-webkit-keyframes handFadeInUp{ from{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)} 5%{opacity:0.5;-webkit-transform:rotate(45deg);transform:rotate(45deg)} 25%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)} 90%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)} 100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)} } @keyframes handFadeInUp{ from{opacity:0;-webkit-transform:rotate(75deg);transform:rotate(75deg)} 50%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)} 100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)} } .handFadeInUp{opacity:0;text-align:center;-webkit-animation-name:handFadeInUp;-webkit-animation-duration:1s;animation-name:handFadeInUp;animation-duration:1s;position:absolute;bottom:0;left:75px;z-index:6} .handFadeInUp>img{width:70px} @-webkit-keyframes heartFadeUp{ from{opacity:1;-webkit-transform:translate3d(0,50%,0) scale(1);transform:translate3d(0,50%,0) scale(1)} 100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1.5);transform:translate3d(0,0,0) scale(1.5)} } @keyframes heartFadeUp{ from{opacity:1;-webkit-transform:translate3d(0,50%,0) scale(1);transform:translate3d(0,50%,0) scale(1)} 100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1.5);transform:translate3d(0,0,0) scale(1.5)} } .heartFadeUp{opacity:0;text-align:center;width:100%;top:65px;position:absolute;-webkit-animation-name:heartFadeUp;-webkit-animation-duration:0.5s;animation-name:heartFadeUp;animation-duration:0.5s} @-webkit-keyframes lefMove{ 0%{opacity:1;animation-timing-function:linear;left:65px} 100%{opacity:1;animation-timing-function:linear;left:45px} } @keyframes lefMove{ 0%{opacity:1;animation-timing-function:linear;left:65px} 100%{opacity:1;animation-timing-function:linear;left:45px} } @-webkit-keyframes topMove{ 0%{opacity:1;animation-timing-function:linear;top:70px} 100%{opacity:1;animation-timing-function:linear;top:50px} } @keyframes topMove{ 0%{opacity:1;animation-timing-function:linear;top:70px} 100%{opacity:1;animation-timing-function:linear;top:50px} } .heartFadeLeftUp{opacity:0;text-align:center;width:22px;position:absolute;left:65px;transform:rotate(-45deg);top:70px;-webkit-animation-name:lefMove,topMove;-webkit-animation-duration:0.5s;animation-name:lefMove,topMove;animation-duration:0.5s} @-webkit-keyframes smallLeftMove{ 0%{opacity:0.8;animation-timing-function:linear;left:60px} 100%{opacity:0.8;animation-timing-function:linear;left:40px} } @keyframes smallLeftMove{ 0%{opacity:0.8;animation-timing-function:linear;left:60px} 100%{opacity:0.8;animation-timing-function:linear;left:40px} } @-webkit-keyframes smallTopMove{ 0%{opacity:0.8;animation-timing-function:linear;top:110px} 100%{opacity:0.8;animation-timing-function:linear;top:85px} } @keyframes smallTopMove{ 0%{opacity:0.8;animation-timing-function:linear;top:110px} 100%{opacity:0.8;animation-timing-function:linear;top:85px} } .smallHeartFadeLeftUp{ opacity:0;text-align:center;position:absolute;left:60px;transform:rotate(-30deg);top:110px;-webkit-animation-name:smallLeftMove,smallTopMove;-webkit-animation-duration:0.5s;animation-name:smallLeftMove,smallTopMove;animation-duration:0.5s} @-webkit-keyframes rightMove{ 0%{opacity:0.6;animation-timing-function:linear;right:70px} 100%{opacity:0.6;animation-timing-function:linear;right:40px} } @keyframes rightMove{ 0%{opacity:0.6;animation-timing-function:linear;right:70px} 100%{opacity:0.6;animation-timing-function:linear;right:40px} } @-webkit-keyframes rightTopMove{ 0%{opacity:0.6;animation-timing-function:linear;top:80px} 100%{opacity:0.6;animation-timing-function:linear;top:50px} } @keyframes rightTopMove{ 0%{opacity:0.6;animation-timing-function:linear;top:80px} 100%{opacity:0.6;animation-timing-function:linear;top:50px} } .heartFadeRightUp{opacity:0;text-align:center;width:22px;position:absolute;right:70px;transform:rotate(45deg);top:80px;-webkit-animation-name:rightMove,rightTopMove;-webkit-animation-duration:0.5s;animation-name:rightMove,rightTopMove;animation-duration:0.5s} @-webkit-keyframes smallRightMove{ 0%{opacity:0.4;animation-timing-function:linear;right:70px} 100%{opacity:0.4;animation-timing-function:linear;right:40px} } @keyframes smallRightMove{ 0%{opacity:0.4;animation-timing-function:linear;right:70px} 100%{opacity:0.4;animation-timing-function:linear;right:40px} } @-webkit-keyframes smallRightTopMove{ 0%{opacity:0.4;animation-timing-function:linear;top:120px} 100%{opacity:0.4;animation-timing-function:linear;top:80px} } @keyframes smallRightTopMove{ 0%{opacity:0.4;animation-timing-function:linear;top:120px} 100%{opacity:0.4;animation-timing-function:linear;top:80px} } .smallHeartFadeRightUp{opacity:0;text-align:center;width:22px;position:absolute;right:70px;transform:rotate(35deg);top:120px;-webkit-animation-name:smallRightMove,smallRightTopMove;-webkit-animation-duration:0.5s;animation-name:smallRightMove,smallRightTopMove;animation-duration:0.5s} .heart-delay{animation-delay:0.5s}