body{background-color: #eeeff4;}
/* banner*/
.center{width: 100%; height:332px; background: url(http://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{float: left;}
.center .center-cen .center-right ul li{float: left; width: 122px; text-align: center;}
.center .center-cen .center-right ul li p:nth-of-type(1){color: #efefef; font-size: 21px;}
.center .center-cen .center-right ul li p:nth-of-type(2){color: #d0d0d0; font-size: 16px; margin-top: 10px;}
.center .center-cen .center-right ul .line{width: 1px;height: 33px;background-color: #acb3bc; margin-top: 13px;}
/* 签到 */
.center .center-cen .center-right .qiandao{float: left; position: relative;}
.center .center-cen .center-right .qiandao p{ cursor: pointer; display:block; position: relative; font-size: 16px; letter-spacing: 1px; width: 150px;height: 38px; color: #d3a45e; border: 1px solid #d3a45e; line-height: 38px; text-align: center; border-radius: 19px;}
.center .center-cen .center-right .qiandao p .qiandaole_img{ width: 19px; height: 21px; position: absolute; top:1px;left: 23px; padding-top: 8px; vertical-align: sub; /*background: url(http://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png)-370px -374px*/}
.center .center-cen .center-right .qiandao p .qiandaole_img1{ width: 19px; height: 21px; position: absolute; top:10px;left: 35px; padding-top: 8px; vertical-align: sub; background: url(http://finsyssak.oss-cn-beijing.aliyuncs.com/ask/iconfont/iconfont.png)-370px -407px}
.center .center-cen .center-right .qiandao p span{ padding-left: 25px;}
/* .center .center-cen .center-right .qiandao p i{display: inline-block; width: 19px; height: 21px; background: url(../images/center-images/pic-qd.png) no-repeat; background-size: 19px 21px; background-position:center; margin-right: 5px;} */
.center .center-cen .center-right .qiandao .qd-txt{display:block; text-align: center; letter-spacing: 1px;color: #ffffff; font-size: 15px; margin-top: 5px; }
.center .center-cen .center-right .qiandao p:hover{ background-color:#d3a45e; color:#fff;}
/* .center .center-cen .center-right .qiandao p:hover i{display: inline-block; width: 19px; height: 21px; background: url(../images/center-images/pic-qd-act.png) no-repeat; background-size: 19px 21px; background-position:center; margin-right: 5px;} */
.center .center-cen .center-right .qiandao .qd-jf{display: none; color: #d3a45e; font-size: 12px; letter-spacing: 1px; position: absolute; top: -25px; right: -10px;}
.addsele{display: inline-block; width: 19px; height: 21px; background: url(../images/center-images/pic-qd-act.png) no-repeat; background-size: 19px 21px; background-position:center; margin-right: 5px;}

/* 内容 */
.content{width: 1200px; height: 1341px; margin:0 auto; margin-top: -107px;}
/* 左边 */
.content .content-left{float: left; width: 260px; height: 1341px; 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 ul .p{ margin: 0 0 20px 57px;}
.content .content-left .content-mine ul a {display: inline-block; width:260px; height: 40px;  color: #666666;}
.content .content-left .content-mine ul a li{width: 260px; height: 40px; line-height: 40px;}
.content .content-left .content-mine ul a li img{float: left; width: 22px; height: 21px; display: inline-block; margin-top: 9.5px; margin-left: 57px;}
.content .content-left .content-mine ul a li span{float: left; letter-spacing: 1px; font-size: 21px; margin-left: 12px;}
/* 右边 */
.content .content-right{float: left; width: 940px; padding-bottom: 40px; background-color: #ffffff;}
.content .content-right .content-right-tit{padding-top: 34px; margin-left: 42px;}
.content .content-right .content-right-tit p{letter-spacing: 1px;color: #191919;font-size: 22px;}
/* 选择 */
.content .content-right .content-right-select{width: 874px;height: 45px; cursor: pointer; line-height: 45px; background-color: #f5f5f5;border-radius: 22px;  margin: 24px 0 0px 33px;}
.content .content-right .content-right-select span{letter-spacing: 1px;color: #333333; font-size: 18px; margin: 0 0 0 15px;}
/* 内容部分*/
.content .content-right .content-wenda{width: 834px; margin: auto;}
.content .content-right .content-wenda .content-wd{width: 834px; padding: 20px 0; border-bottom: 1px solid #e4e8eb;}
.content .content-right .content-wenda .content-wd .content-wd-top{width: 834px;}
.content .content-right .content-wenda .content-wd .content-wd-top .content-wd-top-l{float: left; width: 25px;}
.content .content-right .content-wenda .content-wd .content-wd-top .content-wd-top-l img{width: 25px; height: 25px;}
.content .content-right .content-wenda .content-wd .content-wd-top .content-wd-top-r{float: left; width: 761px; margin-left: 8px;}
.content .content-right .content-wenda .content-wd .content-wd-top .content-wd-top-r p:nth-of-type(1){letter-spacing: 1px;color: #191919; font-size: 16px; margin-top: 3px;}
.content .content-right .content-wenda .content-wd .content-wd-top .content-wd-top-r p:nth-of-type(2){color: #999999; font-size: 16px; margin-top: 10px;}
.content .content-right .content-wenda .content-wd .content-wd-bot{width: 761px; position: relative; background-color: #f7f7f7; margin:auto; margin-top: 16px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer{padding-top: 16px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-l{float: left; width: 60px; height: 60px; border-radius: 50%;  margin-left: 14px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-l img{width: 60px; height: 60px; border-radius: 50%;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r{float: right; width: 660px;   margin: 0 13px 15px 0;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(1) .a{color: #d3a45e; letter-spacing: 1px; font-size: 16px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(1) .b{color: #c0c0c0; font-size: 16px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(1) .c{float: right; cursor: pointer;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(1) .c img{float: left; width: 16px; height: 16px; }
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(1) .c i{letter-spacing: 1px; float: left; margin: 0 5px;color: #446cb3; font-size: 15px; font-style: normal;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(2){margin-top: 13px; letter-spacing: 1px;color: #838383; font-size: 16px; line-height: 24px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(3){margin-top: 13px; float: right; cursor: pointer;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(3) .e{float: left;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(3) .e img{
    float: left; width: 17px; height: 16px; margin: 5px 5px 0 5px; 
}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer .content-wd-bot-r p:nth-of-type(3) .e i{float: left; color: #ff7745; font-size: 16px; font-style: normal;}
/* 折叠部分 */
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans{padding-top: 16px; display: none;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-l{float: left; width: 60px; height: 60px; border-radius: 50%;  margin-left: 14px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-l img{width: 60px; height: 60px; border-radius: 50%;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r{float: right; width: 660px;   margin: 0 13px 15px 0;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(1) .a{color: #d3a45e; letter-spacing: 1px; font-size: 19px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(1) .b{color: #c0c0c0; font-size: 16px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(1) .c{float: right; cursor: pointer;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(1) .c img{float: left; width: 16px; height: 16px; }
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(1) .c i{letter-spacing: 1px; float: left; margin: 0 5px;color: #446cb3; font-size: 15px; font-style: normal;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(2){margin-top: 13px; letter-spacing: 1px;color: #838383; font-size: 16px; line-height: 24px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(3){margin-top: 13px; float: right; cursor: pointer;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(3) .e{float: left;}
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(3) .e img{float: left; width: 17px; height: 16px; margin: 2px 5px; }
.content .content-right .content-wenda .content-wd .content-wd-bot .content-answer-ans .content-wd-bot-r p:nth-of-type(3) .e i{float: left; color: #ff7745; font-size: 16px; font-style: normal;}



.content .content-right .content-wenda .content-wd .content-wd-bot .com-answer-huifu{text-align: center;  padding: 13px; cursor: pointer;}
.content .content-right .content-wenda .content-wd .content-wd-bot .com-answer-huifu p{color: #b8b8b8; letter-spacing: 2px; font-size: 16px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .com-jtup{position: absolute; top: -16px; left: 30px;}
/* 回复框 */
.content .content-right .content-wenda .content-wd .content-wd-bot .hf-area{margin-top: 10px; display: none;}
.content .content-right .content-wenda .content-wd .content-wd-bot .hf-area input{ width: 650px;  height: 42px;border-radius: 4px;border: solid 1px #dddddd; color: #bcbcbc; font-size: 15px; padding-left: 5px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .hf-area .hf-tijiao{float: right; cursor: pointer; width: 100px;height: 40px;background-color: #d3a45e;border-radius: 4px; margin-top: 14px;  text-align: center; line-height: 40px;}
.content .content-right .content-wenda .content-wd .content-wd-bot .hf-area .hf-tijiao p{letter-spacing: 3px; font-size: 18px; color: #ffffff;}

/* 分页 */
.content .content-right .content-wenda .paging{ width: 540px;height: 40px; margin:auto;}
.content .content-right .content-wenda .paging ul{margin-top: 40px;}
.content .content-right .content-wenda .paging ul  li { float: left; text-align: center; line-height: 40px;
 width: 40px; height: 40px; margin: 0 8px; border-radius: 50%; border: solid 1px #e9e9e9;}
.content .content-right .content-wenda .paging .paging-top ul.pagination li:nth-of-type(1){font-size: 13px;}
.content .content-right .content-wenda .paging .paging-top ul.pagination li:nth-last-of-type(1){font-size: 13px;}
.content .content-right .content-wenda .paging  ul  li{text-decoration: none;color: #999999;font-size: 16px; }
.content .content-right .content-wenda .paging  ul  li a{color: #999999;}
.content .content-right .content-wenda .paging  ul  li.active{border:1px solid #ff7745;border-radius: 50%;}
.content .content-right .content-wenda .paging  ul  li.active a{color: #ff7745;}
.content .content-right .content-wenda .paging  ul  li:hover:not(.active) {background-color: #ddd;}