@charset "utf-8";
/* -----------------------------------------------------------
【初始化】
 ----------------------------------------------------------*/
.pup-twrap{ float:left; border-radius:10px; overflow:hidden;box-shadow: 0px 2px 8px #333; background:#fff;}
.pup-tcon { border-top:3px solid #f53c3c; padding:45px; width:420px; line-height:26px; position:relative;}
.pup-tcon .textc01{ font-size:20px; color:#333;}
.pup-tcon .textc01 span{ width:58px; height:58px; display:block; float:left; margin-right:20px;}
.pup-tcon .textc01 h2{ font-size:16px; color:#333; font-weight:normal; margin-top:5px;}
.pup-tcon .textc02{ margin-top:35px; text-align:center;}
.pup-tcon .textc02 a{ text-align:center; height:35px; line-height:35px; border-radius:4px; display:inline-block; border:1px solid #e0e0e0; color:#333; padding:0 10px; margin:0 8px; font-size:14px;}
.pup-tcon .textc02 a:hover{ border:1px solid #f35969;}
.pup-tcon .textc02 a.qqbtn { border:1px solid #f53c3c; line-height:37px;}
.pup-tcon .textc02 a.qqbtn img{ vertical-align:top; margin-top:8px; margin-right:8px;}
#cboxClose{position:absolute; top:20px; right:10px; display:block; background: url(https://pt.olacio.com/img/cancel_pic.png) no-repeat ; width:36px; height:36px; text-indent:-9999px; border:none; cursor:pointer;}

.chose-lag h2{ font-size:24px; color:#333; text-align:center; margin-bottom:30px;}
.chose-lag li{ float:left; margin:0px 5px; cursor:pointer;}
.chose-lag li a{ color:#333; display: inline-block; border:1px solid #ddd; font-size:14px; text-align:center; border-radius:2px;position:relative; text-align:center; width:70px; height:70px;}
.chose-lag li a img{ vertical-align:top; width:32px; display:block; margin:0 auto; margin-top:15px; margin-bottom:3px;}
.chose-lag li a:hover{ border:1px solid #f53c3c;}
.chose-lag li.active a{ border:2px solid #FF8019; margin:-1px;}
.chose-lag li a:hover{ border:2px solid #FF8019; margin:-1px;}
.chose-lag li.active a i{ width:15px; height:15px; display:block; text-indent:999px; background: url(https://pt.olacio.com/img/lesson/hot/coursepic_bg.png) no-repeat -378px -128px; overflow:hidden; position: absolute; right:0px; bottom:0px;}

.nx-btn{ text-align:center;}
.nx-btn button{ border: 0; height:40px; line-height:40px; background:#f53c3c; display:inline-block; cursor:pointer; color:#fff; font-size:16px; border-radius:3px;font-size:16px; width:180px; text-align:center; margin-top:35px; }

.hd-reg-main{ padding:40px 40px 20px 40px;}
.step-flow-m{ background:#f4f4f4; padding:10px; text-align:center; margin-bottom: 20px;}
.step-flow-m li{ display: inline-block;}
.step-flow-m li{ display:inline;}
.step-flow-m li span{ display:inline-block; line-height:20px; font-size:15px; color:#333;}
.step-flow-m li i{ width:20px; height:20px; display:inline-block; background: url(https://pt.olacio.com/img/setp-flow-img.png) no-repeat 0 -20px; vertical-align:top; color:#fff; margin-right:5px;}
.step-flow-m li em{ width:20px; height:20px; display:inline-block; background: url(https://pt.olacio.com/img/setp-flow-img.png) no-repeat 0 -60px; vertical-align: top; color:#fff; margin:0 20px;}
.step-flow-m li.li-active i{background: url(https://pt.olacio.com/img/setp-flow-img.png) no-repeat 0 0px;}
.step-flow-m li.li-active em{ background: url(https://pt.olacio.com/img/setp-flow-img.png) no-repeat 0 -40px;}

.inp_bwrap{ float:left; border: 1px solid #ccc; border-radius:3px; width: 310px; height: 38px;  position:relative;}
.inp_bwrap label.ltit{ float:left; line-height: 38px; width: 55px; color: #333; text-align:center; font-size: 16px; font-weight: normal;}
.inp_bwrap:hover{ background:#fff;}
.inp-bwrap-checked{position:absolute; right:10px; top:10px;}

.regmaincss_hd{ float:left; background:#f4f4f4; border-radius:8px;box-shadow: 0px 1px 2px #666; position:relative;}
.reg_inner_wd{ width: 680px; background:#fff; overflow: hidden; border-right:1px solid #e9e9e9; border-radius:10px;box-shadow: 0px 2px 8px #333; }
.reg_inner_wd h1{ font-size:24px; font-weight:normal; color:#333; margin:5px 0 30px 0;}
.reg_inner_wd h1 span{ font-size:12px; color:#999; margin:0 10px;}
.reg_inner_wd .in_item input{ font-size:14px;line-height:37px; color:#444; font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; padding-left:5px; float:left; border:none; background:none; height:37px; width: 250px; float:left;}
.reg_inner_wd .bd_on input{background:#fff;}
.reg_inner_wd .bd_on input:hover{ background:#fff;}
.reg_inner_wd .in_item { margin-bottom:12px; float:left;}
.reg_inner_wd .errormsg{ float:left;font-size:13px; color:#e95772; background:url(/img/login/ts_ico.png) no-repeat 3px; padding-left:20px; margin-bottom:12px; margin:12px 0 0 15px;}
.reg_inner_wd .tp-text {float:left; margin-bottom:15px; color:#FB7000;}
.reg_inner_wd .tg_btn{ float:left; width:100%; margin-top:10px;}
.reg_inner_wd .tg_btn input{ border:1px solid #fe6072; width:180px; float:left;  height:42px; line-height:42px; background:#f53c3c; cursor:pointer; color:#fff; font-size:16px; border-radius:3px;font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; font-size:22px;}
.reg_inner_wd .conline_btn{ float:left; color:#999; margin-top:10px; margin-left:20px;}
.reg_inner_wd .conline_btn a{ display:inline-block; text-decoration:underline; height:28px; line-height:28px; border-radius:3px;}
.reg_inner_wd .conline_btn a:hover{ color:#e95772;}

.reg_title { margin-bottom:20px; border-bottom:1px solid #eee;}
.reg_title li{ float:left; font-size: 18px; margin-right:30px;}
.reg_title li span{ display:inline-block; color:#777;}
.reg_title li span.t-on{ border-bottom:3px solid #F53C3C; padding-bottom:8px; color:#444; font-weight:bold; font-size:24px;}

.regfrom-bd{ float:left; width: 310px;}
.prompt-rbox{ float: right; width:260px; text-align:right;}
.pitch-bd{ margin-bottom:20px; border: 1px solid #FFD1A6; padding:5px 15px; background: #FFF7EF;}
.ch-class{ font-size:14px; color:#333;}
.s-number { font-size:14px;}
.s-number strong{ font-size:18px; color:#fe6072;}

.ola-brand{ background:#f9f9f9; text-align:center; padding:15px;}