锘?free_Web_box_sub { position: relative; top: 0; left: 0; width: 100%; height: 96px; display: none; } #browser_audiobox { display: none; } #free_Web_box { position: fixed; top: 0; left: 0; width: 100%; text-align: center; background: #4B4B4B; display: none; z-index: 2100; } .free_Web_tool:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .free_Web_tool { height: 1%; } * + html .free_Web_tool { min-height: 1%; } .free_Web_tool { width: 1176px; margin: 0 auto; } .free_Web_tool>ul { float: left; color: #fff; padding: 13px 0 3px 0; } .free_Web_tool .Br_UlEven { background: #5a5a5a; padding: 13px 5px 3px 5px; margin: 0 5px; } .free_Web_tool .Br_UlEven0 { margin: 0 5px 0 -15px; } .free_Web_tool li { float: left; line-height: 30px; } .free_Web_tool .Br_CName { float: none; clear: both; } .free_Web_tool li.left_line { border-left: 1px solid #f4f2ef; } .free_Web_tool li.right_line { border-right: 1px solid #ccc; } .free_Web_tool li a { display: block; height: 50px; border-radius: 5px; text-align: center; background: url(images/botton_bg.png) repeat-x; margin: 0 3px; } .free_Web_tool li a:hover { background: url(images/botton_bgon.png) repeat-x; } .free_Web_tool li a.active { background: url(images/botton_bgon.png) repeat-x; } .free_Web_tool li label { display: block; line-height: 24px; } #Br_ChangBg_items { position: absolute; display: none; width: 210px; background: #fff; z-index: 1101; padding: 10px; border-radius: 5px; } #Br_ChangBg_items ul { border-bottom: none; } #Br_ChangBg_items li { font-size: 14px; margin-bottom: 2px; } #Br_ChangBg_items li a { display: block; height: 32px; line-height: 32px; } #Br_ChangBg_items li.active { border: 1px solid #cc0000; } #Br_Selectcolor { position: absolute; display: none; width: 100px; background: #fff; z-index: 1101; padding: 10px; border-radius: 5px; } #Br_Selectcolor ul { border-bottom: none; } #Br_Selectcolor li { padding: 2px; font-size: 14px; } #Br_Selectcolor li a { display: block; height: 24px; line-height: 24px; } #Br_Selectcolor li.active { border: 1px solid #ff0000; } #Br_Fping_setting { position: absolute; display: none; width: 100px; background: #fff; z-index: 1101; padding: 10px; border-radius: 5px; } #Br_Fping_setting ul { border-bottom: none; } #Br_Fping_setting li { padding: 2px; font-size: 14px; } #Br_Fping_setting li a { display: block; height: 24px; line-height: 24px; background: #f5f5f5; } #Br_Fping_setting li.active a { background: #3399cc; color: #fff; font-weight: bold; } div#guidesbox { width: 100%; height: 100%; line-height: 0px; font-size: 0px; z-index: 1001; } div#guidesbox div#guidesXLine { position: absolute; width: 100%; height: 3px; left: 0px; top: 100px; font-size: 0px; line-height: 0px; z-index: 999; background: #0066cc; margin-top: -3px; } div#guidesbox div#guidesYLine { position: absolute; width: 3px; height: 100%; top: 0px; left: 100px; font-size: 0px; line-height: 0px; z-index: 998; background: #0066cc; margin-left: -3px; } #browserObj_Fpbar_mian { position: fixed; bottom: 0px; width: 100%; height: 120px; z-index: 1001; } .browserObj_Fpbar { position: relative; height: 116px; border: 2px solid #3399cc; background: #fff; z-index: 1002; } .browserObj_Fpbar .Fpbar_r { width: 54px; float: right; height: 106px; border-left: 1px solid #3399cc; background: #3399cc; padding: 5px; } .browserObj_Fpbar .Fpbar_r ul { } .browserObj_Fpbar .Fpbar_r li { text-align: center; line-height: 42px; font-size: 14px; font-weight: bold; background: #fff; padding: 2px; } .browserObj_Fpbar .Fpbar_r li a { display: block; height: 40px; background: url(images/botton_bgon.jpg) no-repeat center center; color: #3399cc; border: 1px solid #ccc; } .browserObj_Fpbar .Fpbar_r li a#Fpbar_En { height: auto; padding: 5px 0; line-height: 150%; } .browserObj_Fpbar .Fpbar_r li a:hover { background: url(images/botton_bg.jpg) no-repeat center center; } .browserObj_Fpbar .Fpbar_r li a.active { background: #cc0000; color: #fff; } .browserObj_Fpbar .Fpbar_r li a.en { background: #ccc; color: #666; } .browserObj_Fpbar #Fpbar_l { float: left; height: 110px; overflow-y: auto; background: #fff; text-align: center; line-height: 130%; font-size: 40px; font-weight: bold; color: #000; } #tooltips_show { height: 110px; } .browserObj_Fpbar #Fpbar_l ul { } .browserObj_Fpbar #Fpbar_l li { display: inline-block; padding: 0 4px; text-align: center; } .browserObj_Fpbar #Fpbar_l li span { display: block; padding: 2px 0; } voice.voice-active { background: #000; color: #fff; } #Br_Voice_setting_box { position: absolute; width: 200px; background: #fff; z-index: 1101; padding: 10px; border-radius: 5px; } #Br_Voice_setting_box div { height: 24px; padding: 5px 0; margin: 3px 0; } #Br_Voice_setting_box div h3 { float: left; width: 60px; line-height: 22px; text-align: center; } #Br_Voice_setting_box div ul { float: left; } #Br_Voice_setting_box div li { float: left; line-height: 22px; height: 24px; } #Br_Voice_setting_box div li.Br_Voice_setting_info { height: 22px; width: 60px; text-align: center; color: #666; font-size: 14px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; } #Br_Voice_setting_box div li a { display: block; width: 30px; border: 1px solid #3399cc; background: #3399cc; color: #fff; font-size: 18px; font-weight: bold; } #Br_Voice_setting_box div li a:hover { background: #f60; border-color: #f60; text-decoration: none; } #Br_Voice_setting_box div li a.en { background: #ccc; color: #333; border-color: #ccc } .power-content_voice { height:16px; line-height:16px; width: 248px; border: 1px solid #ddd; padding: 8px; margin: auto; } .power-content_voice a { display: inline-block; padding-right: 7px; vertical-align:top; } .power-content_voice a.disabled button { background: #ddd; } .power-content_voice progress { display: inline-block; vertical-align: top; width: 200px; height: 16px; box-sizing: border-box; border: 1px solid #0064B4; background-color: #e6e6e6; color: #0064B4; /*IE10*/ } /*ie6-ie9*/ .power-content_voice progress ie { display: block; height: 100%; background: #0064B4; } .power-content_voice progress::-moz-progress-bar { background: #0064B4; } .power-content_voice progress::-webkit-progress-bar { background: #e6e6e6; } .power-content_voice progress::-webkit-progress-value { background: #0064B4; } .power-content_voice .voice-button button { padding: 0; vertical-align:top; width: 16px; height: 16px; border: none; cursor: pointer; outline: none; background: #3391ff; color:#fff; font-size:12px; font-weight:bold; } .power-content_voice .power-content_voice-start button, .power-content_voice .power-content_voice-pause button { border-radius: 100%; } .power-content_voice .power-content_voice-start button:after { content: ''; display: inline-block; position: relative; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent white; vertical-align: top; left: 1px; top: 3px; top: 4px\9; } .power-content_voice .power-content_voice-pause button:after, .power-content_voice .power-content_voice-pause button:before { content: ''; display: inline-block; position: relative; width:2px; height:8px; background:#fff; vertical-align: top; margin:0 1px; top: 3px; top: 4px\9; } .power-content_voice .power-content_voice-stop button { background: red; } .power-content_voice .power-content_voice-stop button:after { content: ''; display: inline-block; } #Br_Guides, #Br_Fping, #Br_Voice { margin-right: 0; border-radius: 5px 0px 0px 5px; } #Selectcolor, #Br_Fping_opensetting, #Br_Voice_setting { margin-left: 0; border-radius: 0 5px 5px 0; } #Br_BarTitle:hover { background: url(images/botton_bg.png) repeat-x; } .hide_tts{ display:none; } .read-area-border { outline: 2px solid blue; } .Br_Area_ul .read-area { width: 830px; } .read-area-selected-tab { outline: 1px solid red; box-shadow: inset 0 0 0 1px red; } .read-rea-selected-tab-item { outline: 1px solid blueviolet; box-shadow: inset 0 0 0 1px blueviolet; } .senior-ease-selected-area { position: relative; z-index: 1; } .senior-ease-selected-area::before{ width: 100% !important; height: 100% !important; content: ""; position: absolute; visibility: visible; top: 0 !important; left: 0 !important; border: none !important; margin: 0 !important; outline: dashed 4px #a100ff !important; background: rgba(161, 0, 255, 0.6) !important; z-index: 100000 !important; } /* 闀胯€呭姪鎵 */ #free_Web_box_sub.free_Web_seniorEase_box_sub { position: relative; top: 0; left: 0; width: 100%; height: 90px; display: none;} #free_Web_box.free_Web_seniorEase_box { position: fixed; top: 0; left: 0; width: 100%; text-align: center; background: #002C5A; display: none; z-index: 2100;} .free_Web_seniorEase_tool:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .free_Web_seniorEase_tool { height: 1%;} * + html .free_Web_seniorEase_tool { min-height: 1%;} .free_Web_seniorEase_tool { width: 1200px; margin: 0 auto; padding:11px 0;} .free_Web_seniorEase_box .se_barTitle, .free_Web_seniorEase_box .se_help{float:left; padding:0; height:68px; font-size:0; line-height:68px; margin-right:20px;} .free_Web_seniorEase_box .se_barTitle img, .free_Web_seniorEase_box .se_help img{display:inline-block; vertical-align:middle} .free_Web_seniorEase_box .free_Web_seniorEase_body{float:right;} .free_Web_seniorEase_box .se_group{padding:10px 20px; float:left; } .free_Web_seniorEase_box .se_group_bg{background:#002144} .free_Web_seniorEase_box .se_group_title{height:48px; line-height:48px; font-size:24px; color:#EEEEEE; float:left; margin-right:10px;} .free_Web_seniorEase_box .se_group_body{float:left;} .free_Web_seniorEase_box .se_group_body li{float:left; margin-right:10px;} .free_Web_seniorEase_box .se_group_body li:last-child{margin-right:0;} .free_Web_seniorEase_box .se_group_body li a{display: block; width:75px; height:48px; background:url(images/se_botton_bg.jpg) 50% 50% no-repeat; border-radius:5px; position:relative; overflow:hidden;} .free_Web_seniorEase_box .se_group_body li .se_btn_icon{display:block;font-size:26px; line-height:48px; font-weight:bold; color:#002C5A; position:relative; z-index:3;} .free_Web_seniorEase_box .se_group_body li .se_btn_icon img{height:48px; width:auto;} .free_Web_seniorEase_box .se_group_body li .se_btn_tit{display:none; line-height:48px; color:#002C5A; font-size:26px; font-weight:bold; position:relative; z-index:3;} .free_Web_seniorEase_box .se_group_body li #SeniorEasePlayLast .se_btn_tit, .free_Web_seniorEase_box .se_group_body li #SeniorEasePlayNext .se_btn_tit{font-size:24px;} .free_Web_seniorEase_box .se_group_body li a:hover{text-decoration:none;} .free_Web_seniorEase_box .se_group_body li a:hover .se_btn_icon{display:none} .free_Web_seniorEase_box .se_group_body li a:hover .se_btn_tit{display:block;} .free_Web_seniorEase_box .se_group_body li a#SeniorEaseVoice::before, .free_Web_seniorEase_box .se_group_body li a#SeniorEaseFping::before, .free_Web_seniorEase_box .se_group_body li a#SeniorEaseZoomMouse::before{content:""; display:block; width:100%; height:48px; position:absolute; left:0px; top:0px; background:#000; opacity:0.3; } .free_Web_seniorEase_box .se_group_body li a#SeniorEaseVoice.active::before, .free_Web_seniorEase_box .se_group_body li a#SeniorEaseFping.active::before, .free_Web_seniorEase_box .se_group_body li a#SeniorEaseZoomMouse.active::before{display:none;} .free_Web_seniorEase_box .se_group_body li a#SeniorEasePlay.active{background:#FE8F00} .free_Web_seniorEase_box .se_close{float:right; padding:10px 0px;} .free_Web_seniorEase_box .se_close li a{display: block; width:75px; height:48px; background:#FF0000; border-radius:5px; overflow:hidden;} .free_Web_seniorEase_box .se_close li .se_btn_icon{display:block;font-size:26px; line-height:48px; font-weight:bold; color:#ffffff} .free_Web_seniorEase_box .se_close li .se_btn_icon img{height:48px; width:auto;} .free_Web_seniorEase_box .se_close li .se_btn_tit{display:none; line-height:48px; color:#fff; font-size:26px; font-weight:bold;} .free_Web_seniorEase_box .se_close li a:hover{text-decoration:none;} .free_Web_seniorEase_box .se_close li a:hover .se_btn_icon{display:none} .free_Web_seniorEase_box .se_close li a:hover .se_btn_tit{display:block;}