body{background-color: #eeeff4;}
/* banner*/
.center{width: 100%; height:332px; background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/pic-center-bg.jpg) no-repeat; background-size: 100% 332px;}
.center .center-cen{width: 1200px; margin: auto; padding-top: 57px;}
/* 左边 */
.center .center-cen .center-left{float: left; margin-left: 40px;}
.center .center-cen .center-left .center-left-head{position: relative; float: left; width: 122px; height: 122px; border: 3px solid #ffffff; border-radius: 50%; overflow: hidden;}
.center .center-cen .center-left .center-left-head .img{border-radius: 50%; width: 100%;}
.center .center-cen .center-left .center-left-head .center-left-vip{position: absolute; bottom: 0; left: 18px; width: 96px; height: 27px;}
.center .center-cen .center-left .center-left-name{float: left; margin-left: 30px;}
/* .center .center-cen .center-left .center-left-name p:nth-of-type(1){color: #ffffff; font-size: 24px; margin-top: 15px;}
.center .center-cen .center-left .center-left-name p:nth-of-type(2){color: #cccccc; font-size: 16px; margin-top: 13px;}
.center .center-cen .center-left .center-left-name p:nth-of-type(3){width: 116px;height: 30px; cursor: pointer; text-align: center; margin-top: 13px; line-height: 30px; background-color: #ff8d01;border-radius: 4px; display: inline-block;}
.center .center-cen .center-left .center-left-name p:nth-of-type(3) span{color: #ffffff; font-size: 16px;} */
/* 右边 */
.center .center-cen .center-right{float: right; margin-top: 42px;}
.center .center-cen .center-right ul li{float: left; width: 169px; text-align: center;}
.center .center-cen .center-right ul li p:nth-of-type(1){color: #efefef; font-size: 26px;}
.center .center-cen .center-right ul li p:nth-of-type(2){color: #d0d0d0; font-size: 18px; margin-top: 10px;}
.center .center-cen .center-right ul .line{width: 1px;height: 33px;background-color: #acb3bc; margin-top: 13px;}

/* 内容 */
.content{width: 1200px; height: 1505px; margin:0 auto; margin-top: -107px;}
/* 左边 */
.content .content-left{float: left; width: 260px; height: 1505px; background-color: #e8e8ef;}
.choose{width: 260px;height: 40px; line-height: 40px; background-color: #d3a45e;}
.red{color: #ffffff;}
/* 我的课程 */
.content .content-left .content-mine{padding-top: 56px;}
.content .content-left .content-mine  .p{ margin: 0 0 20px 57px;}
.content .content-left .content-mine  a {display: inline-block; width:260px; height: 40px;  color: #666666;}
.content .content-left .content-mine  a li{width: 260px; height: 40px; line-height: 40px;}
.content .content-left .content-mine  a li img{float: left; width: 22px; height: 21px; display: inline-block; margin-top: 9.5px; margin-left: 57px;}
.content .content-left .content-mine a li span{float: left; letter-spacing: 1px; font-size: 21px; margin-left: 12px;}
/* 右边 */
.content .content-right{float: left; width: 940px; height: 1505px; background-color: #ffffff;}
.content .content-right .content-right-tit{padding-top: 34px; margin-left: 42px;}
.content .content-right .content-right-tit p span:nth-of-type(1){letter-spacing: 1px;color: #191919;font-size: 32px; height: 32px; line-height: 32px; float: left;}
.content .content-right .content-right-tit p span:nth-of-type(2){display: inline-block;   float: left; margin-left: 5px; width: 43px; height:26px; line-height: 18px; background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png) no-repeat -371px -471px; }
.content .content-right .content-right-tit p span:nth-of-type(2) i{font-size: 18px; color: #ffffff; font-style: normal; padding-left: 17px;}
/* 图片展示 */
.content .content-right .content-right-img{width: 863px; height: 255px; margin-top:26px; margin-left: 39px; }
.content .content-right .content-right-img img{width: 863px; height: 255px;}
.content .content-right .content-right-text{text-align: center; margin-top: 50px;}
.content .content-right .content-right-text p{font-size: 21px; color: #666666; letter-spacing: 1px;}
/* 邀请好友 */
.content .content-right .content-right-invite{width: 804px;height: 949px; background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/imgs/pic-center-zcbg.jpg) no-repeat; background-size: 804px 949px; margin-top: 28px; margin-left: 68px;}
.content .content-right .content-right-invite .content-invite-tit{padding-top: 186px; text-align: center;}
.content .content-right .content-right-invite .content-invite-tit p{letter-spacing: 1px;color: #333333; font-size: 24px;}
.content .content-right .content-right-invite .content-invite-share{ margin:32px auto; width: 425px;position: relative;}
.content .content-right .content-right-invite .content-invite-share ul a{display: inline-block; width: 87px; float: left;}
.content .content-right .content-right-invite .content-invite-share ul a li{float: left; width: 87px; text-align: center; }
.content .content-right .content-right-invite .content-invite-share ul a:nth-of-type(2){margin:0 24px;}
.content .content-right .content-right-invite .content-invite-share ul a:nth-of-type(3){margin-right: 24px;}



.content .content-right .content-right-invite .content-invite-share ul a li i{width: 87px; height: 87px;display: inline-block}
.content .content-right .content-right-invite .content-invite-share ul a:nth-of-type(1)  li i {
    background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png) no-repeat -95px -462px;
}
.content .content-right .content-right-invite .content-invite-share ul a:nth-of-type(2) li i {
    background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png) no-repeat -183px -462px;
}
.content .content-right .content-right-invite .content-invite-share ul a:nth-of-type(3) li i {
    background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png) no-repeat 0 -462px;
}
.content .content-right .content-right-invite .content-invite-share ul a:nth-of-type(4) li i {
    background: url(https://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png) no-repeat -275px -462px;
}

.content .content-right .content-right-invite .content-invite-share ul a li P{color: #333333; font-size: 16px; margin-top: 8px;}
/* 复制链接 */
.content .content-right .content-right-invite .content-invite-fz{margin-top: 67px; }
.content .content-right .content-right-invite .content-invite-fz .content-fz-tit{text-align: center;}
.content .content-right .content-right-invite .content-invite-fz .content-fz-tit p{color: #333333; font-size: 24px; letter-spacing: 1px;}
.content .content-right .content-right-invite .content-invite-fz .content-fz-inp{width: 423px; margin: 32px auto;}
.content .content-right .content-right-invite .content-invite-fz .content-fz-inp input{	width: 423px;padding: 0 10px;height: 44px;border-radius: 3px; border: none; border: solid 1px #c1c1c1; color: #c1c1c1; font-size: 16px;}
.content .content-right .content-right-invite .content-invite-fz .content-fz-inp input:focus{outline: none;}
.content .content-right .content-right-invite .content-invite-fz .content-fz-inp button{border: none; width: 140px;height: 40px;background-color: #fad7ba;border-radius: 6px;border: solid 1px #ec6c00; color: #ec6c00; font-size: 18px; margin-top: 38px; margin-left: 141px; }
/* 邀请记录 */
.content .content-right .content-right-invite .content-invite-jl{margin-top: 196px; width: 462px;height: 101px; text-align: center; line-height: 101px; margin-left: 171px; cursor: pointer; background-image: linear-gradient(180deg, #ffe07e 0%, #ffa730 100%); box-shadow: 0px 9px 18px 1px rgba(180, 136, 87, 0.47);border-radius: 50px;}
.content .content-right .content-right-invite .content-invite-jl p{color: #e23446; font-size: 29px; letter-spacing: 1px;}
#share_pic{
    right: 70px;
    bottom: 125px;
}