/*logReg*/
#logReg{padding:75px 0 80px;background:#f5f5f5 url(../images/bg_body.png) no-repeat center top;background-size:100% auto;}
#logReg .inner{background-color:#fff;display:table;table-layout:fixed;box-shadow:0px 0px 6px rgba(0,0,0,0.06);border-radius:15px;overflow:hidden;}
#logReg .pic{display:table-cell;vertical-align:top;width:50%;box-shadow:0px 0px 6px rgba(0,0,0,0.06);}
#logReg .pic img{display:block;width:100%;height:100%;}
#logReg .form{display:table-cell;vertical-align:middle;padding:70px;}
#logReg .top{vertical-align:top;}

/*memberType*/
#memberType{border-radius:5px;overflow:hidden;margin-left:135px;margin-bottom:55px;}
#memberType a,
#memberType h2 {width:50%;float:left;font-size:24px;color:#000;height:59px;text-align:center;line-height:59px;background-color:#f6f6f6; display: block;}
#memberType a:hover{color:#e7b323;}
#memberType .button{color:#fff;}
#memberType .button:hover{background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);color:#fff;}
#memberType h2 {width: auto; float: none; font-weight: normal;}

/*formType*/
#formType .box{display:none;}
#formType .box:first-child{display:block;}
#formType .item{margin-bottom:13px;color:#666;clear:both;}
#formType .mgLeft{margin-left:135px;}
#formType .label{display:block;float:left;width:100px;text-align:right;font-size:16px;color:#000;line-height:50px;}
#formType .label i{font-style:normal;color:#f00;}
#formType .input,#formType .select{border:1px solid #ebebeb;border-radius:5px;position:relative;}
#formType .select:after{width:15px;height:10px;background:url(../images/arrow_select.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
#formType select{height:50px;line-height:50px;font-size:16px;color:#555;padding:0 4.51467269%;width:100%;opacity:.5;background-color:transparent;display:block;-webkit-appearance:none;}
#formType select:focus{opacity:1;}
#formType .text{font-size:16px;color:#555;height:30px;line-height:30px;padding:10px 4.51467269%;width:90.97065463%;display:block;}
#formType .verify .input{padding-right:155px;}
#formType .verify .text{padding-left:6.96864111%;padding-right:6.96864111%;width:86.06271777%;}
#formType .send{position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:5px;background-color:#23b8ff;color:#fff;text-align:center;height:52px;line-height:52px;width:155px;}
#formType .send:hover{text-decoration:none;opacity:.85;}
#formType .btn{margin-bottom:20px;}
#formType .submit{display:block;width:100%;height:52px;color:#fff;border-radius:5px;cursor:pointer;font-size:20px;}
#formType .other{overflow:hidden;line-height:30px;}
#formType .other span,#formType .other a{display:block;float:left;}
#formType .other span:hover,#formType .other a:hover{opacity:.85;}
#formType .left{float:left;}
#formType .left i{display:block;float:left;width:30px;height:30px;background:no-repeat center center;background-size:contain;vertical-align:middle;margin-left:10px;}
#formType .left .wx{background-image:url(../images/logreg_wx.png);}
#formType .left .qq{background-image:url(../images/logreg_qq.png);}
#formType .left .gg{background-image:url(../images/logreg_gg.png);}
#formType .left .fb{background-image:url(../images/logreg_fb.png);}
#formType .right{float:right;}
#formType a{color:#23b8ff;}
#formType a:hover{text-decoration:underline;}

/*UCenter*/
#UCenter{padding:60px 0 80px;background:#f5f5f5 url(../images/bg_body.png) no-repeat center top;background-size:100% auto;}
#UCenter .inner{display:table;table-layout:fixed;}
#UCenter .left{display:table-cell;vertical-align:top;width:200px;}
#UCenter .right{display:table-cell;vertical-align:top;padding-left:35px;}
#UCenter #pagenavi{margin-top:5.39419087%;}

/*ucSidebar*/
#ucSidebar{background-color:#fff;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,0.06);min-height:670px;}

/*ucMenu*/
#ucMenu ul{padding:13px 25px;}
#ucMenu li{font-size:16px;line-height:30px;padding:5px 0;}
#ucMenu a{color:#666;display:block;position:relative;padding-left:13px;}
#ucMenu a:before{width:3px;height:16px;background-color:#e8b83c;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:1.5px;opacity:0;}
#ucMenu a:hover{color:#000;}
#ucMenu .current a{color:#000;}
#ucMenu .current a:before{opacity:1;}

/*ucProfile*/
#ucProfile{border-bottom:1px solid rgba(0,0,0,0.05);padding:15px;text-align:center;}
#ucProfile .avatar{width:70px;margin:0 auto 6px; position:relative}
#ucProfile .avatar i{display:block;overflow:hidden;padding-bottom:100%;border-radius:50%;background:no-repeat center center;background-size:cover;}
#ucProfile .avatar .vip {
	width: 24px;
    height: 24px;
	padding: 5px;
    border-radius: 24px;
    background: #FFF;
	position: absolute;
	top: 45px;
	right: 0px;
}
#ucProfile .avatar .vip img {
	width: 24px;
    height: 24px;
}
#ucProfile .name{font-size:16px;line-height:1.5em;color:#000;font-weight:normal;}
#ucProfile .id{font-size:12px;color:#666;line-height:1.5em;margin-bottom:10px;}
#ucProfile .social{font-size:0;line-height:normal;text-align:center;padding:5px 0;}
#ucProfile .social span{display:inline-block;vertical-align:top;width:26px;margin:0 8px;background-color:#f6f6f6;border-radius:50%;}
#ucProfile .social i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;opacity:.2;}
#ucProfile .social .wechat{background-image:url(../images/ucenter_wechat.png);}
#ucProfile .social .phone{background-image:url(../images/ucenter_phone.png);}
#ucProfile .social .mail{background-image:url(../images/ucenter_mail.png);}
#ucProfile .social .bound{opacity:1;}

/*ucTitle*/
#ucTitle{border-bottom:1px solid #ddd;margin-bottom:25px;}
#ucTitle .title{font-size:18px;color:#000;line-height:24px;font-weight:normal;padding-bottom:8px;position:relative;}
#ucTitle span{display:inline-block;margin-right:20px;}
#ucTitle a{min-width:5em;display:block;text-align:center;}
#ucTitle sup{background-color:#fe3145;color:#fff;height:18px;line-height:18px;min-width:18px;text-align:center;border-radius:50%;display:inline-block;vertical-align:top;margin:-5px 0 0 3px;}
#ucTitle .cur:after{width:100%;height:1px;background-color:#e8b83c;content:'';display:block;position:absolute;left:0;bottom:-1px;}
#ucTitle .cur a{color:#e8b83c;}
.ucBox{background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.06);border-radius:5px;overflow:hidden;}

/*ucDownload*/
#ucDownload table{border:none;font-size:16px;line-height:30px;}
#ucDownload tr:nth-child(2n-1){background-color:#f6f6f6;}
#ucDownload th{background-color:#e8b83c;color:#fff;border:none;font-weight:normal;padding:1.05%;}
#ucDownload td{border:none;border-right:1px solid #efefef;text-align:center;color:#666;padding:1.57676349% 1.05%;}
#ucDownload td:last-child{border-right:none;}
#ucDownload td.name{font-size:18px;color:#000;}
#ucDownload .name{text-align:left;padding-left:3.73443983%;padding-right:3.73443983%;}
#ucDownload .type{width:15.3526971%;}
#ucDownload .date{width:22.406639%;}

/*ucLetter*/
#ucLetter{min-height:755px;padding:30px;}
#ucLetter .item{padding:15px 0;}
#ucLetter .title{font-size:18px;font-weight:normal;line-height:1.33333333em;margin-bottom:10px;}
#ucLetter .title i{display:inline-block;vertical-align:top;width:6px;height:6px;background-color:#f00;border-radius:50%;}
#ucLetter .title a{padding-left:15px;position:relative;}
#ucLetter .title a:before{width:3px;height:3px;border-radius:50%;content:'';display:block;position:absolute;left:0;background-color:#666;top:8.5px;}
#ucLetter .title a:hover:before{background-color:#e7b323;}
#ucLetter .excerpt{margin-left:15px;font-size:16px;color:#666;line-height:1.5em;}

/*ucPersonal*/
#ucPersonal{padding:0 35px;}
#ucPersonal .title{font-size:18px;font-weight:normal;color:#000;line-height:1.33333333em;margin-bottom:30px;}
#ucPersonal .btn{overflow:hidden;}
#ucPersonal .submit{width:137px;height:40px;color:#fff;border-radius:5px;font-size:16px;margin-right:35px;display:inline-block;float:left;background-color:#23b8ff;cursor:pointer;}
#ucPersonal .submit:hover{opacity:.85;}

/*ucAvatar*/
#ucAvatar{overflow:hidden;border-bottom:1px solid #f6f6f6;padding:53px 0;}
#ucAvatar .avatar{width:137px;height:137px;border-radius:10px;overflow:hidden;margin-bottom:20px;position:relative;}
#ucAvatar .avatar img{display:block;width:100%;height:100%;object-fit:cover;}
#ucAvatar .upload{margin-bottom:7px;}
#ucAvatar .upload a{display:block;width:83px;height:31px;line-height:31px;text-align:center;background-color:#fff;border-radius:5px;border:1px solid #ebebeb;font-size:14px;color:#666;}
#ucAvatar .tips{font-size:14px;color:#666;line-height:24px;margin-bottom:23px;}
#ucAvatar input[type='file']{display:none;}

/*ucInfo*/
#ucInfo{padding:40px 0 70px;}
#ucInfo .modify{float:right;color:#23b8ff;font-size:14px;line-height:1.5em;cursor:pointer;}
#ucInfo .title{margin-right:60px;}
#ucInfo .item{width:470px;overflow:hidden;margin-bottom:17px;}
#ucInfo label{display:block;float:left;font-size:16px;color:#000;line-height:41px;}
#ucInfo .input{margin-left:50px;overflow:hidden;border:1px solid #ebebeb;border-radius:5px;}
#ucInfo .text{font-size:16px;color:#666;display:block;width:100%;height:25px;line-height:25px;padding:8px 4.784689%;width:90.43062201%;}
#ucInfo .btn{margin-top:35px;}
#ucInfo .button{width:171px;}

/*ucAccount*/
#ucAccount{padding:45px 25px;min-height:665px;}
#ucAccount .item{border-bottom:1px solid rgba(235,235,235,0.48);padding-bottom:22px;margin-bottom:30px;}
#ucAccount .item:last-child{border-bottom:none;}
#ucAccount h4{font-size:18px;font-weight:normal;line-height:24px;color:#000;}
#ucAccount .mb{margin-bottom:14px;}
#ucAccount p{font-size:16px;color:#666;line-height:25px;padding:8px 0;}
#ucAccount .icon{padding-left:35px;background:no-repeat left center;}
#ucAccount .qq{background-image:url(../images/account_qq.png);}
#ucAccount .wx{background-image:url(../images/account_wx.png);}
#ucAccount .bind{font-size:14px;color:#23b8ff;margin-left:40px;}
#ucAccount .bind:hover{text-decoration:underline;}

/*ucArticle*/
#ucArticle .item{padding:20px;margin-bottom:18px;}
#ucArticle .info{display:table;table-layout:fixed;width:100%;}
#ucArticle .pic{width:169px;display:table-cell;vertical-align:top;}
#ucArticle .bg{padding-bottom:56.21301775%;border-radius:5px;overflow:hidden;}
#ucArticle .bg:hover{transform:scale(1.1);}
#ucArticle .text{display:table-cell;vertical-align:middle;padding:0 62px 0 30px;position:relative;}
#ucArticle h4{font-size:18px;font-weight:normal;color:#000;line-height:1.33333333em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:13px;}
#ucArticle h4 a{color:#000;}
#ucArticle h4 a:hover{color:#e7b323;}
#ucArticle .excerpt{font-size:16px;color:#999;line-height:24px;max-height:48px;-webkit-line-clamp:2;}
#ucArticle .btn{position:absolute;right:0;top:-13px;font-size:14px;color:#666;}
#ucArticle .btn a{color:#666;background:url(../images/icon_del.png) no-repeat left center;padding-left:25px;}
#ucArticle .btn a:hover{color:#23b8ff;}

/*ucVideo*/
#ucVideo{display:-webkit-box;  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box;  /* Firefox 17- */display:-webkit-flex;  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex;  /* Firefox 18+ */display:-ms-flexbox;  /* IE 10 */display:flex;  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:101.90871369%;}
#ucVideo .item{float:left;width:23.12703583%;padding-right:1.87296417%;padding-bottom:2.60586319%;}
#ucVideo .pic{border-radius:5px;margin-bottom:16px;}
#ucVideo .bg{padding-bottom:56.33802817%;}
#ucVideo .tag{position:absolute;left:0;top:0;width:66px;height:30px;text-align:center;line-height:30px;background-color:#e7b323;z-index:2;color:#fff;border-bottom-right-radius:20px;font-size:14px;}
#ucVideo .vip{background-image:-webkit-linear-gradient(left,#f6be23,#d59b23);background-image:linear-gradient(90deg,#f6be23,#d59b23);}
#ucVideo .fee{background-color:#1f1603;background-image:-webkit-linear-gradient(left,#1f1603,#595959);background-image:linear-gradient(90deg,#1f1603,#595959);color:#e1a512;}
#ucVideo .free{background-color:#1bb7a2;}
#ucVideo h4{font-size:18px;font-weight:normal;color:#000;line-height:24px;max-height:48px;-webkit-line-clamp:2;margin-bottom:3px;}
#ucVideo .meta{overflow:hidden;font-size:14px;color:#666;line-height:24px;}
#ucVideo .meta span{display:block;float:left;padding-right:22px;}
#ucVideo .price{color:#e7b323;font-size:16px;position:relative;}
#ucVideo .price:after{width:1px;height:13px;background-color:#d4d4d4;content:'';display:block;position:absolute;right:10.5px;top:50%;transform:translateY(-50%);}
#ucVideo .item a{display:block;overflow:hidden;position:relative;}
#ucVideo .item a:hover .bg{transform:scale(1.1);}
#ucVideo .item a:hover h4{color:#e7b323;}
#ucVideo + #pagenavi{margin-top:10px;}

/*ucActive*/
#ucActive{display:-webkit-box;  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display:-moz-box;  /* Firefox 17- */display:-webkit-flex;  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display:-moz-flex;  /* Firefox 18+ */display:-ms-flexbox;  /* IE 10 */display:flex;  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:101.90871369%;}
#ucActive .item{float:left;width:23.12703583%;padding-right:1.87296417%;padding-bottom:2.60586319%;}
#ucActive .pic{border-radius:5px;margin-bottom:26px;}
#ucActive .pic:after{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.4);display:none;z-index:1;}
#ucActive .bg{padding-bottom:56.33802817%;}
#ucActive .status{position:absolute;left:20px;top:25px;width:60px;height:30px;text-align:center;line-height:30px;color:#fff;background-color:#fe3145;border-radius:15px;font-size:14px;z-index:2;}
#ucActive .tag{font-size:16px;color:#666;line-height:24px;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ucActive h4{font-size:18px;font-weight:normal;line-height:24px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
#ucActive .meta{font-size:16px;color:#666;line-height:24px;}
#ucActive .meta p{display:table;table-layout:fixed;width:100%;}
#ucActive .meta span{display:table-cell;vertical-align:top;}
#ucActive .meta .name{width:48px;}
#ucActive .not .pic:after,#ucActive .over .pic:after{display:block;}
#ucActive .not .status{background-color:rgba(0,0,0,0.5);}
#ucActive .over .status{background-color:#000;left:50%;top:50%;transform:translateX(-50%);margin-top:-15px;}
#ucActive .item a:hover .bg{transform:scale(1.1);}
#ucActive .item a:hover h4{color:#e7b323;}

/*ucOrder*/
#ucOrder{font-size:16px;}
#ucOrder .item{margin-bottom:20px;}
#ucOrder table{border:none;}
#ucOrder th{font-weight:normal;text-align:left;font-size:16px;color:#666;padding:9px 20px;background-color:#f6f6f6;border:none;}
#ucOrder td{border:none;border-right:1px solid #f4f4f4;padding:20px;}
#ucOrder td:last-child{border-right:none;}
#ucOrder .status,#ucOrder .price{width:19.08713693%;text-align:center;}
#ucOrder .status{color:#07c160;}
#ucOrder .waiting{color:#f60;}
#ucOrder .price{color:#000;}
#ucOrder .order{width:27.42738589%;border-right:none;}
#ucOrder .pic{border-radius:5px;}
#ucOrder .bg{padding-bottom:55.88235294%;}
#ucOrder .bg:hover{transform:scale(1.1);}
#ucOrder .title{padding-left:10px;}
#ucOrder h4{font-size:18px;color:#000;line-height:24px;font-weight:normal;}
#ucOrder h4 a{color:#000;}
#ucOrder h4 a:hover{color:#e7b323;}
#ucOrder .intro{font-size:14px;color:#666;line-height:1.65em;}
#ucOrder .btn{font-size:14px;color:#666;width:17.26141079%;text-align:center;}
#ucOrder .del{color:#666;background:url(../images/icon_del.png) no-repeat left center;padding-left:25px;float:right;}
#ucOrder .del:hover{color:#23b8ff;}
#ucOrder .pay{display:block;overflow:hidden;width:71.42857143%;height:40px;line-height:40px;border-radius:4px;color:#fff;background-color:#23b8ff;margin:0 auto;}
#ucOrder .pay:hover{background-color:#e7b323;}
#ucOrder p a{color:#666;}
#ucOrder p a:hover{color:#e7b323;}

/*ucBuy*/
#ucBuy .title{background-color:#f6f6f6;font-size:18px;color:#000;font-weight:normal;line-height:24px;padding:17px 30px;}
#ucBuy .info{padding:35px 30px 55px;}
#ucBuy .top{overflow:hidden;border-bottom:1px solid #f6f6f6;padding-bottom:38px;margin-bottom:30px;}
#ucBuy .pic{width:260px;float:left;border-radius:5px;}
#ucBuy .bg{padding-bottom:55.76923077%;}
#ucBuy .text{margin-left:305px;overflow:hidden;padding:4px 0;}
#ucBuy h3,#ucBuy h4{font-size:18px;color:#000;line-height:24px;font-weight:normal;}
#ucBuy h3 a{color:#000;}
#ucBuy h3 a:hover{color:#e7b323;}
#ucBuy .intro,#ucBuy .date{font-size:14px;color:#666;line-height:1.65em;}
#ucBuy .intro{margin-bottom:28px;}
#ucBuy .price{font-size:16px;color:#fe3145;line-height:1.5em;}
#ucBuy .date span{color:#23b8ff;}
#ucBuy .amount{font-size:16px;color:#666;line-height:1.875em;margin-bottom:30px;}
#ucBuy .amount span{margin-left:24px;}
#ucBuy h4{margin-bottom:20px;}
#ucBuy .btn{overflow:hidden;}
#ucBuy .agree{font-size:14px;color:#000;float:left;padding:5px 0;line-height:30px;}
#ucBuy .agree a{color:#23b8ff;}
#ucBuy .agree a:hover{text-decoration:underline;}
#ucBuy .pay{float:right;}
#ucBuy .pay a{display:block;overflow:hidden;width:120px;height:40px;line-height:40px;border-radius:4px;color:#fff;background-color:#23b8ff;text-align:center;}
#ucBuy .pay a:hover{background-color:#e7b323;}

/*ucPay*/
#ucPay{padding:0 30px;}

/*ucPayAmount*/
#ucPayAmount{border-bottom:1px solid #f6f6f6;font-size:18px;color:#000;line-height:2em;padding:37px 0;}
#ucPayAmount span{color:#666;}
#ucPayAmount i{font-style:normal;color:#fe3145;}
#ucPayAmount a{font-size:16px;color:#666;margin-left:55px;}
#ucPayAmount a:hover{color:#e7b323;}

/*ucPayMethod*/
#ucPayMethod{padding:40px 0 60px;}
#ucPayMethod .title{font-size:18px;color:#000;line-height:24px;font-weight:normal;margin-bottom:24px;}
#ucPayMethod .channel{margin-bottom:10px;}
#ucPayMethod ul{overflow:hidden;}
#ucPayMethod li{float:left;padding:0 20px 20px 0;}
#ucPayMethod li a{border:1px solid #ededed;width:169px;height:49px;line-height:49px;display:block;text-align:center;font-size:16px;color:#666;}
#ucPayMethod li i{font-style:normal;padding-left:40px;display:inline-block;background:no-repeat left center;}
#ucPayMethod li .weixin{background-image:url(../images/paymethod_weixin.png);}
#ucPayMethod li .alipay{background-image:url(../images/paymethod_alipay.png);}
#ucPayMethod li .selected{border:2px solid #23b8ff;width:167px;height:47px;line-height:47px;position:relative;}
#ucPayMethod li .selected:after{width:21px;height:21px;background:url(../images/icon_selected.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0;}
#ucPayMethod .generate{width:236px;}
#ucPayMethod .qrcode{border:1px solid #ededed;border-bottom:none;padding:15px;}
#ucPayMethod .qrcode img{display:block;width:100%;height:auto;}
#ucPayMethod #tips{font-size:14px;color:#fff;line-height:25px;padding:13px 0;text-align:center;}
#ucPayMethod #tips.weixin{background-color:#09bb07;}
#ucPayMethod #tips.alipay{background-color:#23b8ff;}

/*ucPayResult*/
#ucPayResult{width:603px;text-align:center;padding:60px 20px 38px;}
#ucPayResult .icon{width:66px;margin:0 auto 11px;}
#ucPayResult .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#ucPayResult .icon .failed{background-image:url(../images/icon_failed.png);}
#ucPayResult .icon .success{background-image:url(../images/icon_success.png);}
#ucPayResult .title{font-size:20px;font-weight:normal;line-height:1.8em;color:#000;margin-bottom:35px;}
#ucPayResult .intro{font-size:16px;color:#666;line-height:36px;}
#ucPayResult .intro a{color:#23b8ff;}
#ucPayResult .intro a:hover{text-decoration:underline;}

/*ucCourse*/
#ucCourse{position:relative;margin-bottom:30px;}
#ucCourse .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;}
#ucCourse .text{position:relative;z-index:5;}
#ucCourse h4{font-size:16px;line-height:24px;height:48px;-webkit-line-clamp:2;font-weight:normal;}
#ucCourse .date{font-size:14px;color:#666;line-height:1.75em;margin-bottom:9px;}
#ucCourse .bar{height:14px;border-radius:8px;border:1px solid rgba(231,188,77,0.23);background-color:#f8f6f0;position:relative;}
#ucCourse .process{position:absolute;left:0;top:0;height:100%;border-radius:8px;background-color:#e7bc4d;}
#ucCourse .percentage{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;color:#666;line-height:14px;}
#ucCourse a{display:block;overflow:hidden;border-radius:5px;position:relative;padding:28px 30px 35px;margin-right:18px;color:#000;}
#ucCourse a:before{width:100%;height:100%;background-color:#fff;content:'';display:block;position:absolute;left:0;top:0;transition:all .3s;}
#ucCourse .slick-load{margin-right:30px;overflow:hidden;}
#ucCourse .slick-current a,#ucCourse .slick-current .date{color:#e7bc4d;}
#ucCourse .slick-current a:before{background-color:rgba(0,0,0,0.7);}
#ucCourse .arrows{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5;width:30px;}
#ucCourse .slick-arrow{width:30px;height:30px;background:url(../images/bg_arrow.png) no-repeat center center;background-size:contain;text-indent:-9999em;overflow:hidden;position:relative;transition:all .3s;}
#ucCourse .slick-arrow:after{width:8px;height:12px;background:url(../images/arrow_01.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:50%;top:50%;margin:-6px 0 0 -4px;}
#ucCourse .slick-prev{margin:5px 0;}
#ucCourse .slick-next:after{background-position:0 100%;}
#ucCourse .slick-disabled{display:none;}

/*ucProcess*/
#ucProcess{background-color:#f6f6f6;overflow:hidden;font-size:0;line-height:normal;text-align:right;padding:15px 20px;}
#ucProcess span{display:inline-block;font-size:14px;line-height:24px;color:#666;margin-left:15px;padding-left:15px;position:relative;}
#ucProcess span:before{width:1px;height:14px;background-color:#ddd;content:'';display:block;position:absolute;left:-0.5px;top:50%;transform:translateY(-50%);}
#ucProcess span:first-child{padding-left:0;margin-left:0;}
#ucProcess span:first-child:before{display:none;}
#ucProcess a{color:#666;}
#ucProcess a:hover{color:#e7b323;}

/*ucChapters*/
#ucChapters{padding:30px 20px 37px;}
#ucChapters .item{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:13px;position:relative;}
#ucChapters .btn{position:absolute;right:25px;top:4px;width:16px;height:16px;}
#ucChapters .btn:before,#ucChapters .btn:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-color:#222;border-radius:1.5px;}
#ucChapters .btn:before{width:100%;height:2px;left:0;}
#ucChapters .btn:after{width:2px;height:16px;left:7px;}
#ucChapters h3{font-size:18px;font-weight:normal;color:#000;line-height:24px;cursor:pointer;}
#ucChapters h3 a{color:#000;}
#ucChapters h3 a:hover{color:#e7b323;}
#ucChapters h3 i{font-style:normal;margin-right:14px;}
#ucChapters ul{margin-top:15px;display:none;}
#ucChapters li{padding:2px 0;color:#666;}
#ucChapters li a{color:#666;display:block;overflow:hidden;padding-left:32px;padding-right:25px;position:relative;line-height:40px;}
#ucChapters li a:hover{color:#e7b323;}
#ucChapters .current a{background-color:#e7b323;color:#fff;}
#ucChapters .current a .time{background-image:url(../images/icon_process_on.png);}
#ucChapters .current a:hover{color:#fff;}
#ucChapters .gray a{background-color:#f6f6f6;}
#ucChapters .time{float:right;background:url(../images/icon_process.png) no-repeat left center;padding-left:30px;font-size:14px;}
#ucChapters h4{font-weight:normal;font-size:16px;margin-right:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#ucChapters .active .btn:before{background-color:#e7b323;}
#ucChapters .active .btn:after{opacity:0;}