.listbody{ width:100%; height:101%; background-color:#F2F2F2; }
.resbody{ width:100%; background-color:#F2F2F2; }

#myMain{ margin:auto; width:1098px; height:auto; text-align:left; margin-top:20px; border:1px #DDD solid; background-color:#FFF; font-size:14px;overflow:hidden; }
#floatTips{ z-index:50;position: fixed;right:10px;top:100px; }

/* 左侧 简历内容 */
.myLeft{ float:left;width:900px; height:auto; padding-bottom:10px; border-right:1px #EEE solid; }
.myLeft .date{ float:left;width:860px; height:40px;border-bottom:1px #F1F1F1 solid; color:#BBB; font-size:12px; padding:0px 20px; }
.myLeft .date b{ float:left;width:460px; line-height:40px; font-weight:normal; }
.myLeft .date p{ float:left;width:400px; line-height:40px; text-align:right; }

.myLeft .tits{ float:left;width:840px; height:40px; line-height:40px; padding-left:30px; font-size:18px; color:#666; }
.myLeft .divs{ float:left;width:860px; height:auto; margin:0px 20px; margin-top:20px;border-top:1px #EEE solid; }

/* 两列列表 */
.myLeft .twolist{ float:left;width:860px; height:auto; }
.myLeft .twolist li{ float:left;width:400px; height:auto; line-height:30px; }
.myLeft .twolist li b{ float:left;width:80px;line-height:30px; color:#999; font-weight:normal; }
.myLeft .twolist li p{ float:left;width:320px;line-height:30px; color:#333; }
.myLeft .twolist li p em{ float:left;width:100%;line-height:30px; font-style:normal; }

/* 一列列表 */
.myLeft .onelist{ float:left;width:840px; height:auto; }
.myLeft .onelist dt{ float:left;width:80px; height:auto; line-height:30px; color:#999; }
.myLeft .onelist dd{ float:left;width:760px; height:auto; line-height:30px; }

/* 一列显示 */
.myLeft .oneview{ float:left;width:860px; height:auto;}
.myLeft .oneview ul{ float:left;width:860px; height:auto; border-bottom:0px #EEE dashed;background: url(../image/line11.png) 125px 5px no-repeat; padding:5px 0px; }
.myLeft .oneview ul:last-child{border-bottom:0;}
.myLeft .oneview ul .li1{ float:left;width:160px; line-height:30px;color:#999; }
.myLeft .oneview ul .li2{ float:left;width:700px; line-height:30px; }
.myLeft .oneview ul .li2 b{ float:left;width:100%; line-height:30px; color:#288ADD; font-weight:normal; }
.myLeft .oneview ul .li2 b i{ font-style:normal; color:#CCC; margin:0px 10px; }
.myLeft .oneview ul .li2 p{ float:left;width:100%; line-height:25px; color:#999;}
.myLeft .oneview ul .li2 p em{ font-style:normal; font-weight:bold; }
.myLeft .oneview ul .li2 p i{ font-style:normal; color:#CCC; margin:0px 10px; }

/* 两列显示 */
.myLeft .twoview{ float:left;width:860px; height:auto;}
.myLeft .twoview ul{ float:left;width:430px; height:auto; border-bottom:0px #EEE dashed;background: url(../image/line11.png) 125px 5px no-repeat; padding:10px 0px; }
.myLeft .twoview ul .li1{ float:left;width:140px; line-height:16px; color:#AAA; text-align:left;  }
.myLeft .twoview ul .li2{ float:left;width:270px; height:14px; line-height:14px;}
.myLeft .twoview ul .li2 span{ float:left;width:270px; height:14px; background-color:#DDD;border-radius:10px;}
.myLeft .twoview ul .li2 i{ float:left; width:auto; height:14px; background-color:#288ADD; color:#FFF; font-size:12px; text-align:left;font-style:normal;border-radius:10px; }

/* 五列显示 */
.fiveview{ float:left;width:860px; height:auto; }
.fiveview  ul{ float:left;width:160px; height:auto;border:1px #E6E6E6 solid; margin:0px 5px; }
.fiveview  ul .li1{ float:left;width:156px;height:156px;border-bottom:1px #EEE solid; text-align:center; padding-top:3px; }
.fiveview  ul .li1 img{ width:150px;height:150px; }
.fiveview  ul .li2{ float:left;width:156px;height:35px; line-height:35px;text-align:center; color:#AAA;font-size:12px;  }



/* 基本信息 */
.basic{ float:left;width:860px; height:auto; padding:0px 20px; margin-top:10px; }
.basic .left{ float:left;width:140px; height:auto;}
.basic .left img{ width:120px; height:120px; border:1px #EEE solid; }
.basic .right{ float:left;width:720px; height:auto;}
.basic .right .r1{ float:left;width:720px; height:30px; line-height:30px; font-size:18px; font-weight:bold;}
.basic .right .r1 .p0{ width:auto; line-height:18px;font-size:12px; color:#FFF; padding:0px 15px; background-image: linear-gradient(#3FCF8A,#92E5BD); border-radius:9px; margin-left:5px; margin-top:5px; font-weight:normal; }
.basic .right .r1 .p1{ width:auto; line-height:18px;font-size:12px; color:#1AC770; padding:0px 10px; border:1px #92E5BD solid; border-radius:9px; margin-left:5px; margin-top:5px; font-weight:normal; }
.basic .right .r1 .p2{ width:auto; line-height:18px;font-size:12px; color:#F9971B; padding:0px 10px; border:1px #F9971B solid; border-radius:9px; margin-left:5px; margin-top:5px; font-weight:normal; }
.basic .right .r1 .btnChat{ float:right; display:inline-block; width:75px; line-height:36px;font-size:15px; background:url(../image/chat.png) 7px center no-repeat; background-color:#FFF;color:#FF6A6A; border:1px #FF6A6A solid; padding-left:35px; cursor:pointer;border-radius:5px; margin-right:10px; font-weight:normal; }
.basic .right .r1 .btnChat:link{ color:#FF6A6A; }
.basic .right .r1 .btnChat:hover{ background-color:#FFF;color:#FF6A6A; }

.basic .right .r1 .btnExam{ float:right;display:inline-block; width:110px; line-height:28px;font-size:14px;color:#FFF; background: url(../image/exam.png) 15px 6px no-repeat; background-color:#BBB; text-indent:40px;cursor:pointer;border-radius:2px; margin-left:20px; font-weight:normal; }
.basic .right .r1 .btnExam:link{ color:#FFF; }
.basic .right .r1 .btnExam:hover{ background-color:#AAA;color:#FFF; }

.basic .right .r2{ float:left;width:720px; height:auto; line-height:30px; }
.basic .right .r2 i{ font-style:normal; color:#CCC;  margin:0px 8px;}
.basic .right .r2 em{ font-style:normal; color:#999;}

/* 联系方式 */
.basic .right .r3{ float:left;width:720px; height:35px; line-height:35px; background-color:#F7F7F7; color:#288ADD; font-size:16px; }
.basic .right .r3 span{ float:left;width:auto; height:35px; line-height:35px; margin-right:10px; }
.basic .right .r3 .mobi{ float:left;width:auto; line-height:35px; background: url(../image/mobile1.png) 0px 8px no-repeat; margin-right:30px; padding-left:16px; }
.basic .right .r3 .email{ float:left;width:auto; line-height:35px; background: url(../image/email.png) 0px 10px no-repeat; margin-right:30px; padding-left:20px; }
.basic .right .r3 .qq{ float:left;width:auto; line-height:35px; background: url(../image/qq.png) 0px 8px no-repeat; margin-right:30px; padding-left:18px; }

.basic .right .r3 a{ margin:auto;display:inline-block; width:160px; line-height:30px;font-size:14px;color:#FFF;background-color:#32C982;cursor:pointer;border-radius:2px; text-align:center;font-weight:normal; }
.basic .right .r3 a:link{ color:#FFF; }
.basic .right .r3 a:hover{ background-color:#36CD86;color:#FFF; }

/* 求职意向 */
.wish .title{ background: url(../image/res01.gif) 0px 8px no-repeat; }

/* 自我评价 */
.appraise .title{ background: url(../image/res12.gif) 0px 8px no-repeat; }

/* 教育背景 */
.educate .title{ background: url(../image/res02.gif) 0px 8px no-repeat; }

/* 工作经历 */
.work .title{ background: url(../image/res03.gif) 0px 8px no-repeat; }

/* 培训经历 */
.train .title{ background: url(../image/res04.gif) 0px 8px no-repeat; }

/* 语言能力 */
.language .title{ background: url(../image/res05.gif) 0px 8px no-repeat; }

/* 项目经验 */
.item .title{ background: url(../image/res06.gif) 0px 8px no-repeat; }

/* 技能专长 */
.skill .title{ background: url(../image/res07.gif) 0px 8px no-repeat; }

/* 我的证书 */
.cert .title{ background: url(../image/res08.gif) 0px 8px no-repeat; }

/* 我的作品 */
.picture .title{ background: url(../image/res09.gif) 0px 8px no-repeat; }

.picture .picswiper{ float:left; width:100%;height:160px; }
.picture .swiper-slide{ display: flex; width:20%; text-align:center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center; }
.picture .swiper-slide img{ width:160px; height:140px;border-radius:2px; }
.swiper-button-prev{ width:30px; height:30px;background-image:url(../image/btnprev.png); background-size:30px; }
.swiper-button-next{ width:30px; height:30px;background-image:url(../image/btnnext.png); background-size:30px; }


/* 附加信息 */
.addons .title{ background: url(../image/res10.gif) 0px 8px no-repeat; }

/* 按钮 */
.bottombtns{ float:left; width:860px; height:auto; margin-top:15px; margin-bottom:15px; text-align:center; }
.bottombtns .close{ display:inline-block; width:auto; line-height:26px;font-size:14px; background-color:#FFF;color:#00aaff; border:1px #00aaff solid; padding:0px 25px;cursor:pointer;border-radius:3px; outline:none; margin-left:10px; }
.bottombtns .close:hover{ background-color:#00aaff;color:#fff; }


/* 右侧 操作菜单 */
.myRight{ float:left;width:197px; height:auto; background-color:#F9F9F9; }
.myRight .btn1{ float:left;width:197px; height:35px; text-align:center;  margin-top:25px;}
.myRight .btn1 a{ display:inline-block; width:120px; line-height:35px;font-size:14px; background-color:#ee4e4e;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.myRight .btn1 a:link{ color:#FFF; }
.myRight .btn1 a:hover{ background-color:#EC3C3C;color:#FFF; }

.myRight .btn2{ float:left;width:197px; height:35px; text-align:center;  margin-top:25px;}
.myRight .btn2 a{ display:inline-block; width:120px; line-height:35px;font-size:14px; background-color:#00B7EE;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.myRight .btn2 a:link{ color:#FFF; }
.myRight .btn2 a:hover{ background-color:#00A2D4;color:#FFF; }

.myRight .btn3{ float:left;width:197px; height:35px; text-align:center;  margin-top:25px;}
.myRight .btn3 a{ display:inline-block; width:120px; line-height:35px;font-size:14px; background-color:#32C982;color:#FFF; text-align:center; cursor:pointer;border-radius:2px; }
.myRight .btn3 a:link{ color:#FFF; }
.myRight .btn3 a:hover{ background-color:#00B783;color:#FFF; }

/* 底部 */
#myFoot{ margin:auto; width:1100px; height:60px; line-height:60px; color:#888; }
#myFoot a{ color:#888; }


/*---- 报告页 ----*/
#comment1{  margin:auto; width:100%; height:auto; border:0px #E6E6E6 solid; padding:10px 0px; background-color:#FFF; text-align:left; overflow:hidden; }
#comment1 .title{ margin:auto;width:100%; height:50px; line-height:50px; margin:0px auto; text-align:center; font-size:17pt;font-family: "Microsoft YaHei", 微软雅黑; color:#F00;  }
#comment1 .basic{ margin:auto;width:100%; height:35px; line-height:35px; margin:0px auto;text-align:center; color:#999; border-bottom:1px #DDD solid; }

#comment1 .conte{ margin:auto;width:100%; height:auto; margin:5px auto; }
#comment1 .conte .c1{ float:left;width:100%; height:35px; line-height:35px; font-size:14pt;font-family: "Microsoft YaHei", 微软雅黑; margin-top:10px; color:#999; }
#comment1 .conte .c2{ float:left;width:100%; height:auto; line-height:35px; color:Green; border-bottom:1px #E6E6E6 dashed; }


/* 底部按钮 */
.footbg{ width:100%; height:45px;z-index:999;margin-right:0px;margin-bottom:0px; text-align:center;font-size:16px; }
.footbg .conte{ margin:auto; width:100%;  height:80px; }
.footbg .conte a{ margin:0px 10px; }
.footbg .conte .down{ display:inline-block; width:140px; line-height:45px;background-color:#ee4e4e;color:#fff;background: url(../image/down.png) 135px center no-repeat; text-align:left; padding-left:30px;cursor:pointer;border-radius:3px; }
.footbg .conte .down:link{ background-color:#ee4e4e;color:#fff; }
.footbg .conte .down:hover{ background-color:#ee4e4e;color:#fff; }

.btnlist{ position:fixed;z-index:99;bottom:0; left:0; width:100%; height:35px; padding:10px 0px; background:url(../image/tm.png) 0px 0px repeat;text-align:center; }
.btnlist .cls{ display:inline-block; width:auto; line-height:35px;font-size:16px; color:#fff; background-color:#e14e4e; padding:0px 25px; margin-right:20px;cursor:pointer; border-radius:5px;border:none;outline:none; }
.btnlist .cls:hover{ color: #fff;background-color:#e13e3e; }
.btnlist .selected{ display:inline-block; width:auto; line-height:35px; font-size:16px; color:#fff; }
.btnlist .selected i{ color:#ff0; font-style:normal; margin:0px 3px; font-size:18px; }