@charset "utf-8";
/*首页整体布局样式*/
body, h1, h2, h3, h4, h5, form { margin:0; padding:0; color:#333; ; font-family:"宋体"; font-size:12px; font-weight:400; list-style:none; }
body { background:#F6F6F6; }
div, span, a { overflow:hidden }
ul, ol, li, strong { list-style:none; margin:0; padding:0; overflow:hidden; }
a:link { color:#000; text-decoration: none; }
a:visited { text-decoration: none; color: #333 }
a:hover { text-decoration: none; color:#FF6600; }
a:active { text-decoration: none; color: #333; }
img { border:none; }
.left { float:left; }
.right { float:right }
.nav0 { width:100%; height:0px; clear:both; overflow:hidden; }
.nav5 { width:100%; height:5px; clear:both; overflow:hidden; }
.nav10 { width:100%; height:10px; clear:both; overflow:hidden; }
.page { margin:20px 0px; padding-left:20px; }
.page a, .page span { display:block; float:left; padding:3px 8px; border:1px solid #fff; color:#fff; margin-left:3px; background:#1b4f8a; }
.page span.pg_curr { color:#FF6600 }
.page a.hover { background:#FF6600; }
.page a:hover { color:#FF6600 }
.font_content { width:730px; padding:10px; line-height:25px; color:#000000 }
.font_content h1 { font-size:18px; line-height:18px; text-align:center; margin-bottom:5px; font-weight:bold; color:#000000 }
.newsbanner { width:100%; border:1px solid #ccc; text-align:center; line-height:25px; }
.s_content { width:1140px; margin:0 auto; }
.study_c_1 { width: 180px; float: left; background: #fff; margin-right: 10px; }
.study_c_2 { width: 730px; float: left; margin-right: 10px; background: #fff; }
.study_c_3 { width: 210px; float: right; background: #fff; overflow: visible; }
/*左侧菜单列表*/
.study_c_1 .f1 { padding:0px; padding-left: 4px; font-weight: 400; display: block; font-size: 1.2em; line-height: 1.9em; font-weight:bold; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: grey; text-shadow: 0 1px 0 rgba(255, 255, 255, .15); border: 1px solid rgba(0, 0, 0, .1); border-bottom: 0; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f2f2f2; }
.study_c_1 .c_menu ul {}
.study_c_1 .c_menu  li { margin:0px 4px; background-color: #f6f4f0; }
.study_c_1 .c_menu  li a { display:block; line-height:20px; font-size:12px; border-bottom: 1px solid #efefef; height:18px; padding:4px; }
.study_c_1 .c_menu  li a:hover, .study_c_1  li.cur a { text-decoration:none; font-weight:bold; background:#96B97D; color:#fff }
.study_c_1 .c_menu h2 { background:#fff; font-weight:bold; line-height:18px; padding:4px; }

.c_menu_index h2{ line-height:26px !important; font-size:14px;}
.c_menu_index li a {  line-height:22px !important; font-size:14px !important; height:22px !important; padding:6px !important;}

.s_content_ind2{ width:940px;float:right;background:#fff;}
/*学习手册右边*/
.left_menu { margin:0 auto; overflow:visible; margin:1px; font: 13px Verdana, Arial, Helvetica, sans-serif;}
.left_menu ul { z-index:999999999999999; overflow:visible; background:#f6f4f0; }
.left_menu ul li { display:inline-block; width:100%; position:relative; overflow:visible; }
.left_menu ul li a { line-height:36px; height:36px; font-size:14px; text-align:center; width:100%; display:inline-block; color:#000; font-weight:bold; border-bottom:1px solid #fff; }
.left_menu ul li a:hover, .left_menu ul li a.cur { text-decoration:none }
.left_menu ul li:hover ul { visibility:visible; }
.left_menu ul ul { position:absolute; right:210px; top:0px; visibility:hidden; width:320px; }
.left_menu ul ul li { display:block; margin:0px; float:left; width:160px;}
.left_menu ul ul li a { text-align:center; width:140px; display:inline-block; color:#000; line-height:22px; height:22px; font-size:14px; font-weight:100; background:#f6f4f0; border-bottom:1px solid #fff; padding:5px 6px; }
.left_menu ul ul li a:hover { clear:both; background:#fdd100; }
.left_menu .f1 { padding:0px; padding-left: 4px; font-weight: 400; display: block; font-size:16px; line-height:40px; font-weight:bold; font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f2f2f2; color:#96B97D; text-align:center; }
/*内容部分*/


.c_up_links { overflow: hidden; padding: 10px 30px 10px 30px; background: #fbfbfb; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; color: #ccc; }
.c_up_links .pre { float: left; }
.c_up_links .next { float: right; }
.c_up_links a { color:#666; }
.c_up_links a:hover { color:#ff0000 }
.content_bg { width:700px; margin:0 auto; }
.content_t { margin:20px 0px; border-bottom:1px solid #ddd; }
.content_t h1 { font-size: 20px; font-family: "微软雅黑"; font-weight:bold; line-height:40px; }
.content_t h1 span { color:#64854c; }
.content_yd { margin:5px 0px; }
.content_yd span { float: left; display: inline-block; font-size: 13px; color: #666; padding: 0; line-height: 18px; height:18px; background: url(../images/ico1.png) no-repeat 0px -72px; padding-left:23px; }
.study_body_box h1, .study_body_box h2, .study_body_box h3, .study_body_box h4, .study_body_box h5, .study_body_box h6 { font-family: "微软雅黑"; margin: 20px 0 10px; font-weight: 600; color: #000000; line-height: 1.7; }
/* content-intro style */
.study_body_box { padding: 0 0 10px 0; font: 13px Verdana, Arial, Helvetica, sans-serif; line-height: 1.7; color: #000; outline: none; word-wrap: break-word; }
.study_body_box:first-child { margin-top: 0 !important; }
.study_body_box p { word-wrap: break-word; margin: 0 0 5px; color: #000; line-height: 1.7; }
.study_body_box b, .study_body_box strong { font-weight: bold; }
.study_body_box i, .study_body_box em { font-style: italic; }
.study_body_box strike, .study_body_box del { text-decoration: line-through; }
.study_body_box table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin: 15px 0; }
.study_body_box table thead { background-color: #f9f9f9; }
.study_body_box table th { background-color: #fff; border: 1px solid #ccc; padding: 2px 4px; }
.study_body_box table td { min-width: 40px; height: 30px; border: 1px solid #ccc; vertical-align: top; padding: 2px 4px; box-sizing: border-box; }
.study_body_box table th.active, .study_body_box table td.active { background-color: #ffffee; }
.study_body_box input[type=text], .study_body_box input[type=password], .study_body_box input[type=image], .study_body_box textarea { font:99% helvetica, arial, freesans, sans-serif; }
.study_body_box select, .study_body_box option { padding:0 .25em; }
.study_body_box optgroup { margin-top:.5em; }
.study_body_box img { border:0; max-width:100%; }
.study_body_box abbr { border-bottom:none; }
.study_body_box a { color: #900b09; text-decoration: underline; word-break: break-all; }
.study_body_box a:hover { color: #ff0000; }
.study_body_box a code, .study_body_box a:link code, .study_body_box a:visited code { color:#4183c4; }
.study_body_box h1, .study_body_box h2, .study_body_box h3, .study_body_box h4, .study_body_box h5, .study_body_box h6 { font-family: "微软雅黑"; margin: 20px 0 10px; font-weight: 600; color: #000000; line-height: 1.7; }
.study_body_box h1 { font-size: 20px; }
.study_body_box h1:first-child { margin-top:0; padding-top:.25em; border-top:none; }
.study_body_box h2 { font-size: 16px; }
.study_body_box h3 { font-size: 14px; }
.study_body_box h4 { font-size: 12px; }
.study_body_box hr { display: block; height: 0px; border: 0; border-top: 1px solid #aaa; margin: 15px 0; padding: 0; }
.study_body_box ul { list-style: disc outside none; margin: 10px 0; padding: 0 0 0 0px; line-height: 1.7; }
.study_body_box ol { margin: 10px 0; padding: 0 0 0 40px; line-height: 1.7; }
.study_body_box ul li, .study_body_box ol li { }
.study_body_box li { list-style-type: inherit; }
.study_body_box ul ul, .study_body_box ul ol, .study_body_box ol ol, .study_body_box ol ul { margin-top:0; margin-bottom:0; }


.study_body_box li{ padding: 0 0 0 1.5em; margin: 0 0 1em 1em; background-image: url(../images/bullet.png); background-repeat: no-repeat; background-position: left .5em;font-size: 13px; line-height: 1.5em;}
.study_body_box li p { margin: 0 0 5px; line-height: 1.7; }
.study_body_box blockquote { border-left: 5px solid #DDD; padding: 10px 5px 10px 15px; margin: 15px 0; font-size: 13px; color:#555; background-color: #F5F5F5; }
.study_body_box blockquote:first-child { margin-top: 0; }
.study_body_box dt { font-weight:bold; margin-left:1em; }
.study_body_box dd { margin-left:2em; margin-bottom:1em; }
.study_body_box code { display: inline-block; padding: 0 4px; margin: 0 5px; background: #eeeeee; border-radius: 3px; font-size: 13px; color: #333; font-family: Consolas, "Courier New", Courier, monospace; }
.study_body_box pre, .study_body_box .code { width: auto; max-width: 700px; box-sizing: border-box; -moz-box-sizing: border-box; word-wrap: break-word !important; white-space: pre-wrap !important; padding: 10px 5px; margin: 15px 0; display: block; line-height: 1.7; background: #efefef; border-radius: 3px; font-size: 13px; font-family: Consolas, "Courier New", Courier, monospace; white-space: pre; word-wrap: normal; overflow-x: auto; border: 1px solid #DDD; }
.study_body_box pre code { display: block; padding: 0; margin: 0; background: none; border-radius: 0; }
.study_body_box .tasklist { margin: 15px 0; padding: 0 0 0 40px; line-height: 1.7; list-style-type: none; }
.study_body_box .tasklist > li { margin: 0; pointer-events: none; }
.study_body_box .tasklist > li::before {
 content: '';
 pointer-events: all;
 display: inline-block;
 margin: 0 5px 0 -25px;
 width: 16px;
 height: 16px;
 cursor: default;
 vertical-align: middle;
 background-image: url('../images/ico2.png');
}
.study_body_box .tasklist > li[checked]::before {
 background-image: url('../images/ico3.png');
}
/* supplement style */
.study_body_box .btn { display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -moz-user-select: none; }
.study_body_box .btn-info { color: #FFF; background-color: #AE4141; border-color: #AE4141; }
.study_body_box .btn-info:hover { background-color: #ff0000; border-color: #ff0000; }
.study_body_box table.lamp { width: 100%; padding: 0px; border: 1px solid #DDD; }
.study_body_box table.lamp th { color: #666; background-color: #FFF; padding: 10px 5px 10px 10px; }
.study_body_box table.lamp th img { height: auto; }
.study_body_box table.lamp td { padding: 4px 10px 4px 0px; background-color: #FFF; border: none; vertical-align: middle; }
.study_body_box table.tecspec th, .study_body_box table.tecspec td { border: 1px solid #D4D4D4; padding: 7px 5px; vertical-align: top; text-align: left; }
.study_body_box .example { background-color: #EFEFEF; font-size: 14px; color: #333; border: 1px solid #DDD; margin: 10px 0; padding: 10px 15px; max-width: 700px; }
.study_body_box h2.example, .study_body_box h2.example_head { display: inline-block; margin: 0; padding: 0; font-size: 14px; color: #900b09; margin-bottom: 10px; border: none; }
.study_body_box .example_code, .study_body_box .example_result { background-color: #FFF; border: 1px solid #DDD; padding: 10px; font-size: 14px; font-family: Consolas, "Courier New", Courier, monospace; line-height: 1.7; }
.study_body_box .example_code span.marked { color: #333; }
.study_body_box .example-btn { color: #FFF; background-color: #428BCA; display: inline-block; padding: 6px 10px; cursor: pointer; border: 1px solid #428BCA; border-radius: 4px; display: none; }
.study_body_box a.tryitbtn, .study_body_box a.showbtn, .study_body_box a.playitbtn { display: inline-block; padding: 5px; font-size: 13px; background-color: #AE4141; color: #FFF; border-radius: 2px; text-decoration: none; }
.study_body_box a.tryitbtnsyntax { float: right; padding: 2px; }
.study_body_box a.tryitbtn:hover, .study_body_box a.showbtn:hover, .study_body_box a.playitbtn:hover { background-color: #ff0000; }
.study_body_box table.reference, table.tecspec { border-collapse: collapse; width: 100%; margin-bottom: 4px; margin-top: 4px; }
.study_body_box table.reference tr:nth-child(2n) {
 background-color: #FFF;
}
.study_body_box table.reference tr:nth-child(2n+1) {
 background-color: #EFEFEF;
}
.study_body_box table.reference th { background-color: #bdbdbd; border: 1px solid #bdbdbd; border-bottom: none; color: #FFF; font-size: 14px; padding: 3px; vertical-align: top; text-align: left; width: 100%;}
.study_body_box table.reference td { border: 1px solid #DDD; padding: 7px 5px; vertical-align: top; font-size: 14px; }
.study_body_box table a { color: #900b09; text-decoration: underline; }
.study_body_box .tutintro { width: auto; min-height: 45px; }
.study_body_box .tutintro img { float: left; margin-right: 20px; margin-bottom: 10px; }
.study_body_box .tutintro p { margin-top: 0; font-size: 14px; }
.study_body_box .tryit_ex { clear: both; width: 600px; height: 50px; margin-bottom: 5px; }
.study_body_box .tryit_ex img { border: 0px none; float: left; margin-right: 10px; }
.study_body_box .tryit_ex h2 { padding-top: 5px; }
.study_body_box a.example { background-color: #FFF; color: #900b09; border: none; margin: 0; padding: 0; }
.study_body_box .background { position: relative; }
.study_body_box .cover { height: auto; line-height: normal; text-align: left; }
.study_body_box .tutintro img { float: left; margin-right: 20px; margin-bottom: 10px; }
.study_body_box table.browsersupport { border: 1px solid #C3C3C3; border-collapse: collapse; }
.study_body_box table.browsersupport th { background-color: #4298BA; border: 1px solid #C3C3C3; padding: 3px; vertical-align: middle; }
.study_body_box table.browsersupport td { padding: 3px; vertical-align: middle; width: 60px; height: 32px; background-position: center center; background-repeat: no-repeat; border: 1px solid #DADADA; text-align: center; }
.study_body_box table.browsersupport td.bsProperty { font-family: courier new; white-space: nowrap; text-align: left; }
.study_body_box table.browsersupport .bsIE, .study_body_box table.browserref .bsIE { background-image: url("../images/compatible_ie.gif"); }
.study_body_box table.browsersupport .bsFirefox, .study_body_box table.browserref .bsFirefox { background-image: url("../images/compatible_firefox.gif"); }
.study_body_box table.browsersupport .bsChrome, .study_body_box table.browserref .bsChrome { background-image: url("../images/compatible_chrome.gif"); }
.study_body_box table.browsersupport .bsSafari, .study_body_box table.browserref .bsSafari { background-image: url("../images/compatible_safari.gif"); }
.study_body_box table.browsersupport .bsOpera, .study_body_box table.browserref .bsOpera { background-image: url("../images/compatible_opera.gif"); }
.study_body_box table.browserref { border-collapse: collapse; width: 100%; }
.study_body_box table.browserref tr:nth-child(2n) {
 background-color: #f6f4f0;
}
.study_body_box table.browserref tr:nth-child(2n+1) {
 background-color: #FFF;
}
.study_body_box table.browserref th { height: 32px; background-repeat: no-repeat; background-position: center center; border: 1px solid #D4D4D4; background-color: #FFF; font-weight: normal; color: #555; padding: 5px; vertical-align: middle; text-align: center; }
.study_body_box table.browserref td { border: 1px solid #D4D4D4; text-align: center; padding: 7px 5px; vertical-align: top; }
.study_body_box table.bsReference td { padding: 3px; vertical-align: middle; background-position: center center; background-repeat: no-repeat; border: 1px solid #DADADA; text-align: right; font-size: 10px; }
.study_body_box table.bsReference td.bsProperty { white-space: nowrap; text-align: left; font-size: 12px; }
.study_body_box table.bsReference .bsIE { width: 80px; background-image: url("../images/compatible_ie2020.gif"); }
.study_body_box table.bsReference .bsPreIE { width: 80px; background-image: url("../images/precompatible_ie5920.gif"); }
.study_body_box table.bsReference .bsFirefox { width: 80px; background-image: url("../images/compatible_firefox2020.gif"); }
.study_body_box table.bsReference .bsPreFirefox { width: 80px; background-image: url("../images/precompatible_firefox5920.gif"); }
.study_body_box table.bsReference .bsChrome { width: 80px; background-image: url("../images/compatible_chrome2020.gif"); }
.study_body_box table.bsReference .bsPreChrome { width: 80px; background-image: url("../images/precompatible_chrome5920.gif"); }
.study_body_box table.bsReference .bsSafari { width: 80px; background-image: url("../images/compatible_safari2020.gif"); }
.study_body_box table.bsReference .bsPreSafari { width: 80px; background-image: url("../images/precompatible_safari5920.gif"); }
.study_body_box table.bsReference .bsOpera { width: 80px; background-image: url("../images/compatible_opera2020.gif"); }
.study_body_box table.bsReference .bsPreOpera { width: 80px; background-image: url("../images/precompatible_opera5920.gif"); }
.study_body_box #animated_div { width: 76px; height: 47px; background: #92B901 none repeat scroll 0% 0%; color: #FFF; position: relative; font-weight: bold; font-size: 20px; padding: 10px; animation: 5s ease 0s normal none 1 running animated_div; border-radius: 5px; }
.study_body_box li.dd-item { margin-left: 20px; }
.study_body_box .text-muted, .study_body_box .text-primary, .study_body_box .text-success, .study_body_box .text-info, .study_body_box .text-warning, .study_body_box .text-danger, .study_body_box .bg-primary, .study_body_box .bg-success, .study_body_box .bg-info, .study_body_box .bg-warning, .study_body_box .bg-danger { color: inherit; background: inherit; }
.study_body_box .highCOM { color: #a50; }
.study_body_box .highELE, .study_body_box .highLT, .study_body_box .highGT { color: #170; }
.study_body_box .highATT { color: #00c; }
.study_body_box .highVAL { color: #a11; }
.study_body_box span.new { float: right; color: #fff; background-color: #AE4141; padding-left: 1px; padding-right: 1px; border: 1px solid #fff; outline: 1px solid #AE4141; line-height: 16px; }
.study_body_box span.deprecated { color: #ff0000; background-color: transparent; }

/*手册404页面*/
.error_content{width: 1189px;padding: 20px;background-color: #FFF;min-height: 600px;overflow: hidden; margin: 0 auto;font: 13px Verdana, Arial, Helvetica, sans-serif; margin-top:30px; padding-top:50px;}

.error_content .error h1{font-size: 24px;color: #000; font-weight:bold;}
.error_content .error h1 span{color: #900b09;}
.error_content .error .back-box { display: block; font-size: 15px; color: #900b09; text-align:left; text-decoration:underline}
.error_content .error .back-box:hover{ color:#ff0000}
.con_list{ margin-top:40px;}
.con_list h2{ font-size:20px; color:#000; font-weight:bold; margin-bottom:10px;}

.con_list ul  li {line-height: 26px;font-size: 14px; color: #000; list-style: none;float:left;}
.con_list ul  li  a { margin: 10px 15px 10px 0px; color: #900b09;font-size:14px; text-decoration:underline}

/*学习手册首页目录*/
.help_list{margin: 10px 0;}
.help_list_title{padding: 0 20px;}
.help_list_title h2{padding-bottom: 10px;border-bottom: 1px solid #CCC;font-weight: 600;font-size: 18px;color: #333;}
.help_c{margin-top: 20px;overflow: hidden;}
.help_c .help_c_item{width: 28%;height: 63px;background-color: #efefef;float: left;border-radius: 3px;padding: 15px 10px;margin: 0px 0px 20px 20px;overflow: hidden;}
.help_c a{text-decoration: none;color: #333;}
.help_c a .help_c_img{float: left;}
.help_c a .help_c_img img{display: block;width: 40px;height: 40px;}
.help_c a .help_c_desc{margin-left: 50px;}
.help_c a .help_c_desc h3{font-size: 14px;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;}
.help_c a .help_c_desc p{margin: 0;line-height: 150%;}