@charset "utf-8";


/*产品红色公用头部--------*/
header{ width:100%; text-align:center; font-size:1.8rem; height:45px; line-height:30px;position:relative; top:0; left:0; background:#e23b29; /*z-index:9998;*/overflow: hidden;}
header.cp-head{ line-height:15px; font-size:1.6rem}
header .logo{ margin:5px 0 0px 8px;float:left; }
header .logo img{max-width:120px; height:35px;}
header .logo .arrow-dn{ width:20px; height:20px; display:inline-block; background:url(lmdhbgred.png) 0 -120px no-repeat;background-size:40px auto; vertical-align:8px}
header .txt { max-width:35%!important}
header .txt .logo{line-height:45px; color:#fff; font-size:1.8rem; text-align:left; white-space:nowrap; margin:0; width:80%; overflow:hidden}
header .txt .logo .arrow-dn{ position:absolute; right:0px; top:13px}
header .txt{ font-size:2.3rem; color:#FFF; float:left; padding-left:10px; line-height:45px; height:45px;  text-align:left; overflow:hidden;max-width:60%; }
header span.fl{ position:absolute; left:0; top:0; height:45px; /*z-index:9999;*/background-color:#e23b29; display:inline-block; min-width:100px;max-width:50%; overflow:hidden; }
header span.fr{ display:inline-block; padding-right:2px; float:right;}
header span.fr a{ width:42px; height:38px;font-size:1.2rem; color:#fff; padding-top:4px; padding-bottom:3px; border-left:1px solid #d8311f; float:left}
header span.fr a .ico{ display:block; width:20px; height:20px; margin:0 auto; background:url(lmdhbgred.png) no-repeat; background-size:40px auto; margin-top:1px; }
header span.fr a .ico.course{ background-position:0 0}
header span.fr a .ico.exam{background-position:0 -20px}
header span.fr a .ico.app{background-position:0 -40px}
header span.fr a .ico.sort{background-position:0 -60px}
header span.fr a .ico.user{background-position:0 -80px}
header span.fr a .ico.home{background-position:0 -100px}

header .land-user { height:10px; padding-bottom:0!important;width:42px; height:38px;font-size:1.2rem; color:#fff; padding-top:4px; padding-bottom:3px; border-left:1px solid #d8311f; float:right}
header .land-user img{ width:28px; height:28px; line-height:29px;border-radius:100px; border:#b92211 solid 2px; margin-top:3px}
/* end 产品红色公用头部 ---------*/


/*产品子页导航   白底--------*/
header.subtopic-head{ line-height:45px; font-size:1.6rem; top:0; left:0; text-align: center;background: #fff;border-bottom: 1px solid #eee;z-index:9;}
.subtopic-head .back,.subtopic-head .user,.subtopic-head .close{ width:45px; height:45px; display:block;}
.subtopic-head .back,.subtopic-head .close{ float:left}
.subtopic-head .user,.subtopic-head .home,.subtopic-head .delete-date,.subtopic-head .pauses,.subtopic-head .set { float:right}

.subtopic-head .back i,.subtopic-head .user i,.subtopic-head .home i,.subtopic-head .close i,.subtopic-head .pauses i,.subtopic-head .set i,.subtopic-head .delete-date i{ display:block;width:40px; height:40px; background-image:url(lmdhbg.png);  background-size:40px auto; background-repeat:no-repeat; margin:0 auto; margin-top:2px}
.subtopic-head .back i{background-position:0 -300px;}
.subtopic-head .set i{background-position:0 -580px;}
.subtopic-head .user i{background-position: 0 -340px; }
.subtopic-head .home i{background-position: 0 -380px; }
.subtopic-head .close i{background-position: 0 -404px;}
.subtopic-head .pauses i{background-position:-6px -460px;}
.subtopic-head .delete-date i{background-position: 0 -419px;}
.subtopic-head .cont{ position:absolute;left: 50%; margin-left: -20%;width:40%;color:#333; line-height:45px; font-size:1.8rem;   display:inline-block;}
.subtopic-head .bttxt{padding:0 5px;color:#FFF; line-height:45px; font-size:1.6rem; overflow:ellipsis; text-align:center;float:right}


/*红底导航*/    /*添加 head-red 样式*/
header.subtopic-head.head-red{ background:#e23b29;background-image: linear-gradient(to right,#e13b29,#f45930);border-bottom:none;}
.subtopic-head.head-red .back i,
.subtopic-head.head-red .user i,
.subtopic-head.head-red .home i,
.subtopic-head.head-red .close i,
.subtopic-head.head-red .pauses i,
.subtopic-head.head-red .delete-date i{ display:block;width:40px; height:40px; background-image:url("lmdhbgred.png"); background-size:40px auto; background-repeat:no-repeat; margin:0 auto; margin-top:2px}
.subtopic-head.head-red .cont{color: #fff!important;}


/*灰底导航*/    /*添加 head-qgry样式*/
header.subtopic-head.head-qgry{ background:#f2f2f2;}

/*小三角*/
/*灰色*/.arrow-down { display:inline-block; margin-left: 10px;width:0; height:0; font-size:0; border-width:4px; border-color:#777 transparent transparent; border-style:solid; *border-style:solid dashed dashed}
/*白色*/.subtopic-head.head-red .arrow-down{margin-left: 10px;    margin-top: 4px;
    vertical-align: middle;border-width: 5px;border-color:#fff transparent transparent;}
/*end 产品子页导航 ---------*/


/*物流页特殊背景*/
header.subtopic-head.special-head{width: 100%; height:240px ;background: url("peis_bg.jpg") no-repeat top center;background-size: 100%;border-bottom: none;z-index:0;}



/*公用底部------------------*/
.footer_add{padding-top:30px;margin-bottom:10px;}
.footer_public{display:none;padding-top: 10px; border-top:1px solid #eee; background-color:#FFF; position:static; }
.footer_public .version{ text-align:center; width:100%; margin:0 auto 5px;}
.footer_public .version a{ display:inline-block; width:auto; padding:0 13px; font-weight:normal;font-size:1.2rem; border:1px solid #eee; border-right:0;box-sizing: border-box; line-height:34px; background:#fff;}
.footer_public .version a.rLine{ border-right:1px solid #eee}
.footer_public .version a.on{ color:#e73600; font-weight:bold; background:#f3f3f3}
.footer_public .copyRight{ text-align:center; font-size:1.2rem; color:#999; padding-top:8px}
.footer_public .statistics{ text-align:center; font-size:1.2rem; color:#999; padding-top:5px; background:#f8f8f8; padding:10px 0}
/*公用底部 end------*/





/** 公用基础设置样式--------------------------------------------------- **/

/* Reset the style */ 
html,body,div,ul,li,input,textarea,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight: normal;}
img{border:0}
ul{list-style-type:none}
input:focus,textarea:focus{outline:none}
header,nav,section,article,footer{padding:0;margin:0;display:block}
input,textarea,select{font-family:inherit;font-weight:inherit;appearance:none;-webkit-appearance:none;border:0;background-color: transparent;}
input{font-size: 1.5rem;}
table{ border-collapse:collapse}
html{font-size:62.5%;width: 100%;}
body{ font-family:'苹方','Microsoft Yahei', Helvetica, sans-serif;font-size:62.5%; font-size:1.4rem;  max-width:640px;width:expression(document.body.clientWidth <640 ? "640px" : "100%" ); margin:0 auto;width: 100%;overflow-x: hidden;}
button{outline: none;cursor: pointer}
em,i{font-style: normal;}
strong{font-weight: normal;}
a:link,a:visited,a:active{text-decoration:none;color:#333;}
a{ text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
li{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
/*qingchu-fudong*/
.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:'.'; }
.clearfix { zoom:1; }


/*font-color*/
.bule-color{ color:#43a8f0}
.red-color,a.red-color{ color:#e23b29; }
.gold-color,a.gold-color{ color:#c79c58; }
.grey-color{ color:#bbb;}
.green-color{ color:#37b059;}
.text-3gry{color:#333;}
.text-white,a.text-white{color:#fff;}
.text-4gry{color:#444;}
.text-5gry{color:#555;}
.text-6gry{color:#666;}
.text-8a{color:#8a8a8a;}
.text-c,a.text-c{color:#ccc;}

/*题库常用色*/
.text-ture{color:#51c280;}
.text-wrong,a.text-wrong{color:#f35f45;}
.wrong-bg{background:#f35f45;}
.ture-bg{background:#51c280;}

/*bg-bolor*/
.bg-f2{background:#f2f2f2;}
.bg-f5{background:#f5f5f5;}
.bg-f35a{background:#f3f5fa;}
.bg-qgry{background:#dbdbdb;}
.bg-sgry{background:#555;}
.bg-b2gry{background:#b2b2b2;}
.bg-red{background:#e23b29;background-image: linear-gradient(120deg, #fd5f37, #e03834);}
.bg-gold{background:#c79c58;background: linear-gradient(120deg,#e9b65d,#c79c58)}
.bg-yellow{background:#fdab01;background: linear-gradient(120deg,#fdab01,#f7990c)}

.bg-white{background:#fff;}

.bage{display: inline-block;margin-right:2px; text-align: center; width: 20px;height: 20px;line-height: 20px; color: #fff;border-radius: 4px; }


/*边框*/
.border-alle{border:1px solid #eee;}
.border-t{border-top:1px solid #eee;}
.border-b{border-bottom:1px solid #eee;}


/*font-size*/
.font10{ font-size:1rem;}
.font11{ font-size:1.1rem;}
.font12{ font-size:1.2rem;}
.font13{ font-size:1.3rem;}
.font14{ font-size:1.4rem;}
.font15{ font-size:1.5rem;}
.font16{ font-size:1.6rem;}
.font18{ font-size:1.8rem;}
.font20{ font-size:2rem;}
.font30{ font-size:3rem;}
.fr{ float:right}
.fl{ float:left}
.fb{font-weight: bold;}
.f-tac{text-align: center}
.f-tal{text-align: left}
.f-tar{text-align: right}

/*间距*/
.m-10{margin:10px;}
.m-20{margin:20px;}
.p-10{padding:10px;}
.p-20{padding:20px;}

.m-0-10{margin:0 10px;}
.m-10-0{margin:10px 0;}
.m-20-0{margin:20px 0;}
.m-0-20{margin: 0 20px;}

.p-5-0{padding:5px 0;}
.p-10-0{padding:10px 0;}
.p-20-0{padding:20px 0;}
.p-30-0{padding:30px 0;}
.p-0-10{padding:0 10px;}
.p-0-15{padding:0 15px;}
.p-0-20{padding:0 20px;}

.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-l-5{margin-left:5px;}
.m-l-10{margin-left:10px;}
.m-r-10{margin-right:10px;}
.m-b-5{margin-bottom:5px;}
.m-b-10{margin-bottom:10px;}

.m-t-20{margin-top:20px;}
.m-l-20{margin-left:20px;}
.m-l-40{margin-left:40px;}
.m-r-20{margin-right:20px;}
.m-r-30{margin-right:30px;}
.m-b-20{margin-bottom:20px;}
.m-b-60{margin-bottom:60px;}
 
.p-t-5{padding-top: 5px;}
.p-t-10{padding-top: 10px;}
.p-t-12{padding-top: 12px;}
.p-t-15{padding-top: 15px;}
.p-t-20{padding-top:20px;}

.p-l-0{padding-left: 0!important;}
.p-l-10{padding-left: 10px;}
.p-r-10{padding-right: 10px;}
.p-r-15{padding-right: 15px;}

.p-b-5{padding-bottom: 5px;}
.p-b-10{padding-bottom: 10px;}
.p-b-20{padding-bottom: 20px;}

.p-l-20{padding-left: 20px;}
.p-r-20{padding-right: 20px;}

/** end:公用基础设置样式--------------------------------------------------- **/