@import url(animate.min.css);
@import url(base.css);
*{font-family: '微软雅黑';}
body{background-color:#F6F6F6;overflow:hidden;overflow: auto ;}
img{

    overflow:hidden;
}
a{
    text-decoration:none;
    color:black;
    display:block;
}
h3{
    overflow:hidden;
    text-overflow:ellipsis;
}
p{
    overflow:hidden;
    text-overflow:ellipsis;
}

/*start head */
.head{
    background-color:#FF8F63;
    height:80px;
    width:640px;
    position:relative;

}
.head .return img{
    width:20px;
    height:40px;
    margin:20px 140px 20px 40px;
    display: inline-block;
    float:left;
}
.head .logo img{
    width:145px;
    height:55px;
    margin:12px 25px;
    display:block;
    float:left;
}
.head .menu img{
    width:50px;
    height:50px;
    margin:15px 25px;
    border-radius:50% 50%;
    display:block;
    cursor:pointer;
    float:right;
}
/*end head */
/* start kv */
.uc_head{
    height:365px;
    background: #E87B50;
    position:relative;
}
.uc_head .message_btn{
    left:30px;
    top:38px;
    width:58px;
    height:58px;
    position:absolute;
    background:url(../images/ucenter/kv_left.png) no-repeat center center;
}
.uc_head .message_btn i{
    position:absolute;
    display:inline-block;
    min-width:27px;
    height:27px;
    background:#333333;
    border-radius:15px;
    font-size:20px;
    color:#fff;
    text-align:center;
    line-height:27px;
    padding:0px 10px;
    font-style:normal;
    right:-20%;
}
.uc_head .edit_btn{
    right:30px;
    top:38px;
    width:58px;
    height:58px;
    position:absolute;
    background:url(../images/ucenter/kv_right.png) no-repeat center center;
}

.uc_head .center{
    padding-top:40px;
    text-align: center;
}
.uc_head .center .avatar{
    display:inline-block;
    border-radius:50%;
    width:150px;
    height:150px;
    padding:10px;
    background:#EFA385;
}
.uc_head .center .avatar img{
    width:130px;
    height:130px;
    display:block;
}
.uc_head .center h3{
    font-size: 34px;
    color:#fff;
    padding-top: 20px;
}
.uc_head .center h4{
    font-size: 24px;
    color:#fff;
    padding-top: 20px;
}
.uc_head .center h4 span{
    padding-left:40px;
    background:url(../images/ucenter/mon.png) no-repeat left center;
}
.uc_head .center h4 .pay_btn{
    margin-left:10px;
    display:inline-block;
    width:99px;
    height:38px;
    background:#fff;
    color:#E5784D;
    font-size:22px;
    line-height:38px;
    text-align:center;
}
/* end kv */

/* start uc_set */
.uc_set{

}
.uc_set dl{
    background:#fff;
}

.uc_set dt{
    height:85px;
    position:relative;
}
.uc_set dl:nth-child(1n) dt{
    background-color:#F7F7F7;
}
.uc_set dl:nth-child(2n) dt{
    background-color:#EEEEEE;
}
.uc_set dt img{
    left:25px;
    top:25px;
    width:33px;
    height:33px;
    display:block;
    position:absolute;
}
.uc_set dt h3{
    font-size:26px;
    color:#262626;
    line-height:85px;
    padding-left:75px;
    position:absolute;
}
.uc_set dt i{
    background:url(../images/ucenter/up.png) no-repeat;
    width:28px;
    height:16px;
    position:absolute;
    display:inline-block;
    right:25px;
    top:35px;
}
.uc_set dt.selected i{
    background:url(../images/ucenter/down.png) no-repeat;
}
.uc_set dd{display:none;overflow:hidden;}
.uc_set dd a{
    text-align:center;
    height:85px;
    background:#fff;
    font-size:22px;
    color:#262626;
    line-height:85px;
    border-bottom:1px solid #E7E7E7;
}
/* end uc_set */
/* start end  */
.end{
    background:#262626;
    height:85px;
    font-size:18px;
    font-weight: 900;
    color:#fff;
    text-align:center;
    line-height:85px;

}
.end span{
    font-size:30px;
    color:#fff;
    font-weight: 900;
}
/*  end  */
/*start head */
.head .logo a h1{
    font-size:34px;
    padding-left:50px;
    line-height:80px;
    color:#FFFFFF;
    float:left;
    text-align:center;
    display:inline-block;
}
/*end head */

/* start uc_change */
.uc_change{
    background:#fff;
}
.uc_change .name dt{
    padding:25px;
    height:30px;
    font-size:20px;
    color:#FF8F63;
}
.uc_change .name textarea{
    border:none;
    width:590px;
    height:80px;
    background-color:#F2F2F2;
    font-size:22px;
    color:#545454;
    text-align:left;
    margin:25px 25px 0px;
    padding: 25px;
}
.uc_change .sex dt{
    padding:15px 25px;
    height:30px;
    font-size:20px;
    color:#FF8F63;
}
.uc_change .sex dd{
    width:590px;
    height:80px;
    background-color:#F2F2F2;
    font-size:22px;
    color:#545454;
    line-height:80px;
    margin:25px;
    position:relative;
}
.uc_change .sex dd:after{
    content:' ';
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #555555 transparent transparent transparent;
    right:20px;
    top:35px;
    position:absolute;
}
.uc_change .sex dd select{
    position:absolute;
    color:#2B2B2B;
    font-size:18px;
    padding-left:25px;
    line-height:80px;
    display:block;
    width:100%;
}

.uc_change .date{
    overflow:hidden;
}
.uc_change .date dt{
    padding:0px 25px;
    height:30px;
    font-size:20px;
    color:#FF8F63;
}
.uc_change .date dd{
    font-size:22px;
    color:#545454;
    line-height:80px;
    padding:25px;
    position:relative;
}
.uc_change .date dd span{
    position:relative;
    background-color:#F2F2F2;
    display:block;
}

.uc_change .date dd span:after{
    content:' ';
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #555555 transparent transparent transparent;
    right:20px;
    top:38px;
    position:absolute;
}
.uc_change .date dd span select{
    padding:25px;
}
.uc_change .addr{
    overflow:hidden;
}
.uc_change .addr dt{
    padding:0px 25px;
    height:30px;
    font-size:20px;
    color:#FF8F63;
}
.uc_change .addr dd{
    font-size:22px;
    color:#545454;
    line-height:80px;
    padding:25px;
    position:relative;
}
.uc_change .addr dd span{
    position:relative;
    background-color:#F2F2F2;
    display:block;
}

.uc_change .addr dd span:after{
    content:' ';
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #555555 transparent transparent transparent;
    right:20px;
    top:38px;
    position:absolute;
}
.uc_change .addr dd span select{
    padding:25px;
}
.uc_change .addr textarea{
    border:none;
    width:590px;
    height:80px;
    background-color:#F2F2F2;
    font-size:22px;
    color:#545454;
    text-align:left;
    margin:0px 25px;
    padding: 25px;
}
.uc_change .upload{
    background-color:#fff;
    overflow:hidden;
    position:relative;
}
.uc_change .upload dt{
    padding:25px;
    font-size:20px;
    color:#FF8F63;
}
.uc_change .upload dd .img{
    width:200px;
    height:200px;
    left:25px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#eee;
    float:left;
    margin:0px 25px 25px;
}
.uc_change .upload dd label{
    width:365px;
    height:80px;
    background-color:#eee;
    position:relative;
    display:inline-block;
    font-size:18px;
    color:#535353;
    padding:25px;
    float:right;
    margin:40px 25px 20px 0px;

}
.uc_change .upload dd h3{
    font-size:18px;
    color:#535353;
    float:left;
}
.uc_change .upload label span{
    background:url(../images/ucenter/upload.png) no-repeat;
    width:30px;
    height:5px;
    position:absolute;
    right:20px;
    top:35px;
}
.uc_change .bton{
    height:100px;
    background-color:#FF8F63;
    text-align:center;
}
.uc_change .bton button{
    font-size:34px;
    color:#FFFFFF;
    line-height:100px;
}
/* end uc_change */

/* end uc_sam */
.uc_sam{
    background:#fff;
}
.uc_sam ul{
    padding:30px 25px 0px;
}
.uc_sam li{
    width:590px;
    height:136px;
    padding-left:50px;
    border-radius:78px;
    background:#F6F6F6;
    position:relative;
}
.uc_sam li h3{
    font-size:24px;
    color:#666666;
    position:absolute;
    top:34px;
}
.uc_sam li p{
    font-size:20px;
    color:#FF8563;
    position:absolute;
    top:70px;
}
.uc_sam li .bton{
    width:94px;
    height:94px;
    background-color:#FF8663;
    border-radius:50%;
    font-size:28px;
    color:#fff;
    text-align:center;
    line-height:94px;
    position:absolute;
    right:20px;
    top:21px;
}
.copyright{
    bottom:20px;
    width:100%;
    height:40px;
    text-align:center;
}
 .copyright p{
    font-size: 18px;
    color:#111111;
}
/* end uc_sam */
/* start uc_email */
.uc_email{

}
.uc_email textarea{
    width:588px;
    height:80px;
    background:#F2F2F2;
    border:none;
    font-size:22px;
    color:#525252;
    margin:55px 25px 25px;
    padding:25px;
}
.uc_email .code input{
    width:425px;
    height:80px;
    background:#F2F2F2;
    font-size:22px;
    color:#525252;
    border:none;
    margin-left:25px;
    padding:25px;
    position:relative;

}
.uc_email .code img{
    width:151px;
    height:66px;
    display:inline-block;
    position:absolute;
}
.uc_email .bton{
    width:588px;
    height:100px;
    background:#FF8F63;
    text-align:center;
    margin:25px;
}
.uc_email .bton button{
    font-size:34px;
    color:#FFFFFF;
    line-height:100px;
}
/* end uc_email */
/* start uc_phone */
.uc_phone textarea{
    width:588px;
    height:80px;
    background:#F2F2F2;
    border:none;
    font-size:22px;
    color:#525252;
    margin:55px 25px 25px;
    padding:25px;
    position:relative;
}
.uc_phone .tel_code input{
    width:320px;
    height:80px;
    background:#F2F2F2;
    font-size:22px;
    color:#525252;
    border:none;
    margin-left:25px;
    padding:25px;

}
.uc_phone .tel_code .get_code{
    width:245px;
    height:80px;
    background:#FF8F63;
    font-size: 22px;
    color:#fff;
    text-align:center;
    line-height:80px;
    margin-left:25px;
    position:absolute;

}
.uc_phone .bton{
    width:588px;
    height:100px;
    background:#FF8F63;
    text-align:center;
    margin:25px;
}
.uc_phone .bton button{
    font-size:34px;
    color:#FFFFFF;
    line-height:100px;
}
/* end uc_phone */
/* start uc_pw */
.uc_pw textarea{
    width:588px;
    height:80px;
    background:#F2F2F2;
    border:none;
    font-size:22px;
    color:#525252;
    margin:55px 25px 25px;
    padding:25px;
}
.uc_pw input{
    width:588px;
    height:80px;
    background:#F2F2F2;
    font-size:22px;
    color:#525252;
    border:none;
    margin-left:25px;
    padding:25px;

}
.uc_pw .bton{
    width:588px;
    height:100px;
    background:#FF8F63;
    text-align:center;
    margin:25px;
}
.uc_pw .bton button{
    font-size:34px;
    color:#FFFFFF;
    line-height:100px;
}
/* end uc_pw */

.uc_coupon{}
.uc_coupon ul{padding:60px 0px;}
.uc_coupon ul li{padding-bottom:30px;}
.uc_coupon ul li .pic{background:url(../images/ucenter/coupon.png) no-repeat center top;width:280px;height:134px;position:relative;padding-left:50px;padding-top:10px;margin:0 auto;}
.uc_coupon ul li .pic span{font-size:60px;color:#fff;}
.uc_coupon ul li .pic sub{font-size:24px;color:#fff;}
.uc_coupon ul li .pic p{font-size:18px;color:#fff;}
.uc_coupon ul li h3{color:#797979;font-size:24px;text-align:center;padding-top:20px;}
.uc_coupon ul li h4{color:#FE3E65;font-size:20px;text-align:center;padding-top:5px;}
.coupon-foot-btn{height:99px;background:#FF8F63;color:#fff;font-size:34px;line-height:99px;text-align:center;}

.uc_coupon_form{padding:25px;}
.uc_coupon_form input{width:455px;height:81px;padding:10px;background:#F2F2F2;color:#6C6C6C;font-size:20px;float:left;}
.uc_coupon_form button{width:120px;height:80px;background:#FF8F63;text-align:center;line-height:80px;float:right;font-size:34px;color:#fff;}
.use_coupon{padding:25px;}
.use_coupon h3{color:#212121;font-size:22px;font-weight:bold;padding-bottom:30px;}
.use_coupon p{color:#797979;font-size:18px;line-height:40px;}

.top_category{border-bottom:1px solid #F0F0F0;}
.top_category ul{padding:25px 0px 0px;text-align: center;font-size:22px;color:#303332;background:#fff;}
.top_category ul li{padding:10px 10px 20px;position:relative;}
.top_category ul li:before{content:' ';height:28px;width:1px;position:absolute;left:0px;top:50%;background:#F0F0F0;margin-top:-14px;}
.top_category ul li.selected{border-bottom:7px solid #FF8F63;}

.uc_course .list{padding:25px;}
.uc_course .list li{background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.3);margin-bottom:30px;}
.uc_course .list li .desc{padding:30px;position:relative;}
.uc_course .list li .desc h3{color:#303332;font-size:24px;}
.uc_course .list li .desc p{color:#464A49;font-size:18px;padding-top:10px;}
.uc_course .list li .desc p span{color:#FF8563;font-size:18px;}
.uc_course .list li .desc .uc_course_comment{background:url(../images/ucenter/uc_course_comment.png);width:65px;height:65px;position:absolute;right:30px;top:50px;}
.uc_course .copyright{padding-bottom:70px;}

.uc_comment{padding:25px;}
.uc_comment label input{
    width:589px;
    height:66px;
    background-color:#ECECEC;
    margin-bottom: 15px;
    padding-left:25px;
    outline:none;
    resize:none;
    line-height:22px;
}
.uc_comment label input::-webkit-input-placeholder{
    font-size: 22px;
    color:#595959;
}
.uc_comment textarea{padding:25px;width:100%;height:320px;padding:25px;color:#535353;font-size:18px;background:#ECECEC;border:0px;margin-bottom:25px;}
.uc_comment button{height:70px;background:#FF8F63;color:#fff;text-align:center;line-height:70px;width:100%;font-size:28px;}

.uc_order{}
.uc_order .list li .desc p{padding-top:20px;}
.uc_order .list li .uc_order_act{position:absolute;right:30px;top:30px;}
.uc_order .list li .uc_order_act button{background:#FF8F63;width:163px;height:49px;text-align:center;line-height:49px;color:#FFFFFF;font-size:20px;border-radius:5px;}
.uc_order .list li .uc_order_act a{display:block;color:#009BFF;font-size:18px;text-decoration:underline;text-align:center;padding-top:10px;}
.uc_order .list li .uc_order_act p{text-align:center;padding-top:50px;color:#666666;font-size:18px;}

.uc_account{padding:25px;}
.uc_account .account_info{background:#FAFAFA;border:1px solid #DCE1E4;padding:55px 30px;margin-bottom:25px;}
.uc_account .account_info .item{position:relative;}
.uc_account .account_info .item span{float:left;color:#666666;font-size:14px;}
.uc_account .account_info .item b{position:relative;font-size:50px;color:#FF8563;position:absolute;top:-25px;}
.uc_account button{height:70px;background:#FF8F63;color:#fff;text-align:center;line-height:70px;width:100%;font-size:28px;}
.uc_account .uc_pay_nothing{background:url(../images/ucenter/pay_list_nothing.jpg) no-repeat center center;min-height:600px;}

.uc_confirm_order{}
.uc_confirm_order .course_desc{background:#fff;padding:30px 25px;}
.uc_confirm_order .course_desc .img{width:166px;float:left;margin-right:30px;height:64px;overflow:hidden;}
.uc_confirm_order .course_desc h3{color:#303332;font-size:22px;}
.uc_confirm_order .course_desc h4{font-size:16px;color:#666666;padding-top:10px;}
.uc_confirm_order .uc_confirm_order_price{padding-top:25px;}
.uc_confirm_order .uc_confirm_order_price .select select{position:absolute;right:25px;padding-right:100px;color:#FF8E63;}
.uc_confirm_order .uc_confirm_order_price .select{position:relative;}
.uc_confirm_order .uc_confirm_order_price .select:after{content:' ';background:url("../images/ucenter/select_down.png");position:absolute;right:30px;color:#FF8F63;font-size:60px;width:36px;height:19px;top:50%;margin-top:-9px;}
.uc_confirm_order .uc_confirm_order_price li{background:#fff;padding:25px;color:#666666;font-size:26px;margin-bottom:25px;}
.uc_confirm_order .uc_confirm_order_price li span{float:right;color:#FE526C;font-size:24px;}
.uc_confirm_order .uc_confirm_order_price li span sup{font-size:14px;}
.uc_confirm_order h5{color:#666666;padding:30px 25px;font-size:18px;}
.uc_confirm_order .order_pay_type{background:#fff;padding:0 20px;}
.uc_confirm_order .order_pay_type label{border-bottom:1px solid #E6E6E6;padding:30px;display:block;font-size:22px;color:#666666;position:relative;}
.uc_confirm_order .order_pay_type label .icon{width:120px;float:left;padding-top:10px;}
.uc_confirm_order .order_pay_type label p{font-size:16px;color:#666666;}
.uc_confirm_order .order_pay_type label input{appearance: none;-webkit-appearance: none;position:absolute;right:25px;top:35px;width:37px;height:37px;}
.uc_confirm_order .order_pay_type label input:after { display: block; content: " "; width:37px;height:37px;border:1px solid #FF8F63;border-radius:50%;position:absolute;right:0px;top:0px; }
.uc_confirm_order .order_pay_type label input:checked:after {background:url(../images/ucenter/input-ok.png) center center no-repeat #FF8F63;border: 1px solid #FF8F63;}
.uc_confirm_order_foot{background:#fff;padding:0px 0px 0px 25px;}
.uc_confirm_order_foot p{width:70%;height:99px;line-height:99px;float:left;text-align:center;font-size:22px;color:#666666;}
.uc_confirm_order_foot p span{color:#FE526C;font-size:24px;padding-left:20px;font-weight:bold;}
.uc_confirm_order_foot p span sup{font-size:14px;}
.uc_confirm_order_foot button{color:#FFFFFF;font-size:32px;line-height:99px;height:99px;width:30%;float:right;background:#FF8F63;}
.uc_order_pay_type_foot button{color:#FFFFFF;font-size:32px;line-height:99px;height:99px;width:100%;float:right;background:#FF8F63;}

.reg{padding:25px;}
.reg form{padding:30px 0px;}
.reg form label{height:86px;border-radius:60px;background:#EEEEEE;margin-bottom:30px;display:block;width:100%;padding:0px 30px 0 80px;position:relative;}
.reg form label:before{position:absolute;left:30px;top:30px;}
.reg form label.phone:before{background:url(../images/ucenter/reg_icon.png) no-repeat center top;width:33px;height:28px;content:" ";display:block;}
.reg form label.pwd:before{background:url(../images/ucenter/reg_icon.png) no-repeat center -116px;width:33px;height:28px;content:" ";display:block;}
.reg form label.repwd:before{background:url(../images/ucenter/reg_icon.png) no-repeat center -233px;width:33px;height:28px;content:" ";display:block;}
.reg form label.code:before{background:url(../images/ucenter/reg_icon.png) no-repeat center -349px;width:33px;height:28px;content:" ";display:block;}
.reg form label.code{width:366px;float:left;}
.reg form .get_code{width:206px;float:right;height:86px;border-radius:60px;background:#FF8F63;color:#FFFFFF;font-size:20px;line-height:86px;text-align:center;}
.reg form label input{height:86px;height:86px;color:#838383;font-size:22px;width:100%;}
.reg form .provision{border-radius:60px;background:#EEEEEE;height:55px;font-size:18px;color:#444444;line-height:55px;text-align:center;margin-top:110px;}
.reg form .provision input{width:25px;height:25px;position:relative;top:-15px;margin-right:20px;}
.reg form .provision a{display:inline-block;font-size:18px;color:#F8855E;}
.reg form .btn{width:100%;height:109px;text-align:center;line-height:109px;color:#fff;font-size:38px;background:#FF8F63;border-radius:60px;margin-top:25px;}
.reg form .tips{color:#79796A;font-size:22px;padding:20px 20px;}
.reg form .tips .reg_btn{color:#79796A;font-size:22px;display:inline-block;}
.reg form .tips .forget_btn{color:#F8855E;font-size:22px;float:right;}