/* CSS Document */

.fw-bold{font-weight:700}.fw-normal{font-weight:400}.fz-12{font-size:9pt}
.fz-14{font-size:14px}.fz-16{font-size:1pc}.fz-18{font-size:18px}
.fz-20{font-size:20px}.fz-22{font-size:22px}.fz-24{font-size:24px}
.fz-26{font-size:26px}.fz-28{font-size:28px}.fz-30{font-size:30px}
/*-------------------------通用宽度--------------------------------*/
.w_b10{width:10%}.w_b20{width:20%}.w_b30{width:30%}.w_b40{width:40%}.w_b50{width:50%}
.w_b60{width:60%}.w_b70{width:70%}.w_b80{width:80%}.w_b90{width:90%}
.w_b95{width:95%}.w_b100{width:100%}.w3_3{width:33.33%}
.w-5{width:5px}.w-10{width:10px}.w-15{width:15px}.w-20{width:20px}.w-25{width:25px}
.w-30{width:30px}.w-35{width:35px}.w-40{width:40px}.w-45{width:45px}.w-50{width:50px}
.w-55{width:55px}.w-60{width:60px}.w-65{width:65px}.w-70{width:70px}.w-75{width:75px}
.w-80{width:80px}.w-85{width:85px}.w-90{width:90px}.w-95{width:95px}.w-100{width:100px}
.w-120{width:120px}.w-com{width:1024px;}
/*-------------------------通用高度--------------------------------*/
.h-5{height:5px}.h-10{height:10px}.h-15{height:15px}.h-20{height:20px}.h-25{height:25px}
.h-30{height:30px}.h-35{height:35px}.h-40{height:40px}.h-45{height:45px}.h-50{height:50px}
.h-55{height:55px}.h-60{height:60px}.h-65{height:65px}.h-70{height:70px}.h-75{height:75px}
.h-80{height:5pc}.h-85{height:85px}.h-90{height:90px}.h-95{height:95px}.h-100{height:75pt}
/*-------------------------通用行高--------------------------------*/
.lh-5{line-height:5px}.lh-10{line-height:10px}.lh-15{line-height:15px}
.lh-20{line-height:20px}.lh-25{line-height:25px}.lh-30{line-height:30px}
.lh-40{line-height:40px}.lh-45{line-height:45px}.lh-50{line-height:50px}
/*-------------------------固态定量--------------------------------*/
.d-block{display:block}.d-none{display:none}.show{display:block!important}
.hide{display:none!important}.p-absolute{position:absolute}.p-fixed{position:fixed}
.p-relative{position:relative}.p-inherit{position:inherit}.f-l{float:left}
.f-r{float:right}.o-h{overflow:hidden}.o-a{overflow:auto}.o-i{overflow:inherit}
.t-l{text-align:left}.t-r{text-align:right}.t-c{ text-align:center;}
/*-------------------------背景颜色--------------------------------*/
.bg-255{background:#fff}.bg-red{background:red}.bg-hui{background-color:#f9f9f9}
.bg-hei{background-color:#000}.bg-com{background-color:#909090}.bg-lan{background-color:#188eee}
.bg-hong{background-color:red}.bg-bai{background-color:#fff}.bg-lv{background-color:#34bd74}
.fc-hei{color:#000}.fc-com{color:#909090}.fc-lan{color:#188eee}.fc-hong{color:red}.fc-bai{color:#fff}
.hand{cursor:pointer}.opacity-0{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}
.c-255{color:#fff}.mao{margin:0 auto}
.bd-all{border:1px solid #e5e9ed}.bd-r{border-right:1px solid #e5e9ed}.bd-l{border-left:1px solid #e5e9ed}
.bd-d{border-bottom:1px solid #e5e9ed}.bd-u{border-top:1px solid #e5e9ed}
/*-------------------------位移--------------------------------*/
.plr_5{padding-right:5px;padding-left:5px}.plr_10{padding-right:10px;padding-left:10px}
.plr_15{padding-right:15px;padding-left:15px}.plr_20{padding-right:20px;padding-left:20px}
.plr_25{padding-right:25px;padding-left:25px}.plr_35{padding-right:35px;padding-left:35px}
.plr_30{padding-right:30px;padding-left:30px}.pd_10{padding-bottom:10px}.pd_20{padding-bottom:20px}
.pd_30{padding-bottom:30px}.pd_40{padding-bottom:40px}.pp_5{padding-top:5px}.pp_10{padding-top:10px}
.pp_15{padding-top:15px}.pp_20{padding-top:20px}.pp_30{padding-top:30px}.pp_40{padding-top:40px}
.pl_10{padding-left:10px}.pl_20{padding-left:20px}.pl_30{padding-left:30px}.pl_40{padding-left:40px}
.pr_10{padding-right:10px}.pr_20{padding-right:20px}.pr_30{padding-right:30px}.pr_40{padding-right:40px}
.md_10{margin-bottom:10px}.md_20{margin-bottom:20px}.md_30{margin-bottom:30px}.md_40{margin-bottom:40px}
.mp_5{margin-top:5px}.mp_10{margin-top:10px}.mp_15{margin-top:15px}.mp_20{margin-top:20px}.mp_25{margin-top:25px}
.mp_30{margin-top:30px}.mp_40{margin-top:40px}.mp_50{margin-top:50px}.mp_60{margin-top:60px}.mp_70{margin-top:70px}
.ml_5{margin-left:5px}.ml_10{margin-left:10px}.ml_20{margin-left:20px}.ml_30{margin-left:30px}.ml_40{margin-left:40px}
.mr_10{margin-right:10px}.mr_20{margin-right:20px}.mr_30{margin-right:30px}.mr_40{margin-right:40px}
.ro_3{border-radius:3px}.ro_5{border-radius:5px}.ro_7{border-radius:7px}.ro_9{border-radius:9px}
.ro_11{border-radius:11px}.ro_13{border-radius:13px}.ro_15{border-radius:15px}.ro_17{border-radius:17px}
.ro_19{border-radius:19px}.ro_20{border-radius:20px}.rod{border-radius:50%}
.empty{height:100px;padding-top:160px;color:#bcbcbc;background:url(../../emptycss.png) center 50px no-repeat;line-height:24px;font-size:14px;text-align:center}
/*-------------------------通用按钮-----------------------------------*/
.greed-bt{display:inline-block;width:100px;font-size:14px;text-align:center;height:30px;line-height:30px;background:#34bd74;color:#fff;border-radius:2px; cursor:pointer;}
.greed-bt:hover{display:inline-block;width:100px;font-size:14px;text-align:center;height:30px;line-height:30px;background:#34bd74;color:#fff;border-radius:2px}
.green-bt{display:inline-block;width:80px;font-size:14px;text-align:center;height:30px;line-height:30px;background:#34bd74;color:#fff;cursor:pointer;}
.green-bt:hover{display:inline-block;width:80px;font-size:14px;text-align:center;height:30px;line-height:30px;background:#34bd74;color:#fff;}
.hui-bt{display:inline-block;width:80px;font-size:14px;text-align:center;height:30px;line-height:30px;background:#666;color:#fff;cursor:pointer;}
.hui-bt:hover{display:inline-block;width:80px;font-size:14px;text-align:center;height:30px;line-height:30px;background:#666;color:#fff;}
.bt-sm{display:inline-block; padding:2px 4px;font-size:14px;text-align:center;line-height:30px;border-radius:2px; cursor:pointer;}
.bt-mm{display:inline-block;width:80px;font-size:14px;text-align:center;height:30px;line-height:30px;border-radius:2px; cursor:pointer;}
.bt-lm{display:inline-block;width:100px;font-size:14px;text-align:center;height:35px;line-height:30px;border-radius:2px; cursor:pointer;}
/*按钮结束*/


.user{margin-top:30px;}
.user-left{width:183px;float:left;background:#fff;border:1px solid #ebebeb;font-size:14px;border-radius:3px;}
.user-left .active{background:#f9f9f9;}
.user-left-tit{height:44px;line-height:44px; padding-left:30px;color:#7f7f7f;}
.user-left-tit i{width:24px;height:44px;float:left;font-size:17px;line-height:44px;}
.user-left-box a{ display: block;height: 40px;line-height: 40px; overflow: hidden;padding-left:54px;}


.user-right{width:950px;float:right;}

.topusernav{ display:none;}
.topusernav li{float:left; position:relative;height:85px; overflow:hidden; margin:0 20px; box-shadow:0 1p 9px rgba(0,0,0,0.18); display:none;}
.topusernav li a{ font-size:16px;padding:0px 20px;color:#5b6269;}
.topusernav li.curr a{color:#3c93e5}
.topusernav li.curr .currbg{width:100%;height:5px; background:#3c93e5; position:absolute;bottom:0px; display:none;}
.topusernav li a:hover{color:#3c93e5}
.userWrap{ background:url(20155231458.jpg) no-repeat 50% -30px;}
.mainUserInfo{ background:#fff;}
.mainUserInfo .box{ padding:0px 20px;}
.mainUserInfo .pageWidth{width:1160px;padding:30px 0px;height:95px; background:url(infobg.png) no-repeat 96% 100%;}
.mainUserInfo .right{float:right;}
.mainUserInfo .right li{float:left; padding:10px 50px;border-left:1px solid #eee; margin:0px 10px;margin-top:10px;}
.mainUserInfo .right li .icon{ display:none;margin:0 auto;width:35px;height:35px;}
.mainUserInfo .right li .icon img{ display:block; overflow:hidden;height:35px;}
.mainUserInfo .right li strong{ display:block;font-size:21px;line-height:31px;color:#111;}
.mainUserInfo .right li em{ line-height:22px;font-size:12px;color:#999;}
.mainUserInfo .left{ position:relative;height:95px; padding-left:110px;}
.mainUserInfo .left .face{width:95px;height:95px; position:absolute; padding:0px; background:#f5f5f5;border-radius:50%;left:0;top:0; overflow:hidden;}
.mainUserInfo .left .face img{width:100%;height:100%;border-radius:50%;}
.mainUserInfo .left .info .name{font-size:16px;font-weight:bold;height:26px;color:#111; line-height:26px; }
.mainUserInfo .left .info .name span{float:left;}
.mainUserInfo .left .info .novip{width:17px;height:17px; background:url(userinfo.png) no-repeat;float:left; margin:4px 0px 0px 15px; position:relative;}
.mainUserInfo .left .info .novip:hover{background:url(userinfo.png) no-repeat 0 -26px;}
.mainUserInfo .left .info .vip{background:url(userinfo.png) no-repeat 0 -26px;}
.mainUserInfo .left .info .phone{width:17px;height:17px; position:relative;float:left; background:url(userinfo.png) no-repeat -32px 0; margin:4px 0px 0px 10px;}
.mainUserInfo .left .info .phone-on{background:url(userinfo.png) no-repeat -32px -27px;}
.mainUserInfo .left .info .name em{ position:absolute;width:72px; font-size:12px;color:#fff; background:#373f45;height:25px; line-height:25px;top:-30px; text-align:center;border-radius:3px;left:-28px; display:none;}
.mainUserInfo .left .info .name em .arrow{width:6px;height:3px; background:url(arrow-bot.png) no-repeat; position:absolute;left:50%;margin-left:-3px;bottom:-3px;}
.mainUserInfo .left .info .phone:hover{background:url(userinfo.png) no-repeat -32px -27px;}
.mainUserInfo .left #userEdit{ position:relative;}
.mainUserInfo .left .userEditMenu{width:300px;border:1px solid #ccc;border-radius:4px; box-shadow:0 1px 10px rgba(0,0,0,0.15);height:76px; background:#fff; position:absolute;top:25px;left:0; z-index:999; display:none;}
.mainUserInfo .left .userEditMenu li{width:33.33%;float:left; text-align:center; font-size:12px; line-height:32px;font-weight:normal;}
.mainUserInfo .left .userEditMenu li .icon{width:22px;height:22px; background-image:url(icon-info.png); background-repeat:no-repeat; display:block;margin:0 auto;margin-top:15px;}
.mainUserInfo .left .userEditMenu li .icon-edit{}
.mainUserInfo .left .userEditMenu li .icon-zht{ background-position:-69px 0;}
.mainUserInfo .left .userEditMenu li .icon-qd{ background-position:-132px 0;}
.mainUserInfo .left .userEditMenu li a{color:#555; display:block;}
.mainUserInfo .left .userEditMenu li a:hover{color:#368cd3;}
.mainUserInfo .left .userEditMenu li a:hover .icon{background-image:url(icon-info-on.png);}
.mainUserInfo .left .info .type{height:22px; line-height:22px;color:#999;}
.mainUserInfo .left .info .type a{color:#999; margin-left:30px;}
.mainUserInfo .left .info .button{margin-top:12px;}
.mainUserInfo .left .info .button a{ padding:0px 30px;height:30px; line-height:30px; background:#4599de;color:#fff;float:left;border-radius:30px;}
.mainUserInfo .left .info .button a:hover{ background:#368cd3;}
.mainUserInfo .left .vipBox{ position:relative; padding-bottom:20px;height:30px;float:left;}
.mainUserInfo .left .vipintro{width:300px; font-size:14px; line-height:24px; position:absolute;top:50px; padding:13px 15px 13px 44px;border:1px solid #c9c2be; box-shadow:0 1px 4px rgba(0,0,0,0.1);left:0; background:#ffffe1 url(tips.png) no-repeat 15px 16px; z-index:9;border-radius:4px; display:none;}
.mainUserInfo .left .vipintro .arrow{width:10px;height:7px; background:url(arrow-top.png) no-repeat; position:absolute;top:-7px;left:60px;}
.mainUserInfo .left .checkIn a{float:left; padding:0px 15px;height:30px; line-height:30px; background:#f5f5f5;border-radius:30px;margin:12px 0px 0px 15px;color:#555;}
.mainUserInfo .left .checkIn img{ margin:6px 7px 0px 0px;}
.mainUserInfo .left .checkIn a:hover{ background:#eee;color:#333;}
.mainUser {margin-top:20px;}
.mainUser .left{width:200px;float:left; background:#fff;}
.mainUser .left .vtitle{height:43px; line-height:43px; overflow:hidden; font-size:16px;border-bottom:1px solid #fff; padding:0px 15px; background:#f9f9f9; cursor:pointer;color:#111;}
.mainUser .left  span{ display:block; line-height:30px;color:#999; font-size:14px;margin-top:15px;}
.mainUser .left .vconlist { padding:0px 15px 15px 15px;}
.mainUser .left .vconlist ul{ padding:5px 15px;}
.mainUser .left .vconlist li{height:30px; line-height:30px; font-size:14px;}
.mainUser .left .vconlist li a{color:#555;}
.mainUser .left .vconlist li a:hover{color:#368cd3;}
.mainUser .left .vconlist li a.on{color:#368cd3;}
.mainUser .right{width:960px;float:right;}
.myCourse{width:960px;background:#fff;}
.myCourse .title{font-size:16px;height:44px; line-height:44px; background:#f9f9f9;color:#111; overflow:hidden; padding:0px 20px;}
.myCourse .title .titleTips{color:#999; font-size:12px; padding-left:15px;}
.myCourse li{ padding:20px 0px 20px 220px; margin:0px 20px; position:relative;border-top:1px solid #eee;height:120px; overflow:hidden;}
.myCourse li .image{width:200px;height:120px; position:absolute;top:20px;left:0px;}
.myCourse li .image img{width:100%;height:100%;}
.myCourse li .name{height:28px; line-height:28px; overflow:hidden; font-size:18px; white-space:nowrap; text-overflow:ellipsis;}
.myCourse li .name a:hover{color:#111;}
.myCourse li .name span a{border:1px solid #38bd89; margin-left:15px; height:19px; display:inline-block; line-height:19px;border-radius:3px; padding:0px 7px;color:#38bd89; font-size:12px;}
.myCourse li .name span a:hover{color:#38bd89;}
.myCourse li .info{color:#999; line-height:32px;height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.myCourse li .info span{ padding-right:20px;}
.myCourse .schedule{height:30px; line-height:30px;}
.myCourse .schedule .lineTop{height:12px; background:#e6e6e6;border-radius:30px; position:relative;width:530px;float:left;margin-top:8px;}
.myCourse .schedule .lineTop .lineBg{width:0%;height:100%; position:absolute;top:0;left:0; background:#4599de;border-radius:30px;}
.myCourse .schedule .num{float:left; padding-left:15px; font-size:14px;color:#999;} 
.myCourse .schedule .num em{ padding:0px 2px;}
.myCourse .schedule .carryOut a{ background:#3eb98a;}
.myCourse .schedule .carryOut a:hover{ background:#2fad7d}
.myCourse li .button{width:85px;float:right;}
.myCourse li .button a{ display:block;height:30px; line-height:30px; background:#4599de; text-align:center;color:#fff;border-radius:3px;}
.myCourse li .button a:hover{ background:#368cd3;}
.myCourse .link{line-height:22px;margin-top:5px;}
.myCourse .link a{ margin-right:40px;color:#66859f;float:left;}
.myCourse .link a.num0{}
.myCourse .link i{ padding:0px 2px; }
.myCourse .link span{width:14px;height:13px;float:left; background-image:url(icon.png); background-repeat:no-repeat;margin:4px 5px 0px 0px;}
.myCourse .link .icon-notes{ background-position:-1px 0px;}
.myCourse .link .icon-data{ background-position:-108px 0px;}
.myCourse .link .icon-exam{ background-position:-215px 0px;}
.myCourse .link .icon-keshi{ background-position:-284px 0px;}
/*通用内框*/
.r_tybox{width:960px; background:#fff;margin-top:20px;}
.r_tybox .r_padbox{ padding:20px;}
.r_tybox .r_title{font-size:16px;height:44px; line-height:44px; background:#f9f9f9; overflow:hidden; padding:0px 20px;}
.r_tybox .r_title h4{font-weight:normal;float:left; margin-right:15px;}
.r_tybox .r_title .back{float:left;font-size:12px; padding:0px 30px 0px 15px;color:#999;background:url(back.png) no-repeat 0 50%; cursor:pointer;}
.r_tybox .titleTips{color:#999; font-size:12px;}
.r_tybox .tips{ line-height:20px;color:#bbb; }
.nomar{margin-top:0px; width:auto;}
.r_tybox .tabs{height:40px; background:#f9f9f9; padding:0px 20px;border-bottom:1px solid #eee;}
.r_tybox .tabs li{float:left; padding:0px 20px;height:38px; line-height:38px; font-size:14px;border:1px solid #f9f9f9; -webkit-transition:0.3s; transition:0.3s;}
.r_tybox .tabs li a{color:#555;}
.r_tybox .tabs li:hover{ background:#f5f5f5;}
.r_tybox .tabs li.puton{ background:#fff; border:1px solid #eee;border-bottom:1px solid #fff;height:39px;border-radius:3px 3px 0px 0px; box-shadow: 0 1px 5px #eee inset}
.r_tybox .tabs li.puton a{color:#333;}
/*复制通用内框*/
.t_tybox{width:960px; background:#fff;margin-top:20px;}
.t_tybox .y_padbox{ padding:20px;}
.t_tybox .tytitle{font-size:16px;height:44px; line-height:44px; background:#f9f9f9; overflow:hidden; padding:0px 20px;}
.t_tybox .tytitle h4{font-weight:normal;float:left; margin-right:15px;}
.t_tybox .tytitle .back{float:left;font-size:12px; padding:0px 30px 0px 15px;color:#999;background:url(back.png) no-repeat 0 50%; cursor:pointer;}


.t_tybox .titleTips{color:#999; font-size:12px;}
.t_tybox .tips{ line-height:20px;color:#bbb; }
.nomar{margin-top:0px; width:auto;}

.t_tybox .tabs{height:40px; background:#f9f9f9; padding:0px 20px;border-bottom:1px solid #eee;}
.t_tybox .tabs li{float:left; padding:0px 20px;height:38px; line-height:38px; font-size:14px;border:1px solid #f9f9f9; -webkit-transition:0.3s; transition:0.3s;}
.t_tybox .tabs li a{color:#555;}
.t_tybox .tabs li:hover{ background:#f5f5f5;}
.t_tybox .tabs li.puton{ background:#fff; border:1px solid #eee;border-bottom:1px solid #fff;height:39px;border-radius:3px 3px 0px 0px; box-shadow: 0 1px 5px #eee inset}
.t_tybox .tabs li.puton a{color:#333;}



.tabs2{border-bottom:1px solid #e5e5e5;height:36px; position:relative;}
.tabs2 li{float:left; padding:0px 20px;height:36px; line-height:36px; font-size:14px;}
.tabs2 li a{color:#555;}
.tabs2 .puton{ border:1px solid #e5e5e5;height:35px; line-height:35px;border-bottom:1px solid #fff; position:relative; z-index:9;border-radius:4px 4px 0px 0px;}
.tabs2 .puton a{color:#368cd3;}

/*账号通*/
.zhticons{ padding:10px 0px 30px 20px;}/*2017年8月8日17:06:50*/
.zhticons span{float:left; margin:0px 20px; line-height:30px;color:#555;}
.zhticons img{float:left;height:30px; margin-right:10px;}

/*课程订单*/
.courseOrder li{ margin:0px 15px; padding-left:46px;border-top:1px solid #e5e5e5;margin-top:20px; position:relative;}
.courseOrder li .orderTop{height:44px; line-height:44px; margin-bottom:-15px; overflow:hidden;}
.courseOrder li .orderTop span{ margin-right:20px;color:#999;}
.courseOrder li .orderTop .status{float:right;color:#bbb; margin-right:0px;}
.courseOrder li .loop{ position:relative;height:60px; border-bottom:1px solid #eee; padding:0px 0px 15px 115px; margin-top:15px;}
.courseOrder li .loop .image{width:100px;height:60px; position:absolute;left:0;top:0;}
.courseOrder li .loop .image img{width:100%;height:100%;}
.courseOrder li .loop .title{ font-size:16px;height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.courseOrder li .loop .price{float:right; font-size:16px; line-height:60px; padding-left:15px;}
.courseOrder li .loop .type{color:#999; line-height:22px;}

.courseOrder li .operating{height:30px; line-height:30px;margin-top:10px; }
.courseOrder li .operating .button{width:85px; float:left; margin-left:10px;}
.courseOrder li .operating .button a{ display:block;background:none;height:28px; line-height:28px;border:1px solid #4599de; text-align:center;border-radius:3px;color:#4599de; -webkit-transition:0.3s; transition:0.3s;}
.courseOrder li .operating .button a:hover{border:1px solid #368cd3;color:#368cd3;  background:none;}
.courseOrder li .operating .delete a{border:1px solid #d5d5d5;color:#555; background:none;}
.courseOrder li .operating .delete a:hover{border:1px solid #c5c5c5;color:#333; background:none;}

.courseOrder li .operating .evaluate a{color:#fff; background:#4599de;}
.courseOrder li .operating .evaluate a:hover{background:#368cd3;border:1px solid #368cd3;color:#fff;}
.courseOrder li .operating .total{color:#f90; font-size:16px;}
.courseOrder li .operating .num{color:#bbb; padding-left:10px;}

.courseOrder li input[type="checkbox"]{position:absolute;top:50%;margin-top:-10px;left:15px;}

/*待评价*/
.myCommentCourse li{ position:relative; height:110px; padding:20px 20px 20px 205px;border-top:1px solid #eee;}
.myCommentCourse li.noBorderTop{ padding-top:0px;}
.myCommentCourse li.noBorderTop .image{top:0px;}
.myCommentCourse li .image{width:185px;height:110px; position:absolute;top:20px;left:0px;}
.myCommentCourse li .image img{width:100%;height:100%;}
.myCommentCourse li .title{height:28px; line-height:28px; overflow:hidden; font-size:18px; white-space:nowrap; text-overflow:ellipsis;}
.myCommentCourse li .title a:hover{color:#111;}
.myCommentCourse li .info{color:#999; line-height:32px;height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.myCommentCourse li .info span{ padding-right:20px;}
.myCommentCourse .button{margin-top:15px;}
.myCommentCourse .button a{ display:block;width:85px;height:30px; background:#4599de; line-height:30px;border-radius:3px;color:#fff; text-align:center;}
.myCommentCourse .button a:hover{background:#368cd3;}
/*通用*/
input[type="checkbox"]{width:18px;height:18px; border:0px; background:url(check.png) no-repeat; -webkit-appearance:none; outline:none; cursor:pointer; display:inline-block; margin:2px 6px 0px 0px;}
input[type="checkbox"]:checked{background:url(check.png) no-repeat -21px 0px;}
input[type="checkbox"]:disabled{background:url(check.png) no-repeat 0 -64px; cursor:default;}
input[type="text"],input[type="password"]{width:200px;height:30px; line-height:30px; font-size:14px; box-shadow:0 1px 3px #eee inset;border:1px solid #d5d5d5; padding:0px 10px; outline:none; -webkit-transition:0.3s; transition:0.3s;}
input[type="text"]:focus{border:1px solid #4599de; box-shadow:0 1px 3px #d0dfec inset;}
input[type="password"]:focus{border:1px solid #4599de; box-shadow:0 1px 3px #d0dfec inset;}

label{float:left; margin-right:20px; cursor:pointer;}
input[type=radio]{width: 16px;height: 16px;float:left;margin:2px 6px 0px 0px;-webkit-appearance: none;cursor: pointer;position: relative;background:url(radio.png) no-repeat 0 -35px;outline:none;}
input[type=radio]:checked {background:url(radio.png) no-repeat;}
input[type=radio]:disabled {background:url(radio.png) no-repeat 0 -65px;}
input.button{ padding:0px 15px;height:30px; line-height:30px; background:#4599de;border:0px;border-radius:3px;color:#fff; -webkit-transition:0.3s; transition:0.3s; outline:none; font-size:12px;}
input.button:hover{background:#368cd3;}
input.button2{ padding:0px 15px;margin-right: 10px; height: 30px; border: 1px solid #d5d5d5;background: none;line-height: 30px; border-radius: 3px; color: #555;text-align: center; font-size: 12px;}
input.button2:hover{border:1px solid #c5c5c5;color:#333;}
select{height:32px;border:1px solid #d5d5d5;box-shadow:0 1px 3px #eee inset; outline:none; font-size:14px;-webkit-transition:0.3s; transition:0.3s;}
select:focus{border:1px solid #4599de; box-shadow:0 1px 3px #d0dfec inset;}
textarea{height:80px;border:1px solid #d5d5d5;box-shadow:0 1px 3px #eee inset; padding:10px; line-height:20px; outline:none; font-size:14px;-webkit-transition:0.3s; transition:0.3s;}
textarea:focus{border:1px solid #4599de; box-shadow:0 1px 3px #d0dfec inset;color:#333;}
.noBorderTop td{border-top:0px !important;}
.typelist table.border td{font-size:14px;}
.cz_btn{ padding:20px 15px; line-height:30px;height:30px;border-top:1px solid #eee; -webkit-transition:0.3s; transition:0.3s;}
.cz_btn span{ font-size:14px;color:#555;float:left;}
.cz_btn span input[type="checkbox"]{float:left;margin:7px 8px 0px 15px;}
.cz_btn .button{/*width:114px;*/ margin-left:15px; display:block;border:1px solid #d5d5d5;height:35px !important; line-height:35px; text-align:center;border-radius:3px;color:#555; -webkit-transition:0.3s; transition:0.3s; font-size:14px; background:none;}
.cz_btn .button:hover{border:1px solid #c5c5c5;color:#333; background:none;}
.cz_btn .mainButton{ background:#4599de;border:1px solid #4599de;color:#fff;}	
.cz_btn .mainButton:hover{background:#368cd3;border:1px solid #368cd3;color:#fff;}
#ctl00_KSContent_chkFlag{margin-top:8px;}
.zhttd{ font-size:14px !important;}
.zhttd img{height:35px; margin-right:10px;}
.footer_page{color:#999;height:29px; line-height:29px;border-top:1px solid #eee; padding:15px 6px 15px 0px; }
.footer_page a{color:#555; margin:0px 2px; padding:6px 10px; background:#f0f2f7;border-radius:2px;}
.footer_page a.curr{ background:#4599de;color:#fff;}
.footer_page a.curr:hover{background:#4599de;}
.footer_page a:hover{ background:#e7eaee;}
.footer_page input[type=text]{border:0px !important;background:#f0f2f7; -webkit-transition:0.3s; transition:0.3s; color:#555;border-radius:2px;width:28px !important;height:24px; outline:none; padding:0px;}



table.border{width:100% !important;}
table.border .title td{border-top:0px; padding:0px 15px; line-height:44px; font-size:14px;color:#999;}
table.border .title:hover{ background:none;}
table.border .title th{ padding:0px 15px;color:#999; line-height:44px; font-size:14px;}
table.border td{ padding:15px 15px;border-top:1px solid #eee;color:#555; line-height:20px; font-size:12px;}
table.border td.lefttd{ font-size:14px; padding-right:0px;}
table.border tr:hover{ background:#fafafa;}
table.border td.tdTitle{ font-size:14px;}
table.border td.tdTitle a:hover{color:#111;}

.link-button{ display:block;width:85px; margin-bottom:6px;height:30px; background:#4599de; line-height:30px;border-radius:3px;color:#fff; text-align:center;}
.link-button:hover{background:#368cd3;}

.topBtn{ padding-bottom:15px;}
.topBtn span{float:left;}
.link-button2{ display:block;width:85px; margin-right:10px;height:28px;border:1px solid #d5d5d5; background:none; line-height:28px;border-radius:3px;color:#555; text-align:center; font-size:12px;}
.link-button2:hover{border:1px solid #c5c5c5;color:#333;}

.empty{ text-align:center; font-size:14px;color:#bbb; padding:110px 0px 40px 0px; line-height:24px; background:url(empty0.png) no-repeat 50% 60px;}


/*支付*/
.paylist {width:100%;}
.paylist ul {padding:0px;margin:0px; }
.paylist li {width:127px;float:left;margin:10px;border:1px solid #ccc;padding:1px;}
li.paycurr{border:2px solid red;width:127px;padding:0px;}
.paylist li img {width:127px;height:40px;}


/*我的优惠券*/
.toptips{padding: 10px;background: #F3F3F3;border: 1px solid #E3E3E3; margin:10px;}
.toptips span.tishi{ margin-right:10px;font-size: 13px;color: #EA4D39;}
.toptips .tytitle{ float:right;}
.toptips .tytitle .addbtn{color: #44A3EC;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}

.my_coupon{ margin:10px;}
.coupon_box{ float:left; width: 241px; margin:10px 26px; position:relative; }

.coupon_bd{padding:0 6px;background:url(coupon.png) -123px 0 no-repeat;color: #fff;height: 258px; overflow:hidden}
.coupon_bd a{ color:#fff}

.coupon_bd .used_info{ margin-top:10px; line-height:25px;}
/*.used_info{ margin-top:5px;}*/
.used_info
.used_info p{ color:#333; line-height:25px; display:inline;}
.used_info ul li a{ color:#999; line-height:25px;}
.used_info p .used_info_tj{color: #EA4D39;display: inline-block;/*width: 60px;*/border-radius: 20px;}
.used_info ul{ padding-left:60px;list-style: inside;}
.used_info ul li{list-style-type: decimal; color:#999;}

.coupon_upper{ overflow:hidden; height:148px}
.my_coupon .cp_price{ font-size:52px; height:60px; line-height:43px;}
.my_coupon .rmb{font-size: 24px;font-weight: 400; font-style:normal;font-family: "Microsoft Yahei",Simsun;}
.my_coupon .scope{ margin: 5px 0 0;line-height: 30px;padding: 0 5px; color:#fff;}
.my_coupon .cp_info{ line-height:25px; margin-top:10px;}
.my_coupon .cp_lower{ margin-top:13px; overflow:hidden; color:#9f9f9f;margin-left: 3px;}
.my_coupon .cp_lower li{ float:left;text-align: center;margin-left: 3px;}

.cp_bottom{ position:absolute; left:10px;top: 220px;}
.cp_bottom a{ display:inline-block;width: 14px;height: 12px;background:url(coupon.png) no-repeat; font-size:0}
.cp_bottom .line{border-left: solid 1px #F3EFEE;display:inline-block;margin: 0 9px;height: 12px; font-size:0}

a.cp-shop{background-position: 0 0;}
a.cp-shop:hover {background-position: -16px 0;}

a.cp-delete{background-position: -60px 0;}
a.cp-delete:hover{background-position: -74px 0;}


.cp-bg-1{background-color:#81CCCD}
.my_coupon li:hover .cp-bg-1{background-color:#22A8AA}
.cp-bg-2{background-color:#F18B8B}
.my_coupon li:hover .cp-bg-2{background-color:#FF7396}
.cp-bg-3{background-color:#FFC160}
.my_coupon li:hover .cp-bg-3{background-color:#F2A94A}
.cp-bg-4{background-color:#A3DE99}
.my_coupon li:hover .cp-bg-4{background-color:#6FC361}
.cp-bg-5{background-color: #92BFEA;}
.my_coupon li:hover .cp-bg-5{background-color:#72A6D8;}
.cp-bg-6{background-color:#F58FB2}
.my_coupon li:hover .cp-bg-6{background-color:#F377A1;}

table.border_1{ border:none;}
table.border_1 tr td{ border-bottom:none; text-align:left;}
table.border_1 tr.title1 td{padding: 0 0 10px;}
/*我的红包*/
.packet_item{float:left; width: 200px; height:278px; margin:10px 18px; position:relative;background:url(../../img/rpbg.png) 0 0 no-repeat; position:relative;}
.packet_bd{color: #fff;/*height:200px;*/ width:184px; }
.packet_bd2{ /*position:absolute; top:210px;*/ width:100%; left:0;}
.packet_item .cp_price { font-size:24px; height:50px; margin-top:7px;  font-weight:bold; color:#F82D30; padding-top:40px; text-align:center; line-height:25px;}
.packet_item .cp_price .rmb{ font-style:normal; font-size:18px;}
.packet_item .cp_info{ font-size:13px; text-align:center;  line-height:30px; padding-top:13px;}
.packet_item .cp_info p font a{ color:#F6EBCD !important;}
.packet_item .cp_info p font a:hover{ color:#fff;}
.my_coupon .cp_info p a{color:#F6EBCD !important;}
.my_coupon .cp_info p a:hover{ color:#fff;}
.packet_item .cp_info .bt{ color:#FBDA30;font-size:16px;}
.packet_item .cp_info font{ color:#F6EBCD !important; font-size:13px !important;}
.packet_item .num{ font-size:12px; display:block; color:#333; font-weight:normal; line-height:20px;}
.packet_item .box_b{ padding-right:15px; color:#eee;background: url(../../img/rpbg1.png) 0 0 repeat-y;line-height: 25px; text-align:center;/* padding:0 10px;*/}
.packet_item .box_b p a{ color:#fff !important;}

.packet_item .box_b span.used_info_tj{ cursor:pointer;}
.packet_item .box_b ul{/* display:none;*/ padding:0 15px;}
.packet_item .box_b ul li.nav_name{ float:left;    width: 50%;text-align: center;}
.packet_item .box_b ul li.nav_name a{ color:#fff;}
/*.packet_item .box_b:hover ul{ display:block;}*/
.packet_item .box_b_bottom{background: url(../../img/rpbg2.png) left bottom no-repeat;height: 36px;}

/*商城订单*/
table.border_2{ border:none;}
table.border_2 tr table.table1 tr td{ border-bottom:none; text-align:left;}
table.border_2 tr.title1 td{padding: 0 0 10px;}
table.border_2 tr.tdbg>td{ border-bottom:1px solid #efefef;}
td.botton2 a{background:#ff8a05;color: #fff;display: block;border-radius: 3px;line-height: 28px;}
/*收货地址*/
table.border_3 tr td{ text-align:left;}
/*问答*/
table.border_4 tr td{ text-align:left; border-bottom:none;}



/*评价*/

.mytable tr td{ padding:10px 0px; font-size:14px; line-height:29px;}
.mytable tr td.lefttd{ padding-right:20px;color:#999;font-weight:bold; font-size:14px; text-align:right; }


.mytable .textbox{width:240px;outline:none;border:1px solid #ccc;height:30px; line-height:30px; padding-left:10px;-webkit-transition: .3s;transition: .3s;font-family:\5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";margin-right:10px; font-size:14px;}
.mytable .textbox:focus{border:1px solid #66afe9;box-shadow:0px 0px 6px #a9ccea;}
.mytable select.textbox{height:32px !important; line-height:32px !important;}


.tips{color:#999;font-size:12px;}
#evaluate{height:28px; overflow:hidden;float:left;}
#evaluate span{width:27px;height:28px;float:left;margin-right:4px;background:url(../../img/score.png) no-repeat -108px 0; overflow:hidden;}
#evaluate span.starbg2{background:url(../../img/score.png) no-repeat;}
#evaluate span.starbg3{background:url(../../img/score.png) no-repeat -27px 0;}
#evaluate span.starbg4{background:url(../../img/score.png) no-repeat -54px 0;}
#evaluate span.starbg5{background:url(../../img/score.png) no-repeat -81px 0;}

.cor1{color:#a3a6af;}
.cor2{color:#a3a6af;}
.cor3{color:#f3b518;}
.cor4{color:#f18b1b;}
.cor5{color:#eb6643;}

.mymood{height:23px; overflow:hidden;}
.mymood span{width:23px;height:23px;float:left;margin-right:4px;background:url(../../img/mood.png) no-repeat -92px 0; overflow:hidden;}
.mymood span.starbg2{background:url(../../img/mood.png) no-repeat;}
.mymood span.starbg3{background:url(../../img/mood.png) no-repeat -23px 0;}
.mymood span.starbg4{background:url(../../img/mood.png) no-repeat -46px 0;}
.mymood span.starbg5{background:url(../../img/mood.png) no-repeat -69px 0;}


/*学习卡*/
.my_coupon li.study_card{float:left;background-size: 100% 100%;}
.my_coupon li.study_card .study_card_in{padding: 50px 8px 10px;background: url(../../img/studycard.png) no-repeat top center;width: 319px;height: 174px;}
.my_coupon li.study_card .study_card_in .study_cardleft{margin-top:10px;margin-left: 30px;font-size: 16px;}
.my_coupon li.study_card .study_card_in .study_cardright{margin: 5px 25px 10px;font-size: 12px;}
.my_coupon li.study_card .study_card_in .study_cardno{ background:#f0f0f0;color: #202020;padding: 5px;text-align: center;font-size: 12px; margin:0 4px;}
.my_coupon li.study_card .study_cardright .study_cardli .cardtitle .no1{ color:#f899b9;}
.my_coupon li.study_card .study_cardright .study_cardli .cardtitle .no2{ color:#69b3a6;}
.my_coupon li.study_card .study_cardright .study_cardli .cardtitle .no3{ color:#bcc286;}
.my_coupon li.study_card .study_cardright .study_cardli .cardtitle .no4{ color:#7179a0;}

.my_coupon li.study_card .study_cardleft .study_cardno .num{font-weight: bold;margin-right: 5px;color: #350C00;}

.my_coupon li.study_card .study_cardright .study_cardli{line-height:18px;color: #646464;}
.my_coupon li.study_card .study_cardright .study_cardli .cardtitle{ margin-right:5px; color:#808080;}
.my_coupon li.study_card .study_cardright .study_cardli .name{ font-size:18px; margin-top:5px;margin-bottom: 10px;display: inline-block;}
.my_coupon li.study_card .study_cardright .used_info font{ color:#646464; line-height:20px;}
.my_coupon li.study_card .study_cardright .used_info i,.my_coupon li.study_card .study_cardright .study_cardli i{ margin-right:5px;}
.my_coupon li.study_card .study_cardright .used_info font p{ display:inline;}


.norecord,.emptycss{text-align: center;padding: 95px 0px 20px 0px;color: #919ca5;font-size: 14px;background: url(tipsicon.png) no-repeat 50% 40px;}

table.aui_border{box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px;}
.emptycss td{ border-top:0px !important; font-size:14px !important;color:#bbb !important; padding-top:40px !important; line-height:44px !important;}
.emptycss:hover{ background:none !important;}

.table1 .TR_BG_list .splittd,.table1 .TR_BG_list .splittd table tr td{ border-bottom:0;}
.r_padbox .message #ctl00_KSContent_DropDownList1{height: 32px;line-height: 32px;border-radius: 3px;padding: 0px 40px 0px 5px;width: inherit !important;/*-webkit-appearance: none;*/background: #fff url(sltbg.png) no-repeat 100% 50%;cursor: pointer;outline: none;border: 1px solid #dce2e4 !important;}
#ctl00_KSContent_TextBox1{width: 230px;padding-left: 10px;height: 28px;line-height: 28px;border: 1px solid #d0d6dc;outline: none;border-radius: 3px;font-size: 14px;}
#ctl00_KSContent_Button1{ height:30px; vertical-align:top; margin-left:10px;}
#thumbnails {background: url(../../plus/swfupload/images/albviewbg.gif) no-repeat;min-height: 220px;_height: expression(document.body.clientHeight > 200? "200px": "auto" );}
#thumbnails{background:url(../../plus/swfupload/images/albviewbg.gif) no-repeat;min-height:220px;_height:expression(document.body.clientHeight > 200? "200px": "auto" );}
#thumbnails div.thumbshow{text-align:center;margin:2px;padding:2px;width:162px;/*height:165px;*/ margin:10px;border: dashed 1px #B8B808; background:#FFFFF6;float:left}
#thumbnails div.thumbshow img{width:130px;height:92px;border:1px solid #CCCC00;padding:1px}



.r_tybox .r_padbox .padnav .button{padding: 0px 10px;height: 28px !important;-webkit-transition: .3s;transition: .3s;line-height: 26px;color: #5b6269;background: #91c7f1;border: 1px solid #44a3ec;color: #fff;border-radius: 3px;}
.r_tybox .r_padbox .coupon_box{margin: 10px 35px;}
.r_tybox .r_padbox .coupon_bd  .coupon_upper {color: #fff;}
.r_tybox .r_padbox .coupon_bd{ color:#303030;}
.r_tybox .r_padbox .coupon_bd .coupon_upper .cp_price i.rmb{font-size: 24px;font-weight: 400;font-style: normal;font-family: "Microsoft Yahei",Simsun;}
.r_tybox .r_padbox .coupon_bd .used_info p .used_info_tj{float:left;}
.r_tybox .r_padbox .coupon_bd  .coupon_upper .cp_price {font-size: 52px;height: 60px;line-height: 43px;}
.r_tybox .r_padbox .coupon_bd  .coupon_upper .cp_info{line-height: 25px;margin-top: 10px;}

.r_tybox .padtitle{height:44px; line-height:44px;font-size:14px;color:#333;}
.r_tybox .lefttd{ text-align:right; font-size:14px;padding-right:0px;}
.r_tybox .tips{ padding-left:15px; font-size:12px;}

#ctl00_KSContent_RdbSex td,#ctl00_KSContent_RadioButtonSex td,#ctl00_KSContent_jobtype td,#ctl00_KSContent_WorkTime td,#ctl00_KSContent_schoolid td,#ctl00_KSContent_IsPhoto td,#ctl00_KSContent_IsMobile td,#ctl00_KSContent_IsPublic td{border:0px;font-size:14px;}

#ctl00_ContentPlaceHolder1_CkbIsDefault{margin:1px 5px 0px 0px;float:left;}

.reg_box_l li .title{ font-size:14px; line-height:30px;}
.reg_box_l li .title font{color:#f72727;}

.addBox{ padding:15px;}
.addBox span{ font-size:14px; padding-right:10px;color:#555;}

.cz_btn_pad{ padding-left:160px;}

.selectTab{width:130px; position:relative;float:right;}
.selectTab .title{
   	padding-left:10px; cursor:pointer; background:url(arrow-down.png) no-repeat 110px 50%;
	
    height: 28px;
    border: 1px solid #d5d5d5;
    line-height: 28px;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
}
.selectTab .title:hover{border:1px solid #c5c5c5;coloe:#333;}
.selectTab .box{width:128px; background:#fff;border:1px solid #c5c5c5; overflow:hidden; display:none; box-shadow:0 3px 9px rgba(0,0,0,0.15);border-radius:3px; position:absolute;top:35px;right:0;}
.selectTab .box a{ display:block;height:30px; line-height:30px;color:#555; padding:0px 10px;}
.selectTab .box a:hover{ background:#4599de;color:#fff;}



/*课时列表*/

.courseKeshi .keshi{height:40px; line-height:40px; margin:10px 0px; overflow:hidden; font-size:14px; padding-left:45px;}
.courseKeshi .keshi .name .time{float:right; padding-right:15px;color:#bbb; font-size:12px;}
.courseKeshi .keshi .ks-img{float:left;margin:10px 10px 0px 0px;}
.courseKeshi .keshi .free{float:right;width:52px; height:40px;}
.courseKeshi .keshi .free span{ display:block; text-indent:-999px;width:52px;height:26px;margin-top:7px; background:url(play.png) no-repeat; -webkit-transition:0.3s; transition:0.3s;}
.courseKeshi .keshi .free span:hover{ background:url(play-on.png) no-repeat;}
.courseKeshi .ksChapter .keshi{ padding-left:13px;}

.courseKeshi .icon0{ display:none;}
.courseKeshi .icon-open{float:right;width:12px;height:12px; background:url(cutover.png) no-repeat -18px 0px;margin-top:14px;}
.courseKeshi .icon-close{float:right;width:12px;height:12px; background:url(cutover.png) no-repeat;}
.courseKeshi .chapter{height:40px; line-height:40px; background:#f5f5f5; font-size:16px;margin-top:10px; padding:0px 15px; cursor:pointer;color:#999;}
.courseKeshi .chapter .icon{width:14px;height:12px;float:left;margin:14px 11px 0px 0px; background:url(cutover.png) no-repeat -40px 0px;}
.courseKeshi .section{height:40px; line-height:40px; background:#f9f9f9;margin-top:10px; cursor:pointer;font-size:16px; padding:0px 15px 0px 40px;color:#999; }
.courseKeshi .section .num{font-size:12px; padding-left:10px;color:#bbb;}
.courseKeshi .jChapter .section{ background:#f5f5f5 url(list.png) no-repeat 15px 14px;}
.courseKeshi a{color:#555;}

.celist{ padding-left:45px; line-height:24px;color:#999;}
.celist b{ display:none;}
/*课时结束*/



.imagebox .upshow li{float:left;}
.imagebox .upshow li img{ width:50px; height:50px;}


