.w_1200 #member .righter{width:1000px;}
.w_1200 .index_c0 .personal{width:635px;}
.w_1200 .index_c0 .personal .info .name{max-width:200px;}
.w_1200 .index_c0 .personal .jd .p{width:460px;}
.w_1200 .index_c0 .personal .msg ul{width:520px;}
.w_1200 .index_c1 dl dd{width:305px;}
.w_1200 .index_c1 dl dd .img{height:170px;}
.w_1200 .course .item .r{width:885px;}
.w_1200 .course .item .img{width:366px; height:207px;}
.w_1200 .course .item .info{width:490px;}
.w_1200 .course_play .player{height:506px;}
.w_1200 .course_play .player .l{width:900px;}
.w_1200 .course_play .player .l .tips{margin-top:150px;}
.w_1200 .course_play .player .r{width:300px;}
.w_1200 .course_play .player .r .point{padding-left:20px;}
.w_1200 .course_play .player .r .point dd div{width:250px;}

#member{background:#ebf0f3; padding:25px 0;}
#member .box{border:1px solid #ddd; border-radius:5px; background:#fff;}
#member .title{background:url(/images/ico-list.png) left center no-repeat; text-indent:30px; font-size:20px; font-weight:bold; height:20px; line-height:20px; margin-bottom:20px;}
#member .wrap{background:url(/images/member/menu-bg.png) left repeat-y;}
#member .menu{width:180px; float:left;}
#member .menu .upgrade{width:140px; height:40px; line-height:40px; background:url(/images/member/ico-upgrade.png) 20px 12px no-repeat #03ccba; margin:20px; margin-bottom:10px; border-radius:5px; text-indent:40px;}
#member .menu .upgrade a{text-decoration:none;}
#member .menu a{color:#fff; font-weight:bold; font-size:16px;}
#member .menu ul li{border-bottom:1px solid #3c4c66;}
#member .menu ul li div{height:50px; line-height:50px; text-indent:20px; color:#fff; font-weight:bold; font-size:16px;}
#member .menu ul li dl{margin-bottom:10px; margin-top:-10px; border-left:1px solid #fff; margin-left:25px;}
#member .menu ul li dd{padding: 7px 0; line-height: 16px; padding-left: 15px;}
#member .menu ul li dd a{font-size:14px; font-weight:normal;}
#member .righter{width:800px; float:right;}
#member .table{width:100%; border:1px solid #ddd; background:#fff; padding:10px 15px; border-radius:10px; border-collapse:separate;}
#member .table tr td{padding:10px; height:22px; empty-cells:show;}
#member .table thead{font-weight:bold;}
#member .table tbody tr td{border:none;}
#member .table tbody tr:nth-of-type(odd) td{background:#f9f9f9;}

.forget{padding:20px; background:#fff !important;}
.forget .forget_form{padding:24px 0;}
.forget .forget_form .img{float:left; width:50%;}
#forget_form{width:100%; padding:40px; background:#fff; border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.forget_form h1{height: 56px; line-height: 56px; background: url(/images/ico-list.png) 5px center no-repeat; font-size: 24px; font-weight: bold; text-indent: 30px; font-family: 宋体; }
#forget_form .row{clear:both; margin-bottom:36px;}
#forget_form .row label{width:80px; padding-right:20px; float:left; height:50px; line-height:50px; font-weight:bold; text-align:right;}
#forget_form .row>span{display:block; float:left; width:1000px;width: calc(100% - 100px);}
#forget_form .row>span .input{width:100%; border:1px solid #ddd; height:50px; padding:10px; line-height:50px; background:#f3f4f8; box-sizing:border-box;}
#forget_form .row>span .input.code{width:868px;width: calc(100% - 150px);}
#forget_form .row>span .get_sms{width:150px; border:1px solid #ddd; border-left:none; height:50px; background:#fff;}
#forget_form .submit{text-align:center;}
#forget_form .submit input{width:250px; height:50px; border-radius:5px; background:#01ccb9; color:#fff; font-size:16px; border:none;}

#index_pop_ad{position:fixed; width:900px; height:600px; top:100px; z-index:10000; text-align:center; background:#fff; display:none;}
#index_pop_ad img{width:100%; height:100%;}

.login{padding:20px; background:#fff !important;}
.login .login_form{padding:90px 0;}
.login .login_form .img{float:left; width:50%;}

.index_c0 .personal{width:435px; border:1px solid #ddd; height:270px; float:left;}
.index_c0 .personal .info{padding:20px;}
.index_c0 .personal .info>div{float:left; height:60px; line-height:60px;}
.index_c0 .personal .info .face{width:70px;}
.index_c0 .personal .info .face img{width:60px; height:60px; border-radius:30px;}
.index_c0 .personal .info .name{font-size:16px; font-weight:bold; max-width:100px; overflow:hidden; text-overflow:ellipsis;}
.index_c0 .personal .info .level{color:#aaa; margin-left:10px;}
.index_c0 .personal .info .level span{margin-left:10px;}
.index_c0 .personal .jd{padding:20px; clear:both; border-bottom:1px solid #ddd; height:20px; line-height:20px;}
.index_c0 .personal .jd>div{float:left; height:20px;}
.index_c0 .personal .jd .t{width:75px; font-weight:bold;}
.index_c0 .personal .jd .t.last{width:50px; text-indent:20px;}
.index_c0 .personal .jd .p{width:260px; height:20px; position:relative;}
.index_c0 .personal .jd .p>div{position:absolute; left:0; top:5px; height:10px; background:#ecf0f3; border-radius:5px;}
.index_c0 .personal .jd .p .bg{width:100%;}
.index_c0 .personal .jd .p .front{background:#03ccba;}
.index_c0 .personal .msg{padding:15px 20px; position:relative;}
.index_c0 .personal .msg .l{width:65px; height:32px; line-height:32px; color:#aaa;}
.index_c0 .personal .msg ul{position:absolute; margin-left:65px; left:20px; top:15px; width:320px;}
.index_c0 .personal .msg ul li{height:32px; line-height:32px; overflow:hidden;}
.index_c0 .personal .msg ul li span{float:right; color:#aaa;}
.index_c0 .ad{float:right; width:345px; height:272px;}

.index_c1{margin:20px 0; padding:3px 20px; clear:both; min-height:250px;}
.index_c1 .title{border-bottom:1px solid #ddd; padding:12px 0; margin:0 !important;}
.index_c1 dl{padding:20px 0;}
.index_c1 dl dd{width:239px; margin-left:20px; float:left;}
.index_c1 dl dd:first-child{margin-left:0;}
.index_c1 dl dd .img{height:135px;}
.index_c1 dl dd .img img{width:100%; height:100%;}
.index_c1 dl dd .name, .index_c1 dl dd .tech{height:38px; line-height:38px; overflow:hidden; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; text-indent:10px;}
.index_c1 dl dd .name a{color:#666;}
.index_c1 dl dd .name .play{float:right; margin-right:10px;}
.index_c1 dl dd .tech{height:20px; line-height:20px; border-bottom:1px solid #ebebeb; padding-bottom:8px; color:#999;}

.index_c2{padding:3px 0; clear:both; min-height:250px;}
.index_c2 .title{border-bottom:1px solid #ddd; background-position:20px center !important; text-indent:50px !important; padding:12px 0; margin:0 !important;}
.index_c2 ul li{height:40px; border-top:1px solid #ddd; line-height:40px; overflow:hidden; padding:0 20px;}
.index_c2 ul li:first-child{border:none;}
.index_c2 ul li span{display:inline-block; height:20px; line-height:20px; padding:0 10px; background:#05cbba; border-radius:8px; color:#fff; font-size:12px; margin-left:15px;}
.index_c2 ul li div{float:right; color:#999; font-size:12px;}

.m_feedback .item{border:1px solid #ddd; border-radius:5px; padding:20px; margin:20px 0; background:#fff;}
.m_feedback .item h1{font-weight:bold; height:28px; line-height:28px; overflow:hidden; border-left:2px solid #03a9f5; text-indent:15px; font-size:16px;}
.m_feedback .item:nth-of-type(odd) h1{border-left:2px solid #02cdba;}
.m_feedback .item h1 span{color:#999; font-size:12px; font-weight:normal; margin-right:15px; float:right;}
.m_feedback .item .txt{padding:10px; padding-left:15px; color:#666; line-height:180%;}
.m_feedback .item .reply{margin:10px 10px 5px 15px; background:url(/images/bg.jpg) 10px 15px; padding:15px;}
.m_feedback .item .reply .reply_face{width:35px; height:35px; float:left; background:#fff; border-radius:17px;}
.m_feedback .item .reply .reply_face img{width:35px; height:35px; border-radius:17px; border:1px solid #ddd;}
.m_feedback .item .reply .name{font-size:14px; font-weight:bold; height:35px; line-height:35px; float:left; text-indent:15px;}
.m_feedback .item .reply .name span{font-weight:normal; color:#04cbb8; margin-left:5px;}
.m_feedback .item .reply .txt{color:#606060; line-height:180%; clear:both; padding:10px;}

.message .item{border:1px solid #ddd; border-radius:5px; padding:20px; margin:20px 0; background:#fff;}
.message .item h1{font-weight:bold; height:28px; line-height:28px; overflow:hidden; border-left:2px solid #03a9f5; text-indent:15px; font-size:16px;}
.message .item:nth-of-type(odd) h1{border-left:2px solid #02cdba;}
.message .item h1 span{color:#999; font-size:12px; font-weight:normal; margin-right:15px; float:right;}
.message .item .txt{padding:10px; padding-left:15px; color:#666; line-height:180%;}

.profile .item{padding:15px 20px; background:#fff; border-radius:5px; border:1px solid #d8dce7; margin-bottom:10px;}
.profile .item label{width:200px; float:left; font-weight:bold;}
.profile .item .info{float:left; color:#616161;}
.profile .item .info .face{width:100px; height:100px; border-radius:50%;}
.profile .item .edit{float:right;}
.profile .item .edit a{color:#42d3c4;}
.profile .edit_form{padding:15px 0; padding-top:30px; display:none;}
.profile .edit_form .input{float:left; width:530px; height:50px; background:#f3f4f8; border:1px solid #ddd;}
.profile .edit_form .input input{border:none; width:528px; height:48px; text-indent:15px; background:#f3f4f8;}
.profile .edit_form .submit{width:90px; height:50px; border:1px solid #ddd; background:#fff; border-left:none; float:left;}
.profile .edit_form .submit input{width:100%; height:100%; background:#fff; border:none;}
.profile .edit_form.face_form .face_upload{height:50px; line-height:50px; width:530px; position:relative; background:#f3f4f8; display:block; text-decoration:none; color:#666; text-align:center;}
.profile .edit_form.face_form .face_upload input{position:absolute; font-size:100px; right:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:default;}
.profile .edit_form.password_form .input{width:260px;}
.profile .edit_form.password_form .input input{width:258px; background:#f3f4f8;}
.profile .edit_form.password_form .confirm{margin-left:10px;}

.payment{background:url(/images/bg-0.jpg) repeat-x top center !important; padding-top:60px; padding-bottom:0 !important; min-height:300px;}
.payment .bg{background:url(/images/bg-1.jpg) repeat-x bottom center;}
.payment .wrap{background:none !important;}
.payment .payment_btn{text-align:center; padding:45px; padding-top:0;}
.payment .form{border:1px solid #ebebeb; box-shadow:1px 1px 7px 1px rgba(0,0,0,0.1); min-height:300px; background:#fff; margin-bottom:50px; padding:80px 50px;}
.payment .form .rows{padding-bottom:35px;}
.payment .form label{width:200px; float:left; text-align:right; padding-right:35px; font-size:14px; font-weight:bold; padding-top:3px;}
.payment .form .item{width:500px; float:left; font-size:18px;}
.payment .form .method{width:210px; height:120px; background:#f3f4f8; border:1px solid #d8dce5; float:left; margin-right:25px; text-align:center; font-size:14px; cursor:pointer; position:relative;}
.payment .form .method img{padding-top:30px;}
.payment .form .method span{display:none;}
.payment .form .method.cur{border-color:#02cdba;}
.payment .form .method.cur span{display:block; width:30px; height:30px; border-radius:50%; position:absolute; right:-15px; top:-15px; background:url(/images/member/j.jpg) center center no-repeat #03ccbc;}
.payment .form .submit{padding:30px 0 0 350px;}
.payment .form .submit input{width:240px; height:50px; text-align:center; color:#fff; background:#03ccba; border:none; border-radius:5px; font-weight:bold; font-size:16px;}
.payment .form .rule{padding:10px 0 0 350px;}
.payment .form .rule a{color:#ff6600;}
.payment .payment_return{border:1px solid #ebebeb; box-shadow:1px 1px 7px 1px rgba(0,0,0,0.1); min-height:300px; background:#fff; margin-bottom:50px; padding:80px 50px; text-align:center;}
.payment .payment_return a{width:240px; height:50px; line-height:50px; text-align:center; color:#fff; background:#03ccba; border:none; border-radius:5px; font-weight:bold; font-size:16px; display:inline-block; text-decoration:none;}

#rule_contents{width:900px; padding:20px; background:#fff; position:absolute; left:0; top:150px; display:none; z-index:10000;}
#rule_contents .t{font-size:16px; font-weight:bold;}
#rule_contents .t span{display:block; float:right; font-weight:normal; font-size:14px; cursor:pointer;}
#rule_contents .contents{padding:10px; line-height:180%; height:400px; overflow:hidden; overflow-y:scroll; border:1px solid #ddd; margin-top:10px;}

#wechat_pay{width:560px; padding:20px; background:#fff; position:absolute; left:0; top:150px; display:none; z-index:10000;}
#wechat_pay .t{font-size:16px; font-weight:bold;}
#wechat_pay .t span{display:block; float:right; font-weight:normal; font-size:14px; cursor:pointer;}
#wechat_pay .rows{padding-bottom:35px;}
#wechat_pay label{width:80px; float:left; font-size:14px; font-weight:bold; height:36px; line-height:36px; text-indent:10px;}
#wechat_pay .item{width:430px; float:left; font-size:14px; border-bottom:1px solid #ddd; height:36px; line-height:36px; text-indent:5px;}
#wechat_pay .img{}
#wechat_pay .qrcode{text-align:center;}

#post_question_form{width:560px; padding:20px; background:#fff; position:absolute; left:0; top:150px; display:none; z-index:10000;}
#post_question_form .t{font-size:16px; font-weight:bold;}
#post_question_form .t span{display:block; float:right; font-weight:normal; font-size:14px; cursor:pointer;}
#post_question_form .input input{width:100%; border:1px solid #d7dce5; background:#f2f4f7; height:36px; box-sizing:border-box; padding:15px; margin-bottom:12px;}
#post_question_form .input textarea{width:100%; border:1px solid #d7dce5; background:#f2f4f7; height:140px; padding:15px; box-sizing:border-box; line-height:200%;}
#post_question_form .submit{text-align:center; padding-top:25px;}
#post_question_form .submit input{margin:0 auto; width:90px; height:42px; border:1px solid #d7dce5; background:#fff;}

.imgupload{padding: 2%;}
.imgupload .img_box{width: 100%; min-height: 113px; margin: 0 auto; padding: 10px 12px; margin-bottom: 10px; border: 1px solid #cacaca; border-radius: 3px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.imgupload .img_box .upload_tips{display: none;line-height: 90px;}
.imgupload .img_box .img_Path {position: relative; display: inline-block; width: 90px; height: 90px; margin: 0 6px; border: 1px solid #e8e8e8; }
.imgupload .img_box .img_Path a.del {display: block; position: absolute; font-size: 12px; color: #fff; bottom: 0; width: 90px; height: 20px; line-height: 20px; background: url(../images/loan4.png) repeat; z-index: 60; }
.imgupload .img_box .img_Path a.watch {position: absolute; display: block; right: 0px; top: 0px; width: 20px; height: 20px; background: url(../images/loan5.png) no-repeat center; }
.imgupload .tips {color: #a7a7a7; font-size: 14px; line-height: 31px; }
.imgupload .upload_bg,.imgupload #submit_bg {display: inline; float: right; height: 31px; width: 82px; margin-left: 10px; line-height: 27px; border: 2px solid #40a0fc; border-radius: 5px; color: #40a0fc; text-align: center; font-size: 16px; background: transparent; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.imgupload .img_Path{text-align: center;}
.imgupload .img_Path img{vertical-align: middle;max-width: 100%;max-height: 100%;}
.imgupload .img_Path span{display: inline-block;height: 100%;vertical-align: middle;}

.course .item{padding:25px 0; margin-bottom:20px; border:1px solid #ddd; background:#fff; border-radius:5px;}
.course .item .num{float:left; margin-left:-6px; padding-right:22px;}
.course .item .num .num_txt{width:86px; height:48px; line-height:48px; background:url(../images/member/num_bg.png); color:#fff; text-align:center; font-size:32px;}
.course .item .num h1{text-align:center; margin:6px 0; position:relative;}
.course .item .num h1.learn_status_0{color:#00ceba;}
.course .item .num h1.learn_status_1{color:#ff0000;}
.course .item .num h1 span{display:inline-block; width:0; height:3px; border-left:4px solid transparent; border-top:4px solid #c9c9c9; border-right:4px solid transparent; position:absolute; right:10px; top:9px; cursor:pointer;}
.course .item .num h1 div{display:none; background:#f5f5f5; height:26px; line-height:26px; font-size:10px; margin-top:2px; color:#333; cursor:pointer;}
.course .item .num h1.click{border:1px solid #ddd; margin:5px 0; background:#fff;}
.course .item .num h1.click span{border-left:4px solid transparent; border-bottom:4px solid #c9c9c9; border-top:none; border-right:4px solid transparent; height:0px;}
.course .item .num h1.click div{display:block;}
.course .item .r{float:left; width:690px;}
.course .item .img{width:325px; height:183px; overflow:hidden; float:left;}
.course .item .img img{width:100%; height:100%;}
.course .item .info{width:350px; padding-left:5px; float:left; position:relative;}
.course .item .info .name{font-size:20px; overflow:hidden; font-weight:bold; padding-left:20px;}
.course .item .info .label{padding-left:20px; padding-top:10px;}
.course .item .info .label span{display: inline-block; background:#02ccba; padding:0 12px; height:22px; line-height:22px; font-size:14px; color:#fff; border-radius:11px; font-weight:normal; margin-right:8px;}
.course .item .info ul{position:absolute; top:150px; left:0px;}
.course .item .info li{float:left; width:85px; height:40px; padding:5px 0; border-left:1px solid #ebebeb; text-align:center;}
.course .item .info li:first-child{border:none;}
.course .item .info li span{display:block; color:#a0a0a0;}
.course .item .info li.play img{margin-top:12px;}
.course .item dl{border-top:1px solid #ebebeb; margin-top:18px; padding-top:10px; float:left; width:50%;}
.course .item dl dt{padding-bottom:10px;}
.course .item dl dd{height:32px; line-height:32px; overflow:hidden; color:#777; width:90%;}
.course .item dl dd span{display:inline-block; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #02ccba; border-bottom:4px solid transparent; margin-right:8px;}
.course .item dl dd a{color:#777;}

.course_play{min-height:300px; background:none !important; padding:0 !important;}
.course_play .bg{background:#646464; padding:30px;}
.course_play .wrap{background:none !important;}
.course_play .course_name{font-size:20px; color:#fff; font-weight:bold; height:60px;}
.course_play .course_name span{font-size:12px; display:inline-block; margin-left:10px; border:1px solid #02ccba; height:22px; line-height:22px; border-radius:11px; padding:0 12px; font-weight:normal;}
.course_play .player{height:421px;}
.course_play .player .l{float:left; width:750px; height:100%; background:#333;}
.course_play .player .l>div{width:100%; height:100%;}
.course_play .player .l .tips{display:none; margin:0 auto; margin-top:110px; width:315px; font-size:20px; color: #fff;}
.course_play .player .l .tips .img{float: left;margin-right: 15px;}
.course_play .player .l .tips .ttxt{line-height: 30px;}
.course_play .player .l .tips .btxt a{color: #02CCBA;text-decoration: underline;}
.course_play .player .l .tips .btxt{line-height: 28px;}
.course_play .player .l .tips .button{width:192px; height:39px; line-height:39px; background:url(../images/member/ico-upgrade.png) 21px 13px no-repeat #02ccba; border-radius:5px; color:#fff; font-size:16px; font-weight:bold; text-indent:47px;margin-left: 65px;margin-top: 15px;}
.course_play .player .l .tips .button a{display:block; color:#fff; text-decoration:none;}
.course_play .player .l .tips.upgrade{/* width:auto; */}
.course_play .player .l .tips.upgrade .button{width: 240px;margin-left: -6px;margin-top: 19px;}
.course_play .player .r{float:left; width:250px; height:100%; background:#464646; overflow:hidden;}
.course_play .player .r .teacher{padding:15px 20px; border-bottom:1px solid #545454;}
.course_play .player .r .teacher h1{color:#fff; padding-bottom:15px;}
.course_play .player .r .teacher .face{height:60px;}
.course_play .player .r .teacher .face img{width:60px; height:60px; border-radius:30px; float:left;}
.course_play .player .r .teacher .face div{height:60px; line-height:60px; color:#999; text-indent:15px;}
.course_play .player .r .point{padding:10px;}
.course_play .player .r .point h1{color:#fff; padding-bottom:15px;}
.course_play .player .r .point dd{color:#999; clear:both;}
.course_play .player .r .point dd span{display:block; float:left; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #02ccba; border-bottom:4px solid transparent; margin-right:8px; margin-top:8px;}
.course_play .player .r .point dd div{float:left; width:210px; padding-bottom:10px;}
.course_play .np{padding-top:20px; padding-bottom:15px; color:#fff;}
.course_play .np a{color:#a0a0a0;}
.course_play .feedback{min-height:500px; position:relative;}
.course_play .feedback .t{font-size:24px; font-weight:bold; height:70px; line-height:70px; border-bottom:1px solid #ddd;}
.course_play .feedback .t span{float:right; display:block; background:url(/images/member/pan.png) left 7px no-repeat; padding-left:20px; height:24px; line-height:20px; overflow:hidden; margin-top:20px;}
.course_play .feedback .t a{font-size:14px; font-weight:normal; text-decoration:underline; color:#333;}
.course_play .feedback .item{position:relative; margin-top:20px; border-bottom:1px solid #eee;}
.course_play .feedback .item .face{width:50px; height:50px; position:absolute; left:0; top:0;}
.course_play .feedback .item .face img{width:50px; height:50px; border-radius:25px; border:1px solid #ddd;}
.course_play .feedback .item .r{width:100%; padding-left:70px; box-sizing:border-box;}
.course_play .feedback .item .r .name{font-size:16px; font-weight:bold; height:50px; line-height:50px;}
.course_play .feedback .item .r .name span{font-size:14px; font-weight:normal; color:#04cbb8; margin-left:5px;}
.course_play .feedback .item .r .txt{color:#606060; line-height:180%;}
.course_play .feedback .item .reply{margin:20px 0 30px 55px; background:url(/images/bg.jpg) 10px 15px; padding:15px;}
.course_play .feedback .item .reply .reply_face{width:35px; height:35px; float:left;}
.course_play .feedback .item .reply .reply_face img{width:35px; height:35px; border-radius:17px; border:1px solid #ddd;}
.course_play .feedback .item .reply .name{font-size:14px; font-weight:bold; height:35px; line-height:35px; float:left; text-indent:15px;}
.course_play .feedback .item .reply .name span{font-weight:normal; color:#04cbb8; margin-left:5px;}
.course_play .feedback .item .reply .txt{color:#606060; line-height:180%; clear:both; padding:10px;}
.course_play .feedback .bgopwhite{position: absolute;width: 100%; padding-top: 400px;bottom: 0; background:-moz-linear-gradient(top, white, rgba(255, 255, 255, 0));background:linear-gradient(top, white, rgba(255, 255, 255, 0));background:-webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));}
.course_play .feedback .bgopwhite a.read_more{display: inline-block;width: 100%;line-height: 42px;font-family: 'myfont_FZDBSJW'; color:#2f3948;font-size:16.69px;text-align: center;text-decoration: none;border: 1px solid #2f3948;background-color: transparent;}