/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button

,textarea,menu,select{margin:0;padding:0; font-family:"方正黑体简体"; font-size:12px}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
li{list-style:none}
input, input[type="submit"], input[type="reset"], input[type="button"], select, button{-webkit-appearance: none; border-radius: 

0;}
img{border:0}
a {text-decoration: none; color:inherit; font-weight:normal}
a:active,a:hover {text-decoration: none;}
h1, h2, h3, h4, h5, h6, p {margin: 0; font-weight:normal}
.clear{clear:both;}
.clearfix:after{clear: both;visibility: hidden;content: ".";display: block;height: 0;}

/*主页头部*/
.top { width:100%; height:4em; background:#FFF url(../image/logo2.jpg) no-repeat center center; background-size:14em; text-align:center; overflow:hidden}
.top a {font-size:1.5em; line-height:3em; display:block; float:right; color:#00468C; padding-right:0.5em; background:#FFF}
.line{width:100%; height:4px; background: -webkit-linear-gradient(left,#00468C 45%,#A3D900 55%); background: -moz-linear-gradient(left,#00468C 45%,#A3D900 55%);background: linear-gradient(left,#00468C 45%,#A3D900 55%); }

(left,#00468C 45%,#A3D900 55%);background: linear-gradient(left,#00468C 45%,#A3D900 55%); }
 
/*图片轮播*/
.g-mn{max-width:100%;max-height:100%}
.m-slide{overflow:hidden;max-width:100%;max-height:100%}
.m-slide .bd{z-index:0}
.m-slide .bd li{text-align:center}
.m-slide .bd li img{background:url(image/loading.gif) center center no-repeat; width:100%}
.m-slide .hd{width:100%; height:2em;line-height:2em; z-index:1; background:#FFF; text-align:center; list-style:none}
.m-slide .hd li{display:inline-block;width:10px;height:10px;text-indent:-9999px;overflow:hidden; margin:0 4px;background:#CCC;-

webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100%}
.m-slide .hd li.on{background:#00468C; width:10px;height:10px;}

/*主页导航*/
.menu {padding: 0; margin: 0; background: url(../image/nav3.jpg) repeat-x; background-size:100%; overflow:hidden}
.menu .nav {width:33.3%; float:left; overflow:hidden;}
.menu1 {padding: 0; margin: 0;  background: url(../image/nav6.jpg) repeat-x; background-size:100%; overflow:hidden}
.menu1 .nav {width:33.3%; float:left; overflow:hidden;}
.menu img, .menu1 img{width:100%; display: block}

/*主页底部*/
.foot {padding:0; margin: 0; background:#FFF; width:100%;}
.foot h1 {text-align: center; line-height:3em; color:#666; font-size: 15px; }
.foot h2 {text-align: center; line-height:1em; color:#666; font-size: 13px; }
/*内页公用头部*/
.inside-header { position: fixed; top: 0; z-index: 900; width: 100%; height:3.5em; line-height: 3.5em; color: #00468C; text-align: 

center; background:#FFF}
.inside-header h1 { display: inline; font-size: 1.5em; background:#FFF}
.inside-header a:link,.inside-header a:hover,.inside-header a:visited { display: inline-block; width: 3.5em; height: 3.5em; text-

align: center}
.inside-header a:active { box-shadow: 0 1px 10px #eee inset; }
.btntxt-l { float: left; margin: 0.5em 0 0 0.5em; }
.btntxt-r { float: right; margin: 0.5em 0.5em 0 0; }
.back,.call{ text-indent: -9999px; }
.back { float: left; background: url("../image/icon-back.png") scroll no-repeat center center; background-size: 50%; }
.call { float: right; background: url("image/icon_phone.png") scroll no-repeat center center; background-size: 50%; }
.home-l, .home-r { float: left; background: url("image/home.png") scroll no-repeat center center; background-size:50%; }
.home-r { float: right; width: 3.0em; height: 3.0em;padding-top:0.4em; font-size:1.4em}
.inside-header-line{position:fixed; top:3.5em; left: 0; width:100%; height:4px; background: -webkit-linear-gradient(left,#00468C 

45%,#A3D900 55%); background: -moz-linear-gradient(left,#00468C 45%,#A3D900 55%);background: linear-gradient(left,#00468C 

45%,#A3D900 55%);}

/*注册登录*/
.loginbox{margin:6em 2em 1em 2em; border:#DDD 1px solid; border-bottom: none; background:#FFF; overflow: hidden;}
.loginbox-line{height:3px; background-image: linear-gradient(#BBBBBB,#EEEEEE); background-image: -webkit-gradient(linear,left 

top,left bottom,from(#BBBBBB),to(#EEEEEE)); background-image: -moz-linear-gradient(#BBBBBB,#EEEEEE); }
.loginhead{height:3em}
.loginhead .tab {float:left;height:2.5em;line-height:2.5em;text-align:center;width:50%;font-size:1.4em; color:#00468C }
.loginhead .tab1 {float:left;height:2.5em;line-height:2.5em; text-align:center;width:50%;font-size:1.4em; background:#AAA; 

color:#FFF}
.loginbox .item {color:#666; border-bottom:#EEE 1px solid; padding:0 0.5em}
.loginbox .item input{width: 100%; height:2.5em; border: none; font-size:1.4em; color:#AAA; -webkit-appearance: none; border-

radius: 0;}
.loginbox .item .input1{width: 60%; height:2.5em; border: none; font-size:1.4em; color:#AAA; -webkit-appearance: none; border-

radius: 0; margin-right:4%}
.loginbox .item .btn{width: 36%; height:2.2em; line-height:2.3em; border: none; font-size:1.2em; color:#FFF; -webkit-appearance: 

none; border-radius: 4px; background:#00468C; cursor:pointer} 
.loginlabel { display:block; color:#555; margin:0 2em 1em 2em; text-align:right; font-size:1.2em}
.loginlabel h1{ text-align: center; font-size:1.2em; color:#00468C}
.loginbtn {margin:0 2em 2em 2em}
.loginbtn .btn1{width:100%; border-radius: 4px; height:2.5em; border:none; background:#00468C; font-size:1.4em; 

color:#FFF;cursor:pointer }
.loginbtn .btn2{width:100%; border-radius: 4px; height:2.5em; border:none; background:#B2DD30; font-size:1.4em; 

color:#FFF;cursor:pointer }
.logintext { display:block; color:#888; margin:0 2em 2em 2em; text-align: center; font-size:1.2em}
.logintext a{ color:#00468C;}

/*文本协议*/
.text {margin:6em 1em 1em 1em; border:#DDD 1px solid; border-bottom: none; background:#FFF; overflow: hidden;}
.text-line{height:2px; background: -webkit-linear-gradient(left,#EEEEEE 0%,#CCCCCC 50%,#EEEEEE 100%); background: -moz-linear-

gradient(left,#EEEEEE 0%,#CCCCCC 50%,#EEEEEE 100%);background: linear-gradient(left,#EEEEEE 0%,#CCCCCC 50%,#EEEEEE 100%); 

margin:0.5em 1em}
.text h1 {text-align: center; color:#000; font-size: 1.5em; line-height:2em; padding-top:1em;font-weight:bold; }
.text p{ font-size:1.2em; text-align:left; color:#333; line-height:1.8em; padding:0 1em; text-indent:2em;margin:0.8em auto; }
.text span { padplay:block; text-align:center; padding-top:2em;}
.text span img{ width:6em}
.text h2 {text-align: center; color:#27AE60; font-size: 1.6em; line-height:2em; }
.text h3 {text-align: center; color:#555; font-size: 1.4em; line-height:2em; }

/*题库练习*/
.sub1 {margin:2em 1em 0 1em; height:7em; background: -webkit-linear-gradient(top,#FEA49E 69%,#FE8987 70%); background: -moz-

linear-gradient(top,#FEA49E 69%,#FE8987 70%);background: linear-gradient(top,#FEA49E 69%,#FE8987 70%); overflow: hidden;}
.sub1 h1 { font-size:2em; color:#FFF; position:relative; top:1.2em; left:1em;}
.sub1 img {width:10em; position: relative; bottom:2em; float:right}
.sub2 {margin:2em 1em 0 1em; height:7em; background: -webkit-linear-gradient(top,#77D5CB 69%,#4DC8BB 70%); background: -moz-

linear-gradient(top,#77D5CB 69%,#4DC8BB 70%);background: linear-gradient(top,#77D5CB 69%,#4DC8BB 70%); overflow: hidden;}
.sub2 h1 { font-size:2em; color:#FFF; position:relative; top:1.2em; left:1em }
.sub2 img {width:10em; position: relative; bottom:2em; float:right}
.sub3 {margin:6em 1em 0 1em; height:7em; background: -webkit-linear-gradient(top,#89C7F3 69%,#65B3EF 70%); background: -moz-

linear-gradient(top,#89C7F3 69%,#65B3EF 70%);background: linear-gradient(top,#89C7F3 69%,#65B3EF 70%); overflow: hidden;}
.sub3 h1 { font-size:2em; color:#FFF; position:relative; top:1.2em; left:1em }
.sub3 img {width:10em; position: relative; bottom:2em; float:right}
.sub4 {margin:2em 1em 0 1em; height:7em; background: -webkit-linear-gradient(top,#CC99CC 69%,#996699 70%); background: -moz-

linear-gradient(top,#CC99CC 69%,#996699 70%);background: linear-gradient(top,#CC99CC 69%,#996699 70%); overflow: hidden;}
.sub4 h1 { font-size:2em; color:#FFF; position:relative; top:1.2em; left:1em }
.sub4 img {width:10em; position: relative; bottom:2em; float:right}
.sub-line{height:3px; background-image: linear-gradient(#BBBBBB,#EEEEEE); background-image: -webkit-gradient(linear,left top,left 

bottom,from(#BBBBBB),to(#EEEEEE)); background-image: -moz-linear-gradient(#BBBBBB,#EEEEEE); margin: 0 1em ;}

/*表单项：题库选择：报名资料*/
.listbox{border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden;}
.listbox .title, .listboxs .title{width:5em; font-size:1.4em; line-height:2.5em; color:#888; float:left; margin-left:1em }
.listbox .item {margin: 0 1em 0 9em;}
.listbox .item input{width: 100%; height:2.5em; border: none; font-size:1.4em; color:#555; -webkit-appearance: none; border-

radius: 0; overflow: hidden; outline:none; text-align:left; }
.listbox .upload {margin: 0 3em 0 9em}
.listbox .upload input, .listbox .upload a{width: 100%; height:1.8em; border: none; text-align:left; font-size:1.4em; color:#555; 

-webkit-appearance: none; border-radius: 0; overflow: hidden; outline:none; background:none; filter: alpha(opacity=0); opacity: 0; 

cursor: pointer}
.listbox span{position:relative; float:right; width:3em; margin-top:-3.28em; display:block; }
.listbox span img{width:3em; height:3em; border-radius:100px}
.listboxs{border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden;}
.listboxs .items {margin: 0 1em 0 9em;}
.listboxs .items input{width: 100%; height:2.5em; border: none; font-size:1.4em; color:#555; -webkit-appearance: none; border-

radius: 0; overflow: hidden; outline:none; text-align:left; }
.listboxs .sub {margin: 0 3em 0 9em;}
.listboxs .sub select, .listboxs .sub input{width: 100%; height:2.5em; border: none; text-align:left; font-size:1.4em; color:#555; 

-webkit-appearance: none; border-radius: 0; overflow: hidden; outline:none; background:none}
.listboxs .icon, .listbox .icon{position:relative; float:right; width:2em; margin-top:-2.5em }
.listboxs .icon img, .listbox .icon img{width:50%}
.listbox .line, .listboxs .line {height:1px; background:#DDD; margin-left:1em}
.listbox-lable{font-size:1.4em; height:2.8em; line-height:3.6em; color:#00468C; text-indent:1em; margin-top:2em; overflow: 

hidden;}
.listbox-lable1{font-size:1.4em; height:2em; line-height:2em; color:#00468C; text-indent:1em; overflow: hidden;}

/*开始答题*/
.topic-time{position:fixed; top:3.8em; width:100%; height:4em; line-height:4em; color:#FFF; background:#00468C}
.topic-time h1{font-size:1.6em; color:#FFF; float:left; margin-left:0.5em }
.topic-time .btn{width:5em; border-radius: 4px; height:1.9em; border:none; background:#FFF; font-size:1.4em; 

color:#00468C;cursor:pointer; float:right; margin:0.5em 0.5em 0 0; -webkit-appearance: none;}
.topic-num{  width:100%; height:4em; line-height:4em; color:#00468C; background:#FFF}
.topic-num h1{font-size:1.6em; color:#00468C; float:left; margin-left:0.5em }
.topic-num h2{font-size:12px; color:#FFF; float:left; line-height:12px; margin:1em 0 1em 0.5em; background:#FFC926; padding:0.5em}
.topic-num h3{font-size:12px; color:#FFF; float:left; line-height:12px; margin:1em 0 1em 0.5em; background:#00468C; padding:0.5em}
.topic-num h4{font-size:12px; color:#FFF; float:left; line-height:12px; margin:1em 0 1em 0.5em; background:#CCC; padding:0.5em}
.topic-num h5{font-size:1.4em; color:#666; float:left; margin-left:0.5em }
.topic-num .icon{position:relative; float:right; width:2em; margin:0.5em 1.5em 0 0}
.topic-num .icon img{width:100%}
.topic-num-list{position:fixed; top:7.8em; width:100%; padding:0.5em; background:#FFF; box-shadow: 0 2px 2px #CCC; 

overflow:auto;display:none}
.topic-num-list a{width:2.3em; height:1.7em; text-align:center; line-height:2em; background:#CCC; margin:0.1em; font-size:1.2em; 

float:left; color:#FFF}
.topic-num-list .wating{width:2.3em; height:1.7em; text-align:center; line-height:2em; background:#00468C; margin:0.1em; font-

size:1.2em; float:left; color:#FFF}
.topic-num-list .complete{width:2.3em; height:1.7em; text-align:center; line-height:2em; background:#FFC926; margin:0.1em; font-

size:1.2em; float:left; color:#FFF}
.topic-num-list .wait{width:2.3em; height:1.7em; text-align:center; line-height:2em; background:#CCC; margin:0.1em; font-

size:1.2em; float:left; color:#FFF}
.topic-num-list .btn{width:5em; border-radius: 4px; height:1.9em; border:none; background:#00468C; font-size:1.4em; color:#FFF;cursor:pointer; float:center; margin:0.5em 0.5em 0 0; }

.topic-content{padding:8.0em 1em 0 1em; word-wrap:break-word}
.topic-content dt{width:100%; font-size:1.4em; color:#555; margin-bottom:1em}
.topic-content dd{width:100%; margin-bottom:1em}
.topic-content dd .font{ background:#00468C; font-size:1em; padding:0.2em; color:#FFF; margin-right:1em; border-radius:4px}
.topic-content dd span{font-size:1.4em; line-height:2em; color:#555}
.topic-content dl{width:100%; font-size:1.4em; line-height:2em; color:#555; margin-bottom:8em}
.topic-answer1{margin-left:33%;position:fixed; bottom:8em;}
.topic-answer1 .right{display:none;   height:1.6em; text-align:center; line-height:1.6em;  
background:#FFF;  font-size:2em;  margin-bottom: 0.2em; float:center; color:green}
.topic-answer1 .wrong{display:none;   height:1.6em; text-align:center; line-height:1.6em;  
background:#FFF;  font-size:2em;  margin-bottom: 0.2em; float:center; color:red}
.topic-answer2{margin-left:33%;position:fixed; bottom:8em;}
.topic-answer2 .right{display:none;   height:1.6em; text-align:center; line-height:1.6em;  
background:#FFF;  font-size:2em;  margin-bottom: 0.2em; float:center; color:green}
.topic-answer2 .wrong{display:none;   height:1.6em; text-align:center; line-height:1.6em;  
background:#FFF;  font-size:2em;  margin-bottom: 0.2em; float:center; color:red}
.topic-answer3{margin-left:33%;position:fixed; bottom:8em;}
.topic-answer3 .right{display:none; margin-right: 0.8em;  height:1.6em; text-align:center; line-height:1.6em;  
background:#FFF;  font-size:2em;  margin-bottom: 0.2em; float:center; color:green}
.topic-answer3 .wrong{display:none;  margin-right: 0.8em; height:1.6em; text-align:center; line-height:1.6em;  
background:#FFF;  font-size:2em;  margin-bottom: 0.2em; float:center; color:red}
.topic-result1{position:fixed; bottom:4em;margin-left:23%;}
.topic-result1 .normal{display:block; width:1.6em; height:1.6em; text-align:center; line-height:1.6em; border-radius:10em; 

background:#FFF; border:#00468C 0.1em solid; font-size:2em; margin-left: 1.5em;margin-bottom: 0.2em; float:left; color:#00468C}
.topic-result1 .selected{display:block; width:1.8em; height:1.8em; text-align:center; line-height:1.8em; border-radius:10em; 

background:#00468C; font-size:2em; margin-left: 1.5em;margin-bottom: 0.2em; float:left; color:#FFF}
.topic-result2{position:fixed; bottom:4em;margin-left:14%;}
.topic-result2 .normal{display:block; width:1.6em; height:1.6em; text-align:center; line-height:1.6em; border-radius:10em; 

background:#FFF; border:#00468C 0.1em solid; font-size:2em; margin-left: 0.8em;margin-bottom: 0.2em; float:left; color:#00468C}
.topic-result2 .selected{display:block; width:1.8em; height:1.8em; text-align:center; line-height:1.8em; border-radius:10em; 

background:#00468C; font-size:2em; margin-left: 0.8em;margin-bottom: 0.2em; float:left; color:#FFF}
.topic-result3{position:fixed; bottom:4em;margin-left:7%;}
.topic-result3 .normal{display:block; width:1.6em; height:1.6em; text-align:center; line-height:1.6em; border-radius:10em; 

background:#FFF; border:#00468C 0.1em solid; font-size:2em; margin-left: 0.3em;margin-bottom: 0.2em; float:left; color:#00468C}
.topic-result3 .selected{display:block; width:1.8em; height:1.8em; text-align:center; line-height:1.8em; border-radius:10em; 

background:#00468C; font-size:2em; margin-left: 0.3em;margin-bottom: 0.2em; float:left; color:#FFF}
.topic-answer {position:fixed; bottom:0.5em; width:100%; float:right}
.topic-answer .prev{width:24%; height:2em; line-height:2em; border:none; background:#B2DD30; font-size:1.4em; color:#FFF; border-

radius: 4px; -webkit-appearance: none; cursor:pointer; margin-left:2%; float:left}
.topic-answer .save{width:44%; height:2em; line-height:2em; border:none; background:#00468C; font-size:1.4em; color:#FFF; border-

radius: 4px; -webkit-appearance: none; cursor:pointer; margin:0 2%; float:left}
.topic-answer .next{width:24%; height:2em; line-height:2em; border:none; background:#B2DD30; font-size:1.4em; color:#FFF; border-

radius: 4px; -webkit-appearance: none; cursor:pointer; margin-right:2%; float:right}
/*错题列表*/
.titlebox{margin:8em 0 1em 0}
.titlebox dl{margin-bottom:1em; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden;}
.titlebox dt{font-size:1.4em; line-height:1.8em; color:#888; padding:0.5em 0; margin-left:1em; border-bottom:#DDD 1px solid; }
.titlebox dt .font{ background:#00468C; font-size:0.8em; padding:0.2em; color:#FFF; margin-right:0.3em; border-radius:4px}
.titlebox dd{font-size:1.4em; color:#00468C;padding:0.5em 0 0.5em 1em; float:left}
.titlebox input{font-size:1.4em; background:#00468C; color:#FFF; padding:0.2em 0.6em; float:right; margin:0.3em 1em 0.3em 1em; -

webkit-appearance: none; border-radius: 4px; border:none}

/*练习记录*/
.record-time{position:fixed; top:3.8em; width:100%; height:4em; line-height:4em; color:#FFF; background:#00468C}
.record-time a{width:25%; font-size:1.6em; color:#FFF; float:left; text-align:center}
.record-time .current{width:20%; border-radius: 4px; line-height:1.8em; border:none; background:#FFF; font-size:1.6em; 

color:#00468C; margin:0.36em 2.5%}
.record-list{margin:9em 0 1em 0} 
.record-list dl{margin-bottom:1em; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden;}
.record-list dt{padding:0.5em ; border-bottom:#DDD 1px solid; overflow:auto}
.record-list dt h1{width:60%; font-size:1.4em; line-height:1.8em; color:#00468C; float:left}
.record-list dt h2{width:40%; font-size:1.2em; line-height:2.1em; color:#888; float:right; text-align:right}
.record-list dd{width:24.7%; font-size:1.2em; padding:0.5em 0; color:#888; float:left; text-align:center; border-right:#DDD 1px 

solid}
.record-list span{width:24.7%; font-size:1.2em; padding:0.5em 0; color:#888; float:left; text-align:center; display:block}

/*选择工种*/
.gz-search{ padding:1em; height:2em; overflow:auto; margin-top:3.8em}
.gz-search input{width: 70%; height:32px; border:#CCC 1px solid; font-size:1.4em; color:#888; -webkit-appearance: none; border-

radius: 0; overflow: hidden; outline:none; text-align:left; background:#FFF; text-indent:0.5em; float:left }
.gz-search .btn{width: 28%; height:34px; border:#888 1px solid; font-size:1.4em; color:#FFF; -webkit-appearance: none; border-

radius: 0; overflow: hidden; outline:none; text-align: center; background:#888; float:left }
.gz-list{margin:1em 0 1em 0} 
.gz-list dl{margin-bottom:1em; border-top:#DDD 1px solid; background:#FFF; overflow: hidden;}
.gz-list dt{width:100%; font-size:1.2em; line-height:1.4em; color:#00468C; padding:0.5em; border-bottom:#DDD 1px solid;  

overflow:auto}
.gz-list p{width:100%; font-size:1.4em; line-height:1.4em; color:#888; text-align:left;text-indent:0.5em}
/*个人中心*/
.my{width:100%; height:10em; color:#FFF; background:#00468C; margin-top:3.8em; padding-top:2em}
.my-pic{width:6em; height:6em; background:#FFF url(../image/user.png) no-repeat center center; border-radius:10em; margin: auto;}
.my-name{font-size:1.6em; color:#FFF; text-align:center; margin-top:0.5em }
.my-lable{width:100%; height:2em; margin-bottom:4em}
.my-lable p{width:24.7%; font-size:1.2em; padding:0.2em 0; color:#888; float:left; text-align:center; border-right:#DDD 1px solid; 

border-bottom:#DDD 1px solid; background:#FFF}
.my-lable span{width:24.7%; font-size:1.2em; padding:0.2em 0; color:#888; float:left; text-align:center; display:block; border-

bottom:#DDD 1px solid; background:#FFF}
.my-lable p font, .my-lable span font{font-size:1.6em; color:#00468C; padding:0}
.my-list{width:100%; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden; margin-

bottom:1em}
.my-list .pic{float:left; margin:0.7em 0 0 1em }
.my-list .pic img{width:60%}
.my-list .text {margin: 0 1em 0 0; line-height:2.5em; border: none; font-size:1.4em; color:#555; overflow: hidden; text-

align:left; }
.my-list .icon{position:relative; float:right; width:2em; margin-top:-2.5em }
.my-list .icon img{width:50%}
/*弹出层*/
.leightbox {color: #555; display: none; position: absolute; top: 30%; left: 20%; width: 60%; background: #FFF;text-align: left;z-

index:1001;overflow: auto}
.leightbox p{ text-align:center; font-size:1.4em; margin:0.8em 0}
.leightbox h1{ text-align:center; font-size:1.2em; line-height:1.2em}
.close{width:50%; line-height:2.4em; font-size:1.2em;text-align:center; background:#CCC; float:left; margin-top:0.8em; color:#666}
.do{width:50%; line-height:2.4em; font-size:1.2em;  text-align:center; background:#00468C; float:left; margin-top:0.8em; 

color:#FFF}
#overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#333;-moz-opacity: 

0.8;opacity:.80;filter: alpha(opacity=80);}
.lightbox[id]{ /* IE6 and below Can't See This */  position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    

position:fixed;    }
/*等待载入*/
.laoding{width:100%; font-size:1.4em; text-align:center; color:#333;}


/*账户中心*/
.account{width:100%; color:#FFF; background:#00468C; margin-top:3.8em; padding-top:2em; overflow:hidden}
.account-num{font-size:4em; color:#FFF; text-align:center; margin: auto;}
.account-text{font-size:1.6em; color:#FFF; text-align:center; margin-top:0.5em }
.account-lable{font-size:1.4em; color:#333; line-height:2.4em; text-indent:1em}
.account-btn{width: 60%; height:2.2em; line-height:2.3em; border: none; font-size:1.4em; color:#FFF; -webkit-appearance: none; 

border-radius: 4px; background:#FFF; color:#00468C; text-align:center; margin:1em auto}
.accounthead{height:3em; overflow: hidden}
.accounthead .tab {float:left; height:3em; line-height:2.4em; text-align:center; width:50%; background:#FFF; font-size:1.4em; 

color:#00468C;}
.accounthead .tab1 {float:left; height:3em; line-height:2.4em; text-align:center; width:50%; font-size:1.4em; background:#CCC; 

color:#FFF}
.account-list {width:100%;}
.account-list dl{width:100%; margin-bottom:1em; border-top:#DDD 1px solid; background:#FFF; overflow: hidden}
.account-list dt{font-size:1.4em; line-height:1.8em; color:#00468C; padding:0.5em 0; margin-left:1em}
.account-list span{font-size:1em; line-height:1.8em; color:#333; padding:0 0.5em; float:right}
.account-list p{width:20%; float:right}
.account-list dd{width:70%; font-size:1.4em; padding:0.2em 0 0.2em 1em; color:#888; float:left}
.account-list input{font-size:1.4em; background:#00468C; color:#FFF; padding:0.2em 0.6em; float:right; margin:0 1em 0.5em 0; -

webkit-appearance: none; border-radius: 4px; border:none}
/*考试记录*/
/*练习记录*/
.exam-record-time{position:fixed; top:3.8em; width:100%; height:4em; line-height:4em; color:#FFF; background:#00468C}
.exam-record-time a{width:33%; font-size:1.6em; color:#FFF; float:left; text-align:center}
.exam-record-time .current{width:29%; border-radius: 4px; line-height:1.8em; border:none; background:#FFF; font-size:1.6em; 

color:#00468C; margin:0.36em 2.5%}
.exam-record-list{margin:9em 0 1em 0} 
.exam-record-list dl{margin-bottom:1em; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: 

hidden;}
.exam-record-list dt{padding:0.5em ; border-bottom:#DDD 1px solid; overflow:auto}
.exam-record-list dt h1{width:60%; font-size:1.4em; line-height:1.8em; color:#00468C; float:left}
.exam-record-list dt h2{width:40%; font-size:1.2em; line-height:2.1em; color:#888; float:right; text-align:right}
.exam-record-list dd{width:24.7%; font-size:1.2em; padding:0.5em 0; color:#888; float:left; text-align:center; border-right:#DDD 

1px solid}
.exam-record-list span{width:24.7%; font-size:1.2em; padding:0.5em 0; color:#888; float:left; text-align:center; display:block}


/*视频列表*/
.item-lable { width:100%; line-height:3em;color:#666; font-size:1.3em; text-indent:12px }
.video-search{ padding:1em; height:2em; overflow:auto; margin-top:4.8em}
.video-search input{ width: 70%; height:32px; border:#CCC 1px solid; font-size:1.4em; color:#888; -webkit-appearance: none; border-radius: 0; overflow: hidden; outline:none; text-align:left; background:#FFF; text-indent:0.5em; float:left }
.video-search .btn{width: 28%; height:34px; border:#888 1px solid; font-size:1.4em; color:#FFF; -webkit-appearance: none; border-radius: 0; overflow: hidden; outline:none; text-align: center; background:#888; float:left }

.video-type{position:fixed; top:3.8em; width:100%; height:4em; line-height:4em; color:#FFF; background:#00468C}
.video-type a{width:30%; font-size:1.6em; color:#FFF; float:left; text-align:center}
.video-type .current{width:30%; border-radius: 4px; line-height:1.8em; border:none; background:#FFF; font-size:1.6em; 

color:#00468C; margin:0.36em 2.5%}

.video-list {margin-bottom:-1px; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden;}
.video-list img { margin:1em; width:36%; border:none; float:left; overflow:hidden}
.video-list dl { margin:1em 0 1em 0;}
.video-list dl h1{ font-size:1.4em; color:#00468C}
.video-list dl h2{ font-size:1.2em; line-height:2em; color:#666}
.video-list dl h3{ font-size:1.2em; color:#888}
.video-list .date { border-top:#EBEBEB 1px solid; border-bottom:#EBEBEB 1px solid; background:url(../image/icon-date.png) no-repeat 12px 8px; background-size:20px; font-size:1.2em; line-height:2.6em; text-indent:40px; color:#00468C}
.video-box { padding:7em 0 2em 0; width:100%; background:#00468C; text-align:center; overflow: hidden;}
.video-box img{width:25%}
.video-box h1{ margin-top:0.5em; font-size:1.4em; line-height:2em; color:#FFF}
.video-box h2{ font-size:1.6em; color:#FFF}
.video_body{ padding:0; background:#FFF;}
.video_body a{  cursor:pointer;}
.video_body li{text-align: center; border:none; padding:0;}
.video_body li.error_tip{text-align: left;padding-top: 0px; color:red;line-height: 30px;text-indent: 16px;}
.video_body .tabs{ margin:0; background:#fff; overflow: hidden;}
.video_body .tabs_header{width:100%; background:#eee}
.video_body .tabs_header .nav{width: 50%; font-size:1.4em; line-height:40px; border-bottom:#DDD 1px solid; color:#666; 

background:#eee; float:left}
.video_body .tabs_header .nav.selected{ width: 50%; font-size:1.4em; line-height:38px; border-bottom:#00468C 3px solid; 

color:#00468C}
.video_body .tabs_body{ padding:1em 0.1em; overflow: hidden}
.video_body .tabs_body h1{ padding: 0 1em; font-size:1.2em; text-align:left}
.video_body .tabs_body table{ padding:0 1em; font-size:1.2em; text-align:left; border-bottom:#DDD 1px solid}
.video_body .tabs_body table img{ width:80%}
.video_body .tabs_body .btn{width:5em; border-radius: 4px; height:1.9em; border:none; background:#00468C; font-size:1.4em; color:#FFF;cursor:pointer; float:right; margin:0.5em 0.5em 0 0; }
.video_body .tabs_body .btn2{width:5em; border-radius: 4px; height:1.9em; border:none; background:#ee401a; font-size:1.4em; color:#FFF;cursor:pointer; float:right; margin:0.5em 0.5em 0 0; }
.video_body .list ul { position:relative; overflow:hidden;background:f7f6f6; }
.video_body .list ul li { float:left; width:33.333%; padding:12px 0; border-bottom:#EBEBEB 1px solid; text-align:center; font-size:1.4em; color:#999}
.video_body .list ul .fli { color:#00468C; padding:12px 0 10px 0; border-bottom:#00468C 3px solid; }
.video_body .list .gdiv { display:none; background:#FFF}
.video_body .list .fdiv {display:block; background:#FFF}
.video_body .list h1 { margin:12px; font-size:1.6em; color:#00468C}
.video_body .list h2 { margin:8px 12px; font-size:1.2em; color:#888}
.video_body .list .record { position:relative; margin:12px; overflow:hidden}
.video_body .list .record img { position: absolute; width:40px; height:40px; border-radius:100px}
.video_body .list .record dl { margin-left:50px; width:70%; overflow: hidden}
.video_body .list .record dl dt { font-size:1.3em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.video_body .list .record dl dd { font-size:1.1em; color:#999; }
.video_body .list .record p { margin:8px 0; width:100%; font-size:1.4em; line-height:1.6em; color:#666;}
.video_body .list .content { margin:0 12px; word-wrap: break-word;}
.video_body .date { border-top:#EBEBEB 1px solid; border-bottom:#EBEBEB 1px solid; background:url(../image/icon-date.png) no-repeat 12px 8px; background-size:20px; font-size:1.2em; line-height:2.6em; text-indent:40px; color:#00468C}
.video_body .title { margin:12px 0 6px 12px; font-size:1.2em; color:#666}
.video_body .info{ margin: 0 0 12px 12px; font-size:1.4em; color:#333}
.video_body .titlebox{margin:0 0 1em 0}
.video_body .titlebox dl{margin-bottom:1em; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; background:#FFF; overflow: hidden;}
.video_body .titlebox dt{font-size:1.4em; line-height:1.8em; color:#888; padding:0.5em 0; margin-left:1em; border-bottom:#DDD 1px solid; }
.video_body .titlebox dt .font{ background:#00468C; font-size:0.8em; padding:0.2em; color:#FFF; margin-right:0.3em; border-radius:4px}
.video_body .titlebox dt .font2{ background:#ee401a; font-size:0.8em; padding:0.2em; color:#FFF; margin-right:0.3em; border-radius:4px}
.video_body .titlebox dd{font-size:1.4em; color:#00468C;padding:0.5em 0 0.5em 1em; float:left}
.video_body .titlebox input{font-size:1.4em; background:#00468C; color:#FFF; padding:0.2em 0.6em; float:right; margin:0.3em 1em 0.3em 1em; -webkit-appearance: none; border-radius: 4px; border:none}
 .ask{position:fixed; top:3.8em; width:100%; height:4em; line-height:4em; color:#FFF; background:#FFF;border-bottom:#00468C 1px solid;}
  .ask .btn{width:5em; border-radius: 4px; height:1.9em; border:none; background:#00468C; font-size:1.4em; color:#FFF;cursor:pointer; float:right; margin:0.5em 0.5em 0 0; }
.ask .btn2{width:5em; border-radius: 4px; height:1.9em; border:none; background:#ee401a; font-size:1.4em; color:#FFF;cursor:pointer; float:right; margin:0.5em 0.5em 0 0; }