@ -0,0 +1,29 @@
|
|||||||
|
package com.tamguo.web.member;
|
||||||
|
|
||||||
|
import javax.servlet.http.HttpServletRequest;
|
||||||
|
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.stereotype.Controller;
|
||||||
|
import org.springframework.web.bind.annotation.RequestMapping;
|
||||||
|
import org.springframework.web.servlet.ModelAndView;
|
||||||
|
|
||||||
|
import com.tamguo.modules.member.model.MemberEntity;
|
||||||
|
import com.tamguo.modules.member.service.IMemberService;
|
||||||
|
|
||||||
|
@Controller
|
||||||
|
@RequestMapping(value="member")
|
||||||
|
public class MemberController {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
IMemberService iMemberService;
|
||||||
|
|
||||||
|
@RequestMapping("index.html")
|
||||||
|
public ModelAndView index(HttpServletRequest request , ModelAndView model) {
|
||||||
|
model.setViewName("member/index");
|
||||||
|
MemberEntity currMember = (MemberEntity) request.getSession().getAttribute("currMember");
|
||||||
|
MemberEntity member = iMemberService.selectById(currMember.getId());
|
||||||
|
model.addObject("member", member);
|
||||||
|
return model;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,287 @@
|
|||||||
|
body {
|
||||||
|
font-family: "Microsoft Yahei";
|
||||||
|
color: #333;
|
||||||
|
background: #f5f5f6;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
position: relative;
|
||||||
|
height: auto;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
.cnav {
|
||||||
|
height: 98px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #826a6a;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
left: 50px;
|
||||||
|
height: 98px;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.cnav_left {
|
||||||
|
float: left;
|
||||||
|
width: 162px;
|
||||||
|
height: 54px;
|
||||||
|
margin: 22px 0 0 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 54px;
|
||||||
|
background: url(../../images/member/index/top-kaos.png) no-repeat;
|
||||||
|
padding-left: 55px;
|
||||||
|
}
|
||||||
|
.cnav_right {
|
||||||
|
float: left;
|
||||||
|
width: 720px;
|
||||||
|
height: 5px;
|
||||||
|
background: url(../../images/member/index/project-cnav.png) repeat-x;
|
||||||
|
margin: 47px 0 0 0;
|
||||||
|
}
|
||||||
|
.cnav_right ul {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 230px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li {
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 12px;
|
||||||
|
margin-left: 32px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li .Cnav_t {
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -54px 0;
|
||||||
|
width: 37px;
|
||||||
|
height: 37px;
|
||||||
|
line-height: 37px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.cnav_right ul li span {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 27px;
|
||||||
|
height: 27px;
|
||||||
|
color: #29bdb9;
|
||||||
|
display: block;
|
||||||
|
margin: 5px auto 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 27px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -26px 0;
|
||||||
|
}
|
||||||
|
.acm-container {
|
||||||
|
padding-bottom: 200px;
|
||||||
|
}
|
||||||
|
.contentBox {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.info-cnt {
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.contentBox .navLeft {
|
||||||
|
float: left;
|
||||||
|
display: inline-block;
|
||||||
|
width: 16.4%;
|
||||||
|
background: rgb(41,186,185);
|
||||||
|
}
|
||||||
|
.contentBox .navLeft dl dt {
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
background: rgb(37,172,169);
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: white;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.contentBox .newsRight {
|
||||||
|
float: left;
|
||||||
|
display: inline-block;
|
||||||
|
width: 83%;
|
||||||
|
background: white;
|
||||||
|
min-height: 279px;
|
||||||
|
}
|
||||||
|
.info-rBox {
|
||||||
|
padding-left: 76px;
|
||||||
|
}
|
||||||
|
.info-rBox {
|
||||||
|
padding-bottom: 40px!important;
|
||||||
|
}
|
||||||
|
.info-rBox {
|
||||||
|
padding-left: 80px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.user_list {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.user_list {
|
||||||
|
padding: 20px 0px;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 550px;
|
||||||
|
}
|
||||||
|
.info-table {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 28px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.info-label {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.info-label span {
|
||||||
|
position: absolute;
|
||||||
|
left: -15px;
|
||||||
|
top: 0px;
|
||||||
|
color: #ff5a00;
|
||||||
|
}
|
||||||
|
a.btn_ok {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 0 2em;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0px;
|
||||||
|
background: #29bdb9;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 28px;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.acphoto {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
/* padding: 0 2em; */
|
||||||
|
border: none;
|
||||||
|
border-radius: 80px;
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
background: #eee;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 28px;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.mybtn {
|
||||||
|
float: left;
|
||||||
|
margin-left: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.up_photo {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 0 2em;
|
||||||
|
/* border: none; */
|
||||||
|
border: 1px solid #29bdb9;
|
||||||
|
border-radius: 0px;
|
||||||
|
background: #29bdb9;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 28px;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.up_photo {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 0 2em;
|
||||||
|
/* border: none; */
|
||||||
|
border: 1px solid #29bdb9;
|
||||||
|
border-radius: 0px;
|
||||||
|
background: #29bdb9;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 28px;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
input, textarea {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 0;
|
||||||
|
font: 12px/1.5 Microsoft Yahei, verdana;
|
||||||
|
}
|
||||||
|
.cvcadd-text {
|
||||||
|
height: 40px;
|
||||||
|
border: 1px solid #d4d7db;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0px 12px;
|
||||||
|
width: 311px;
|
||||||
|
}
|
||||||
|
.cvcadd-text {
|
||||||
|
position: relative;
|
||||||
|
top: 10px;
|
||||||
|
}
|
||||||
|
.contentBox .navLeft dl dd {
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.activeDd {
|
||||||
|
background: #52cdc8;
|
||||||
|
}
|
||||||
|
.navLeft dl dd i {
|
||||||
|
width: 17px;
|
||||||
|
height: 14px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(../../images/member/account/icon-erro.png) no-repeat;
|
||||||
|
margin: 0px 4px;
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
height: 173px;
|
||||||
|
background: #838485;
|
||||||
|
margin-top: 37px;
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.footer-left {
|
||||||
|
width: 794px;
|
||||||
|
float: left;
|
||||||
|
padding-left: ;
|
||||||
|
padding-top: 35px;
|
||||||
|
}
|
||||||
|
.footer-logo {
|
||||||
|
float: left;
|
||||||
|
padding: 0px 0px 0px 0px;
|
||||||
|
width: 208px;
|
||||||
|
}
|
||||||
|
.footer-txt {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer-txt a {
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.footer-right table {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
@ -0,0 +1,615 @@
|
|||||||
|
.banner_list {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.cnav {
|
||||||
|
height: 98px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #5a4040;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.public.cnav_b {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
width: 930px!important;
|
||||||
|
}
|
||||||
|
.cnav_left {
|
||||||
|
float: left;
|
||||||
|
width: 162px;
|
||||||
|
height: 54px;
|
||||||
|
margin: 22px 0 0 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 54px;
|
||||||
|
background: url(../../images/member/index/top-kaos.png) no-repeat;
|
||||||
|
padding-left: 55px;
|
||||||
|
}
|
||||||
|
.banner_list .cnav_right {
|
||||||
|
width: 660px;
|
||||||
|
}
|
||||||
|
.cnav_right {
|
||||||
|
float: left;
|
||||||
|
width: 583px;
|
||||||
|
height: 5px;
|
||||||
|
background: url(../../images/member/index/project-cnav.png) repeat-x;
|
||||||
|
margin: 47px 0 0 0;
|
||||||
|
}
|
||||||
|
.cnav_right ul {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 230px;
|
||||||
|
}
|
||||||
|
.banner_list .cnav_right ul li {
|
||||||
|
width: 105px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li {
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 12px;
|
||||||
|
margin-left: 32px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li span {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 27px;
|
||||||
|
height: 27px;
|
||||||
|
color: #29bdb9;
|
||||||
|
display: block;
|
||||||
|
margin: 5px auto 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 27px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -26px 0;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
min-height: 560px;
|
||||||
|
background-color: #f8f9fb;
|
||||||
|
}
|
||||||
|
.test_public {
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
.test_public {
|
||||||
|
width: 1100px;
|
||||||
|
min-height: 233px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
|
||||||
|
}
|
||||||
|
.test_public .topbt {
|
||||||
|
height: 47px;
|
||||||
|
}
|
||||||
|
.topbt-2 {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
.topbt-2 {
|
||||||
|
margin-top: 7px;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
border-bottom: 1px solid #dadada;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.topbt {
|
||||||
|
width: 1066px;
|
||||||
|
height: 47px;
|
||||||
|
line-height: 47px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -126px 0;
|
||||||
|
margin: 0 auto 1px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.topbt h3 {
|
||||||
|
display: inline;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
.topbt h3 {
|
||||||
|
font-weight: bolder!important;
|
||||||
|
}
|
||||||
|
.pronext {
|
||||||
|
float: right;
|
||||||
|
width: 54px;
|
||||||
|
height: 26px;
|
||||||
|
margin-top: 14px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat 0 -33px;
|
||||||
|
}
|
||||||
|
.pronext a {
|
||||||
|
display: block;
|
||||||
|
width: 49px;
|
||||||
|
margin-left: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 25px;
|
||||||
|
color: #000;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sp_Tcen {
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
.sp_Tcen {
|
||||||
|
width: 85%;
|
||||||
|
min-height: : 478px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.sp_Tcb1 {
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
overflow: hidden;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-left: 79px;
|
||||||
|
margin-top: 17px;
|
||||||
|
}
|
||||||
|
.sp_Tcb1 {
|
||||||
|
font-size: 14px;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
.sp_Tcb1::before {
|
||||||
|
content: "*";
|
||||||
|
color: #ff8a00;
|
||||||
|
position: relative;
|
||||||
|
top: 0px;
|
||||||
|
left: -4px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.sp_Tcb1 span {
|
||||||
|
position: relative;
|
||||||
|
top: -5px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.container .sp_Tcb1 ul {
|
||||||
|
width: 800px;
|
||||||
|
}
|
||||||
|
.sp_Tcb1 ul {
|
||||||
|
display: inline-block;
|
||||||
|
width: 730px;
|
||||||
|
}
|
||||||
|
html body .prof_t .A_N_P_Ali {
|
||||||
|
border: 1px solid #29bdb9;
|
||||||
|
color: #29bdb9;
|
||||||
|
}
|
||||||
|
.sp_Tcb1 ul li, .sp_Tc2 ul li {
|
||||||
|
float: left;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 13px;
|
||||||
|
border: 1px solid #e4e6e9;
|
||||||
|
background: #f8f9fb;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999;
|
||||||
|
line-height: 27px;
|
||||||
|
margin-left: 9px;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.A_N_P_Ali em {
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -105px -19px;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
position: absolute;
|
||||||
|
left: calc(100% - 17px);
|
||||||
|
top: -1px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.sp_Tc21 {
|
||||||
|
height: 35px;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 14px;
|
||||||
|
padding-left: 63px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.fl {
|
||||||
|
float: left;
|
||||||
|
display: inline;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.sp_Tc21.sp_Tc6 i {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.fa {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0px 0px 0px 2px;
|
||||||
|
}
|
||||||
|
.apa_ri-t1, .apa_ri-t2, .apa_ri-t3 {
|
||||||
|
height: 32px;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 14px;
|
||||||
|
line-height: 30px;
|
||||||
|
padding-left: 18px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.apa_ri-t3 ul {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.apa_ri-t3 ul li {
|
||||||
|
width: 213px;
|
||||||
|
}
|
||||||
|
.apa_ri-t3 ul li {
|
||||||
|
float: left;
|
||||||
|
width: 500px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.apa_ri-t3 ul li input {
|
||||||
|
width: 380px;
|
||||||
|
height: 100%;
|
||||||
|
border: 1px solid #dcdfe3;
|
||||||
|
padding-left: 5px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.sp_Tc21 .dropdown {
|
||||||
|
width: 150px;
|
||||||
|
min-width: 150px;
|
||||||
|
height:32px;
|
||||||
|
}
|
||||||
|
.dropdown .selected, .dropdown li {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
.dropdown .carat {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .sp_Tcb-ti {
|
||||||
|
height: initial;
|
||||||
|
}
|
||||||
|
.sp_Tcb-ti {
|
||||||
|
height: 134px;
|
||||||
|
}
|
||||||
|
.sp_Tcb-ti {
|
||||||
|
width: 100%;
|
||||||
|
margin: 21px 0;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-left: 83px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
.sp_Tcb-ti span {
|
||||||
|
line-height: 22px;
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
margin-right: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.ueditor {
|
||||||
|
float: left;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
.danxuan {
|
||||||
|
padding-left: 75px;
|
||||||
|
font-size: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.danxuan>span {
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
.start {
|
||||||
|
color: #ff8a00;
|
||||||
|
position: relative;
|
||||||
|
top: 4px;
|
||||||
|
}
|
||||||
|
.container .danxuan .answer {
|
||||||
|
overflow: initial;
|
||||||
|
}
|
||||||
|
.danxuan .answer {
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
||||||
|
.danxuan .answer .an {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
.danxuan .answer .an input, .danxuan .answer .an .forEditor {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.editorBox .content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
float: left;
|
||||||
|
margin-left: 20px;
|
||||||
|
width: 600px;
|
||||||
|
min-height: 50px;
|
||||||
|
background: #e7e7e7;
|
||||||
|
}
|
||||||
|
div[contenteditable="true"] {
|
||||||
|
min-height: 30px;
|
||||||
|
}
|
||||||
|
.addQues-optextarea-div {
|
||||||
|
font-family: 'microsoft yahei';
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.addQues-optextarea-div {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.addQues-optextarea-div {
|
||||||
|
font-family: 'microsoft yahei';
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.editorBox .editTip {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -30px;
|
||||||
|
background: rgb(102, 102, 102);
|
||||||
|
z-index: 999;
|
||||||
|
padding: 0px 10px;
|
||||||
|
color: #2abcb8;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 28px;
|
||||||
|
padding-left: 8px;
|
||||||
|
right: 0px;
|
||||||
|
}
|
||||||
|
.editTip a {
|
||||||
|
font-size: 12px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.fa {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 0px 0px 0px 2px;
|
||||||
|
}
|
||||||
|
.clear {
|
||||||
|
clear: both;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.danxuan .add-answer {
|
||||||
|
height: 37px;
|
||||||
|
width: 285px;
|
||||||
|
display: block;
|
||||||
|
line-height: 35px;
|
||||||
|
border: 1px dashed #29bdb9;
|
||||||
|
color: #29bdb9;
|
||||||
|
text-align: center;
|
||||||
|
margin: 10px 0px;
|
||||||
|
background: #f8f9fb;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
left: 225px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
.tiankongNum .dropdown {
|
||||||
|
width: 80px;
|
||||||
|
min-width: 80px;
|
||||||
|
}
|
||||||
|
.tiankong {
|
||||||
|
padding: 0 136px;
|
||||||
|
padding-right: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tiankong .content-model div.tkDiv {
|
||||||
|
display: inline-block;
|
||||||
|
width: 49%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.tiankong>div span.text-list {
|
||||||
|
display: inline-block;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
background: #2abcb8;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tiankong .content-model div.tkDiv div.tkAns {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
float: left;
|
||||||
|
width: 240px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
font-size: 12px!important;
|
||||||
|
}
|
||||||
|
.container .des-bank>div {
|
||||||
|
width: initial;
|
||||||
|
}
|
||||||
|
.des-bank>div {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
left: -3px;
|
||||||
|
margin-bottom: 1px;
|
||||||
|
}
|
||||||
|
.sp_Tcb-ti textarea {
|
||||||
|
height: inherit;
|
||||||
|
}
|
||||||
|
.sp_Tcb-ti textarea {
|
||||||
|
height: 200px;
|
||||||
|
border: 1px solid #dfe1e4;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 721px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.container .sp_Tcb-ti {
|
||||||
|
height: initial;
|
||||||
|
}
|
||||||
|
.des-bank-2 {
|
||||||
|
margin-left: -24px;
|
||||||
|
height: 100px;
|
||||||
|
padding-top: 5px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
.diffcult {
|
||||||
|
width: 100%;
|
||||||
|
margin: 21px 0;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-left: 78px;
|
||||||
|
margin-top: -22px;
|
||||||
|
}
|
||||||
|
.diffcult>span {
|
||||||
|
margin-right: 83px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.diffcult .time-a {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
.diffcult .time-a {
|
||||||
|
width: 60px;
|
||||||
|
height: 30px;
|
||||||
|
border: 1px solid #dadada;
|
||||||
|
padding-left: 4px;
|
||||||
|
margin: 0 0px;
|
||||||
|
}
|
||||||
|
.diffcult .xing-kong {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(../../images/member/index/icon.png) no-repeat -59px -109px;
|
||||||
|
position: relative;
|
||||||
|
top: 3px;
|
||||||
|
}
|
||||||
|
.submitBtns {
|
||||||
|
padding-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.submitBtns a {
|
||||||
|
padding: 6px 40px;
|
||||||
|
background: #2abcb8;
|
||||||
|
color: white;
|
||||||
|
font-size: 16px;
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #2abcb8;
|
||||||
|
}
|
||||||
|
.duoxuan {
|
||||||
|
padding-left: 75px;
|
||||||
|
font-size: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.duoxuan>span {
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
.container .duoxuan .answer {
|
||||||
|
overflow: initial;
|
||||||
|
}
|
||||||
|
.duoxuan .answer {
|
||||||
|
overflow: hidden;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
||||||
|
.danxuan .add-answer:hover{background: #2abcb8;color: white}
|
||||||
|
.addpro-ts {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 12px;
|
||||||
|
margin-top: 2px;
|
||||||
|
left: -50px;
|
||||||
|
top: -24px;
|
||||||
|
}
|
||||||
|
.duoxuan .add-answer:hover{background: #2abcb8;color: white}
|
||||||
|
.addpro-ts {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 12px;
|
||||||
|
margin-top: 2px;
|
||||||
|
left: -50px;
|
||||||
|
top: -24px;
|
||||||
|
}
|
||||||
|
.duoxuan .add-answer {
|
||||||
|
height: 37px;
|
||||||
|
width: 285px;
|
||||||
|
display: block;
|
||||||
|
line-height: 35px;
|
||||||
|
border: 1px dashed #29bdb9;
|
||||||
|
color: #29bdb9;
|
||||||
|
text-align: center;
|
||||||
|
margin: 10px 0px;
|
||||||
|
background: #f8f9fb;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
left: 225px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
.duoxuan .add-answer:hover{background: #2abcb8;color: white}
|
||||||
|
.addpro-ts {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 12px;
|
||||||
|
margin-top: 2px;
|
||||||
|
left: -50px;
|
||||||
|
top: -24px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.addQues-close i {
|
||||||
|
display: inline-block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background: url(../../images/member/index/icon.png) -53px -200px no-repeat;
|
||||||
|
}
|
||||||
|
.addQues-close {
|
||||||
|
float: left;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.parse {
|
||||||
|
padding-left: 45px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .footer {
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
height: 173px;
|
||||||
|
background: #838485;
|
||||||
|
margin-top: 37px;
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.footer-left {
|
||||||
|
width: 794px;
|
||||||
|
float: left;
|
||||||
|
padding-left: ;
|
||||||
|
padding-top: 35px;
|
||||||
|
}
|
||||||
|
.footer-logo {
|
||||||
|
float: left;
|
||||||
|
padding: 0px 0px 0px 0px;
|
||||||
|
width: 208px;
|
||||||
|
}
|
||||||
|
.footer-txt {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer-txt a {
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.footer-right table {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
@ -0,0 +1,366 @@
|
|||||||
|
body {
|
||||||
|
font-family: "Microsoft Yahei";
|
||||||
|
color: #333;
|
||||||
|
background: #f5f5f6;
|
||||||
|
}
|
||||||
|
body .footer {
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.cnav {
|
||||||
|
height: 98px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #826a6a;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
left: 50px;
|
||||||
|
height: 98px;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.cnav_left {
|
||||||
|
float: left;
|
||||||
|
width: 162px;
|
||||||
|
height: 54px;
|
||||||
|
margin: 22px 0 0 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 54px;
|
||||||
|
background: url(../../images/member/index/top-kaos.png) no-repeat;
|
||||||
|
padding-left: 55px;
|
||||||
|
}
|
||||||
|
.cnav_right {
|
||||||
|
float: left;
|
||||||
|
width: 720px;
|
||||||
|
height: 5px;
|
||||||
|
background: url(../../images/member/index/project-cnav.png) repeat-x;
|
||||||
|
margin: 47px 0 0 0;
|
||||||
|
}
|
||||||
|
.cnav_right ul {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 230px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li {
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 12px;
|
||||||
|
margin-left: 32px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li .Cnav_t {
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -54px 0;
|
||||||
|
width: 37px;
|
||||||
|
height: 37px;
|
||||||
|
line-height: 37px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.cnav_right ul li span {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 27px;
|
||||||
|
height: 27px;
|
||||||
|
color: #29bdb9;
|
||||||
|
display: block;
|
||||||
|
margin: 5px auto 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 27px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -26px 0;
|
||||||
|
}
|
||||||
|
.test_public {
|
||||||
|
width: 1100px;
|
||||||
|
min-height: 233px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: #fff;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.test_public .topbt {
|
||||||
|
height: 47px;
|
||||||
|
}
|
||||||
|
.topbt-2 {
|
||||||
|
margin-top: 7px;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
border-bottom: 1px solid #dadada;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.topbt {
|
||||||
|
width: 1066px;
|
||||||
|
height: 47px;
|
||||||
|
line-height: 47px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -126px 0;
|
||||||
|
margin: 0 auto 1px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.topbt h3 {
|
||||||
|
display: inline;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
.topbt h3 {
|
||||||
|
font-weight: bolder!important;
|
||||||
|
}
|
||||||
|
.test_public .con_top {
|
||||||
|
height: 53px;
|
||||||
|
margin: 0 17px;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.fl {
|
||||||
|
float: left;
|
||||||
|
display: inline;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.select-n {
|
||||||
|
width: 140px;
|
||||||
|
height: 26px;
|
||||||
|
border: 1px solid #dadada;
|
||||||
|
margin-right: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
.select-t {
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 26px;
|
||||||
|
width: 26px;
|
||||||
|
background: #29bdb9 url(../../images/member/index/icon.png) no-repeat 0px -59px;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
right: -13px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
.test_public .con_top>span {
|
||||||
|
width: 130px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 34px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #ff8a00;
|
||||||
|
float: right;
|
||||||
|
margin-top: 7px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.test_public .con_top>span a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.test_public .con_top p {
|
||||||
|
width: 158px;
|
||||||
|
}
|
||||||
|
.test_public .con_top p {
|
||||||
|
width: 106px;
|
||||||
|
height: 34px;
|
||||||
|
float: right;
|
||||||
|
border: none;
|
||||||
|
margin: 7px 18px 0 0;
|
||||||
|
}
|
||||||
|
.test_public .con_top p span:first-child {
|
||||||
|
border-right: none;
|
||||||
|
background: initial;
|
||||||
|
}
|
||||||
|
.test_public .con_top p span {
|
||||||
|
float: left;
|
||||||
|
width: 52px;
|
||||||
|
height: 34px;
|
||||||
|
}
|
||||||
|
.Id-img {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
left: -160px;
|
||||||
|
top: 40px;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
.public-tab {
|
||||||
|
width: 1066px;
|
||||||
|
height: 44px;
|
||||||
|
margin: 2px auto 0;
|
||||||
|
background: #ddf9f9;
|
||||||
|
}
|
||||||
|
.public-tab tr td:nth-of-type(1) {
|
||||||
|
text-align: left;
|
||||||
|
padding-left: 45px;
|
||||||
|
}
|
||||||
|
.plist-table {
|
||||||
|
width: 1066px;
|
||||||
|
margin: 5px auto 0;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
}
|
||||||
|
.plist-ctab {
|
||||||
|
width: 1064px;
|
||||||
|
background: #F5F5F6;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
.plist-ctab tr {
|
||||||
|
height: 95px;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #F5F5F6;
|
||||||
|
}
|
||||||
|
.plist-ctab tr td {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.plist-bt {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.plist-bt span {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 19px;
|
||||||
|
height: 17px;
|
||||||
|
background: #ff8a00;
|
||||||
|
border-radius: 2px;
|
||||||
|
line-height: 13px;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 22px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 12px 12px 10px 10px;
|
||||||
|
}
|
||||||
|
.plist-bt .M {
|
||||||
|
word-break: break-all;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
max-width: 260px;
|
||||||
|
}
|
||||||
|
.plist-bt em {
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-left: 41px;
|
||||||
|
}
|
||||||
|
.plist-ctab tr td {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.plist-x span {
|
||||||
|
margin: 3px 0 0 39px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.plist-x a {
|
||||||
|
color: #29bdb9;
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
.plist-ctab a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.plist-x ul {
|
||||||
|
width: 160px;
|
||||||
|
margin-left: 42px;
|
||||||
|
}
|
||||||
|
.plist-x ul li:nth-of-type(odd) {
|
||||||
|
background: #29bdb9;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
.plist-x ul li {
|
||||||
|
width: 74px;
|
||||||
|
height: 27px;
|
||||||
|
margin-top: 6px;
|
||||||
|
border: 1px solid #29bdb9;
|
||||||
|
color: #29bdb9;
|
||||||
|
line-height: 25px;
|
||||||
|
text-align: center;
|
||||||
|
float: left;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.plist-x ul li:nth-of-type(odd) a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.plist-x ul li a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.plist-ctab2 {
|
||||||
|
width: 980px;
|
||||||
|
margin: 4px auto;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr.tr_header {
|
||||||
|
height: 44px;
|
||||||
|
background: #eaedf1;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr {
|
||||||
|
height: 60px;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr.tr_header td:nth-of-type(1) {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr.tr_header td:nth-of-type(1) span {
|
||||||
|
position: absolute;
|
||||||
|
left: -1px;
|
||||||
|
top: 0;
|
||||||
|
width: 3px;
|
||||||
|
height: 44px;
|
||||||
|
background: #6d7781;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr td:nth-of-type(2) {
|
||||||
|
text-align: left;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr td:nth-of-type(2) span {
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
max-width: 160px;
|
||||||
|
}
|
||||||
|
.plist-ctab2 tr td:nth-of-type(2) span {
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.pagination {
|
||||||
|
display: -webkit-inline-box;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
height: 173px;
|
||||||
|
background: #838485;
|
||||||
|
margin-top: 37px;
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.footer-left {
|
||||||
|
width: 794px;
|
||||||
|
float: left;
|
||||||
|
padding-left: ;
|
||||||
|
padding-top: 35px;
|
||||||
|
}
|
||||||
|
.footer-logo {
|
||||||
|
float: left;
|
||||||
|
padding: 0px 0px 0px 0px;
|
||||||
|
width: 208px;
|
||||||
|
}
|
||||||
|
.footer-txt {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer-txt a {
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.footer-right table {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
@ -0,0 +1,393 @@
|
|||||||
|
body {
|
||||||
|
font-family: "Microsoft Yahei";
|
||||||
|
color: #333;
|
||||||
|
background: #f5f5f6;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
position: relative;
|
||||||
|
height: auto;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
.cnav {
|
||||||
|
height: 98px;
|
||||||
|
width: 100%;
|
||||||
|
background-size: cover;
|
||||||
|
background-color: #826a6a;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto;
|
||||||
|
left: 50px;
|
||||||
|
height: 98px;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.cnav_left {
|
||||||
|
float: left;
|
||||||
|
width: 162px;
|
||||||
|
height: 54px;
|
||||||
|
margin: 22px 0 0 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 54px;
|
||||||
|
background: url(../../images/member/index/top-kaos.png) no-repeat;
|
||||||
|
padding-left: 55px;
|
||||||
|
}
|
||||||
|
.cnav_right {
|
||||||
|
float: left;
|
||||||
|
width: 720px;
|
||||||
|
height: 5px;
|
||||||
|
background: url(../../images/member/index/project-cnav.png) repeat-x;
|
||||||
|
margin: 47px 0 0 0;
|
||||||
|
}
|
||||||
|
.cnav_right ul {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 230px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li {
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 12px;
|
||||||
|
margin-left: 32px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li .Cnav_t {
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -54px 0;
|
||||||
|
width: 37px;
|
||||||
|
height: 37px;
|
||||||
|
line-height: 37px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.cnav_right ul li span {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 27px;
|
||||||
|
height: 27px;
|
||||||
|
color: #29bdb9;
|
||||||
|
display: block;
|
||||||
|
margin: 5px auto 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 27px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -26px 0;
|
||||||
|
}
|
||||||
|
.examContent {
|
||||||
|
background: #f5f5f6;
|
||||||
|
padding-top: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-bottom: 200px;
|
||||||
|
}
|
||||||
|
.examContent>h2 {
|
||||||
|
background: white;
|
||||||
|
text-align: center;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft, .examContent .newsR {
|
||||||
|
float: left;
|
||||||
|
padding: 10px;
|
||||||
|
background: white;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft {
|
||||||
|
width: 31%;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews {
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft h3 {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #555;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft h3 i {
|
||||||
|
width: 7px;
|
||||||
|
height: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(../../images/member/index/icon.png) no-repeat -87px -85px;
|
||||||
|
margin: 0px 4px;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews>div {
|
||||||
|
border: 1px solid white;
|
||||||
|
width: 320px;
|
||||||
|
height: 100px;
|
||||||
|
background: #f5f5f5;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100px;
|
||||||
|
margin-top: 10px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews>div span {
|
||||||
|
width: 117px;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 56px;
|
||||||
|
background: whitesmoke;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews>div .logoV img {
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
border-radius: 55px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews>div a {
|
||||||
|
display: none;
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
position: relative;
|
||||||
|
top: 30px;
|
||||||
|
left: -10px;
|
||||||
|
color: #2abcb8;
|
||||||
|
}
|
||||||
|
.fa {
|
||||||
|
display: inline-block;
|
||||||
|
font: normal normal normal 14px/1 FontAwesome;
|
||||||
|
font-size: inherit;
|
||||||
|
text-rendering: auto;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
.fa-pencil:before {
|
||||||
|
content: "\f040";
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews ul {
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 25px 0px;
|
||||||
|
padding-left: 14px;
|
||||||
|
padding-bottom: 14px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews ul li {
|
||||||
|
float: left;
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews ul li>div.li-p {
|
||||||
|
background: rgb(253, 199, 125);
|
||||||
|
border: 1px solid rgb(253, 199, 125);
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews ul li>div {
|
||||||
|
width: 65px;
|
||||||
|
height: 65px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid #52cdc8;
|
||||||
|
text-align: center;
|
||||||
|
background: #52cdc8;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .baseNews ul li>span {
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
img, input, fieldset {
|
||||||
|
border: 0 none;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.well {
|
||||||
|
height: 10px;
|
||||||
|
background: #f5f5f6;
|
||||||
|
width: 340px;
|
||||||
|
position: relative;
|
||||||
|
left: -10px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .userNews {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft h3 {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #555;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft h3 i {
|
||||||
|
width: 7px;
|
||||||
|
height: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(../../images/member/index/icon.png) no-repeat -87px -85px;
|
||||||
|
margin: 0px 4px;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .userNews ul {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .userNews ul li {
|
||||||
|
height: 60px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
background: #f5f5f6;
|
||||||
|
line-height: 60px;
|
||||||
|
font-size: 14px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft .userNews>a {
|
||||||
|
font-size: 14px;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px;
|
||||||
|
background: #2abcb8;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.examContent .newsLeft>span {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px;
|
||||||
|
color: #2abcb8;
|
||||||
|
}
|
||||||
|
.examContent .newsR {
|
||||||
|
width: 66.2%;
|
||||||
|
margin-left: 10px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews {
|
||||||
|
background: #f5f5f5;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul, .examContent .newsR .topNews .newExam {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul li:nth-child(1) {
|
||||||
|
background: rgb(114, 214, 212);
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul li {
|
||||||
|
float: left;
|
||||||
|
width: 47%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 14px;
|
||||||
|
height: 140px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul li>span>b {
|
||||||
|
font-size: 22px;
|
||||||
|
margin-top: 4px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul li:nth-child(2) {
|
||||||
|
background: rgb(81, 194, 238);
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul li:nth-child(3) {
|
||||||
|
background: rgb(253, 199, 125);
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul li:nth-child(4) {
|
||||||
|
background: rgb(132, 219, 174);
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews .newExam {
|
||||||
|
background: rgb(235, 255, 254);
|
||||||
|
border: 2px dashed #2abcb8;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-align: center;
|
||||||
|
height: 288px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews ul, .examContent .newsR .topNews .newExam {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews .newExam div.add-p {
|
||||||
|
width: 145px;
|
||||||
|
height: 145px;
|
||||||
|
background: #ebfffe;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: 62px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.examContent .newsR .topNews .newExam>a {
|
||||||
|
color: #2abcb8;
|
||||||
|
font-size: 15px;
|
||||||
|
position: relative;
|
||||||
|
top: 80px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .examTable {
|
||||||
|
padding: 10px;
|
||||||
|
min-height: 456px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .examTable>h4 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.examTable h4 {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
.examContent .newsR .examTable>h4 i {
|
||||||
|
width: 7px;
|
||||||
|
height: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
background: url(../../images/member/index/icon.png) no-repeat -87px -85px;
|
||||||
|
margin: 0px 4px;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .examTable table {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.examContent .newsR .examTable table thead {
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
.examTable table tr th {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
.examContent .newsR .examTable .textNone {
|
||||||
|
text-align: center;
|
||||||
|
height: 289px;
|
||||||
|
padding-top: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
height: 173px;
|
||||||
|
background: #838485;
|
||||||
|
margin-top: 37px;
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.footer-left {
|
||||||
|
width: 794px;
|
||||||
|
float: left;
|
||||||
|
padding-left: ;
|
||||||
|
padding-top: 35px;
|
||||||
|
}
|
||||||
|
.footer-logo {
|
||||||
|
float: left;
|
||||||
|
padding: 0px 0px 0px 0px;
|
||||||
|
width: 208px;
|
||||||
|
}
|
||||||
|
.footer-txt {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer-txt a {
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.footer-right table {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
@ -0,0 +1,560 @@
|
|||||||
|
#wrapper {
|
||||||
|
background: #fff;
|
||||||
|
height: auto;
|
||||||
|
position: relative;
|
||||||
|
min-height: 100%;
|
||||||
|
_height: 100%;
|
||||||
|
width: 920px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#wrapper {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#head {
|
||||||
|
padding-top: 40px;
|
||||||
|
}
|
||||||
|
#head, #content, #foot {
|
||||||
|
width: 980px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
#head {
|
||||||
|
height: 75px;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
.mod-header {
|
||||||
|
display: inline;
|
||||||
|
font-size: 66px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #00c;
|
||||||
|
}
|
||||||
|
#nav {
|
||||||
|
width: 100%;
|
||||||
|
background: #fafafa;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.clearfix:after {
|
||||||
|
content: '\20';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.clearfix:after {
|
||||||
|
content: '\20';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#content {
|
||||||
|
margin-top: 30px;
|
||||||
|
width: 920px;
|
||||||
|
background: url(../../images/member/login-bg.png) no-repeat 0 center;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.login-container {
|
||||||
|
_height: 475px;
|
||||||
|
min-height: 475px;
|
||||||
|
}
|
||||||
|
.login-form {
|
||||||
|
float: right;
|
||||||
|
width: 354px;
|
||||||
|
font-family: "Microsoft Yahei", 微软雅黑, Arial, STHeiti;
|
||||||
|
box-shadow: rgb(239, 239, 239) 1px 1px 1px;
|
||||||
|
padding-top: 25px;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: rgb(239, 239, 239);
|
||||||
|
border-image: initial;
|
||||||
|
}
|
||||||
|
.tang-pass-login {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form {
|
||||||
|
padding: 0 28px;
|
||||||
|
}
|
||||||
|
p.pass-form-logo {
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
font-size: 16px;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 46px;
|
||||||
|
padding-left: 118px;
|
||||||
|
color: #000;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a, .tang-pass-login label, .tang-pass-login p, .tang-pass-login li, .tang-pass-login input {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-generalErrorWrapper {
|
||||||
|
height: auto;
|
||||||
|
_height: 28px;
|
||||||
|
min-height: 28px;
|
||||||
|
color: #fc4343;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-generalError {
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px;
|
||||||
|
padding-top: 8px;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item.pass-form-item-userName {
|
||||||
|
z-index: 21;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
z-index: 18;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a, .tang-pass-login label, .tang-pass-login p, .tang-pass-login li, .tang-pass-login input {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item input.pass-text-input-userName, .tang-pass-login .pass-form-item input.pass-text-input-password {
|
||||||
|
padding-left: 8px;
|
||||||
|
width: 284px;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item .pass-text-input {
|
||||||
|
position: relative;
|
||||||
|
z-index: 17;
|
||||||
|
display: block;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
width: 300px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgb(102, 102, 102);
|
||||||
|
font-family: Tahoma, Helvetica, "Microsoft Yahei", 微软雅黑, Arial, STHeiti;
|
||||||
|
padding: 10px 8px;
|
||||||
|
margin: 0px;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: rgb(222, 222, 222);
|
||||||
|
border-image: initial;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.tang-pass-login a, .tang-pass-login label, .tang-pass-login p, .tang-pass-login li, .tang-pass-login input {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item .pass-clearbtn {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 20;
|
||||||
|
top: 14px;
|
||||||
|
right: 6px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
background: url(../../images/member/pass_login_icons.png) no-repeat 0 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-suggestion-list {
|
||||||
|
position: absolute;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 21;
|
||||||
|
top: 42px;
|
||||||
|
_top: 43px;
|
||||||
|
left: 0;
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
background: #fff;
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
.tang-pass-login li.pass-item-suggsetion {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2001;
|
||||||
|
line-height: 14px;
|
||||||
|
font-family: 宋体;
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
cursor: pointer;
|
||||||
|
word-break: break-all;
|
||||||
|
padding: 5px 0px 5px 6px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a, .tang-pass-login label, .tang-pass-login p, .tang-pass-login li, .tang-pass-login input {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login li.pass-item-suggsetion a {
|
||||||
|
position: absolute;
|
||||||
|
display: none;
|
||||||
|
top: 4px;
|
||||||
|
right: 4px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
background: url(../../images/member/pass_login_icons.png) no-repeat 0 0;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2e82ff;
|
||||||
|
}
|
||||||
|
.tang-pass-login a, .tang-pass-login label, .tang-pass-login p, .tang-pass-login li, .tang-pass-login input {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item .pass-item-selectbtn-userName {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
background: url(../../images/member/pass_login_icons.png) no-repeat 0 -30px;
|
||||||
|
top: 6px;
|
||||||
|
right: 31px;
|
||||||
|
_right: 50px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-login {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-qrcode p.pass-form-logo {
|
||||||
|
margin-left: 28px;
|
||||||
|
}
|
||||||
|
p.pass-form-logo {
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
font-size: 16px;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 46px;
|
||||||
|
padding-left: 118px;
|
||||||
|
color: #000;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.tang-pass-qrcode .tang-pass-qrcode-content {
|
||||||
|
padding-top: 24px;
|
||||||
|
height: 180px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.tang-pass-qrcode .tang-pass-qrcode-imgWrapper {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.Qrcode-animationRight {
|
||||||
|
-webkit-animation: marginRight .3s linear;
|
||||||
|
-moz-animation: marginRight .3s linear;
|
||||||
|
animation: marginRight .3s linear;
|
||||||
|
-webkit-transition: all .3s liner;
|
||||||
|
-moz-transition: all .3s liner;
|
||||||
|
transition: .3s liner;
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
-ms-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
.Qrcode-status-con {
|
||||||
|
width: 138px;
|
||||||
|
height: 138px;
|
||||||
|
border: 1px solid #ecedee;
|
||||||
|
padding: 9px;
|
||||||
|
text-align: center;
|
||||||
|
color: #000;
|
||||||
|
font-size: 14px;
|
||||||
|
display: none;
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 0 auto;
|
||||||
|
-webkit-transition: all .3s liner;
|
||||||
|
-moz-transition: all .3s liner;
|
||||||
|
transition: .3s liner;
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
-ms-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
.tang-pass-qrcode .tang-pass-qrcode-content img {
|
||||||
|
width: 138px;
|
||||||
|
height: 138px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a, .tang-pass-login label, .tang-pass-login p, .tang-pass-login li, .tang-pass-login input {
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.Qrcode-status-success .Qrcode-status-icon {
|
||||||
|
background: url(../../images/member/qrcode-success.png) no-repeat center;
|
||||||
|
}
|
||||||
|
.Qrcode-status-con .Qrcode-status-icon {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
margin: 25px auto 15px;
|
||||||
|
}
|
||||||
|
.Qrcode-status-msg {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.Qrcode-status-con {
|
||||||
|
width: 138px;
|
||||||
|
height: 138px;
|
||||||
|
border: 1px solid #ecedee;
|
||||||
|
padding: 9px;
|
||||||
|
text-align: center;
|
||||||
|
color: #000;
|
||||||
|
font-size: 14px;
|
||||||
|
display: none;
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 0 auto;
|
||||||
|
-webkit-transition: all .3s liner;
|
||||||
|
-moz-transition: all .3s liner;
|
||||||
|
transition: .3s liner;
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
-ms-transform: translateX(0);
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
.Qrcode-status-error .Qrcode-status-icon {
|
||||||
|
background: url(../../images/member/qrcode-error.png) no-repeat center;
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAIAAABuYg/PAAAAGXRFW…/D4I4xl3xkwAY7jblOLLskcyH7N0XjiBnHLHsac/8IMAC4AzcrBhyRBQAAAABJRU5ErkJggg==);
|
||||||
|
}
|
||||||
|
.Qrcode-status-con .Qrcode-status-icon {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
margin: 25px auto 15px;
|
||||||
|
}
|
||||||
|
.tang-pass-login p.Qrcode-refresh-btn {
|
||||||
|
color: #38f;
|
||||||
|
text-align: center;
|
||||||
|
padding: 8px 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
.tang-pass-qrcode .tang-pass-qrcode-title {
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 16px;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-qrcode .tang-pass-qrcode-title a {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2e82ff;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBar {
|
||||||
|
color: #2e82ff;
|
||||||
|
margin-top: 40px;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
background: #f0f6ff;
|
||||||
|
padding: 0 28px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarQrcode, .tang-pass-footerBarULogin {
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarPhoenix {
|
||||||
|
color: #2e82ff;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarPhoenixSplit {
|
||||||
|
width: 1px;
|
||||||
|
background: #3582f8;
|
||||||
|
height: 8px;
|
||||||
|
margin-right: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix {
|
||||||
|
padding: 0 0 10px 16px;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -36px;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list {
|
||||||
|
clear: both;
|
||||||
|
line-height: 20px;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.clear {
|
||||||
|
clear: both;
|
||||||
|
height: 0;
|
||||||
|
line-height: 0;
|
||||||
|
font-size: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .pass-phoenix-btn {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-list, .tang-pass-login-phoenix .pass-phoenix-list .bd-acc-list li {
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-list li {
|
||||||
|
width: 26px;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-list, .tang-pass-login-phoenix .pass-phoenix-list .bd-acc-list li {
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBar a, .tang-pass-footerBar a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 80px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
a.pass-reglink {
|
||||||
|
position: absolute;
|
||||||
|
right: 26px;
|
||||||
|
color: #2e82ff;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item-submit {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
z-index: 18;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item-submit .pass-button-submit {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 800;
|
||||||
|
border: 0;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item-submit input {
|
||||||
|
width: 302px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
background: #2e82ff;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.tang-pass-login input[type=submit] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item-submit .pass-fgtpwd {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2e82ff;
|
||||||
|
}
|
||||||
|
p.pass-form-logo {
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
font-size: 16px;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 46px;
|
||||||
|
padding-left: 118px;
|
||||||
|
color: #000;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .phoenix-btn-item {
|
||||||
|
display: block;
|
||||||
|
margin-right: 15px;
|
||||||
|
color: #00C;
|
||||||
|
text-decoration: underline;
|
||||||
|
padding-left: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
list-style: none;
|
||||||
|
background: url(../../images/member/loginv4.png) no-repeat;
|
||||||
|
_background: url(../../images/member/loginv4.gif) no-repeat;
|
||||||
|
width: 0;
|
||||||
|
height: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-qzone .phoenix-btn-item {
|
||||||
|
background-position: -6px -55px;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-tsina .phoenix-btn-item {
|
||||||
|
background-position: -55px -33px;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-weixin .phoenix-btn-item {
|
||||||
|
background-position: -30px -30px;
|
||||||
|
}
|
||||||
|
#foot {
|
||||||
|
text-align: center;
|
||||||
|
color: #7a77c8;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item .pass-text-input-focus {
|
||||||
|
border-color: #488ee7
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item .pass-clearbtn:hover {
|
||||||
|
background-position: 0 -16px
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item .pass-text-input-verifyCode {
|
||||||
|
width: 130px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tang-pass-sms p.pass-form-item-smsVerifyCode, .tang-pass-login p.pass-form-item-verifyCode {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
width: 302px;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item span.pass-clearbtn-verifyCode {
|
||||||
|
left: 125px;
|
||||||
|
z-index: 1999;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-verifyCode {
|
||||||
|
width: 90px;
|
||||||
|
height: 40px;
|
||||||
|
background: url(../../images/member/loading_16.gif) no-repeat center center;
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
float: left;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-change-verifyCode {
|
||||||
|
padding-left: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: 40px;
|
||||||
|
float: left;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2e82ff;
|
||||||
|
}
|
||||||
|
.tang-pass-login .pass-form-item-memberPass {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.tang-pass-sms p.pass-form-item-smsVerifyCode:after, .tang-pass-login p.pass-form-item-verifyCode:after {
|
||||||
|
line-height: 20px;
|
||||||
|
content: "\20";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
}
|
@ -0,0 +1,133 @@
|
|||||||
|
.head {
|
||||||
|
height: 59px;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.head .head-bar {
|
||||||
|
height: 59px;
|
||||||
|
}
|
||||||
|
.head .logo {
|
||||||
|
padding-top: 0px;
|
||||||
|
float: left;
|
||||||
|
display: -webkit-box;
|
||||||
|
line-height: 59px;
|
||||||
|
}
|
||||||
|
.head .logo a {
|
||||||
|
max-width: 120px;
|
||||||
|
height: 55px;
|
||||||
|
line-height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.head .logo img {
|
||||||
|
float: none;
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
.head .logo p {
|
||||||
|
float: none;
|
||||||
|
line-height: 59px;
|
||||||
|
padding-left: 12px;
|
||||||
|
}
|
||||||
|
.head .logo p span {
|
||||||
|
color: #666666;
|
||||||
|
font-size: 14px;
|
||||||
|
height: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
padding-left: 10px;
|
||||||
|
border-left: 1px solid #ececec;
|
||||||
|
}
|
||||||
|
.head .nav {
|
||||||
|
margin-left: 50px;
|
||||||
|
float: left;
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
|
.head .nav li.active {
|
||||||
|
border-bottom: 2px solid #29bdb9;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.head .nav li {
|
||||||
|
padding: 0px 3px 6px;
|
||||||
|
float: left;
|
||||||
|
margin-right: 40px!important;
|
||||||
|
}
|
||||||
|
.head .nav li.active a {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.mguser {
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.mguser-box {
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.mguser-cnt {
|
||||||
|
position: absolute;
|
||||||
|
width: 110px;
|
||||||
|
top: 59px;
|
||||||
|
background: rgb(161, 163, 162);
|
||||||
|
padding-bottom: 2px;
|
||||||
|
display: none;
|
||||||
|
z-index: 100;
|
||||||
|
right: 0px;
|
||||||
|
}
|
||||||
|
.mguser-cnt li a {
|
||||||
|
height: 32px;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 32px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.head .nav li a {
|
||||||
|
display: block;
|
||||||
|
color: #666666;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.mguser-box a {
|
||||||
|
border-bottom: 1px solid white;
|
||||||
|
height: 48px;
|
||||||
|
padding-left: 11px;
|
||||||
|
padding-right: 27px;
|
||||||
|
border-left: 1px solid #FFFFFF;
|
||||||
|
border-right: 1px solid #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
left: 7px;
|
||||||
|
}
|
||||||
|
.mguser-box p {
|
||||||
|
min-width: inherit;
|
||||||
|
margin-right: 2px;
|
||||||
|
line-height: 60px;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999;
|
||||||
|
padding-left: 5px;
|
||||||
|
max-width: 60px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.headlogotable {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.hgimg {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
float: left;
|
||||||
|
margin-top: 13px;
|
||||||
|
border-radius: 50%;
|
||||||
|
position: relative;
|
||||||
|
left: 5px;
|
||||||
|
}
|
||||||
|
.mguser-box i {
|
||||||
|
border: none;
|
||||||
|
font-size: 25px;
|
||||||
|
position: absolute;
|
||||||
|
right: 5px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,494 @@
|
|||||||
|
.tang-pass-pop-login {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title-dragable {
|
||||||
|
cursor: move;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title {
|
||||||
|
background-color: #fff;
|
||||||
|
border: 0;
|
||||||
|
height: 24px;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title .buttons {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
position: absolute;
|
||||||
|
right: 16px;
|
||||||
|
top: 12px;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title .buttons a {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
outline: 0;
|
||||||
|
display: block;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title a.close-btn {
|
||||||
|
background-image: url(https://passport.baidu.com/passApi/img/pass_login_icons.png);
|
||||||
|
background-image: -webkit-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -moz-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -o-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -ms-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-position: -56px -48px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-body {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-body {
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-login-pop-content {
|
||||||
|
width: auto;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarQrcode, .tang-pass-footerBarULogin {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
text-align: left;
|
||||||
|
margin: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #2e82ff;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .clearfix:after, .tang-pass-pop-login .pass-form-item:after {
|
||||||
|
visibility: hidden;
|
||||||
|
display: block;
|
||||||
|
font-size: 0;
|
||||||
|
content: " ";
|
||||||
|
clear: both;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.clearfix:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-login-pop-form {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-login {
|
||||||
|
position: relative;
|
||||||
|
z-index: 18;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form {
|
||||||
|
padding: 0 28px;
|
||||||
|
}
|
||||||
|
p.pass-form-logo {
|
||||||
|
background: url(../../images/logo_731bc32.png) no-repeat left;
|
||||||
|
_background: url(https://passport.baidu.com/passApi/img/loginlogo.gif) no-repeat left;
|
||||||
|
font-size: 16px;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 46px;
|
||||||
|
padding-left: 118px;
|
||||||
|
color: #000;
|
||||||
|
margin-top: 1px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-generalErrorWrapper {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 0 2px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login span.pass-generalError {
|
||||||
|
display: block;
|
||||||
|
min-height: 14px;
|
||||||
|
height: auto;
|
||||||
|
_height: 14px;
|
||||||
|
padding: 8px 0 2px;
|
||||||
|
line-height: 14px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fc4343;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item.pass-form-item-userName {
|
||||||
|
z-index: 19;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
z-index: 18;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login input, .tang-pass-pop-login textarea, .tang-pass-pop-login select {
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
transition: none;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-text-input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
height: 20px;
|
||||||
|
padding: 10px 8px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
transition: .3s;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
width: 284px;
|
||||||
|
}
|
||||||
|
.pass-clearbtn {
|
||||||
|
position: absolute;
|
||||||
|
top: 14px;
|
||||||
|
right: 6px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
background: url(https://passport.baidu.com/passApi/img/pass_login_icons.png) no-repeat -88px -48px;
|
||||||
|
background-image: -webkit-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -moz-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -o-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -ms-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login li.pass-item-suggsetion {
|
||||||
|
position: relative;
|
||||||
|
line-height: 14px;
|
||||||
|
font-family: ËÎÌå;
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
cursor: pointer;
|
||||||
|
word-break: break-all;
|
||||||
|
padding: 10px 0px 10px 6px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login li.pass-item-suggsetion a {
|
||||||
|
position: absolute;
|
||||||
|
display: none;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
background-image: url(https://passport.baidu.com/passApi/img/pass_login_icons.png);
|
||||||
|
background-image: -webkit-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -moz-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -o-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-image: -ms-image-set(url(https://passport.baidu.com/passApi/img/pass_login_icons.png) 1x,url(https://passport.baidu.com/passApi/img/pass_login_icons_retina.png) 2x);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: -88px -48px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgb(46, 130, 255);
|
||||||
|
font-family: Tahoma, Helvetica, "Microsoft Yahei", ΢ÈíÑźÚ, Arial, STHeiti;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item-memberPass input {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
input[type=checkbox], input[type=radio] {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item-memberPass label {
|
||||||
|
display: inline;
|
||||||
|
color: #666;
|
||||||
|
font-size: 12px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
z-index: 18;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .clearfix, .tang-pass-pop-login .pass-form-item {
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
#passport-login-pop input.pass-button-submit, #passport-login-pop .tang-pass-login input.pass-button-submit {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
#passport-login-pop .pass-button-submit {
|
||||||
|
background: #2fad85;
|
||||||
|
}
|
||||||
|
.tang-pass-login input[type=submit] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login-color-blue .pass-button {
|
||||||
|
background-color: #3f89ec;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-button {
|
||||||
|
display: block;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
width: 300px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 800;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
background: #3f89ec;
|
||||||
|
border: 0;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
-webkit-transition: .3s;
|
||||||
|
-moz-transition: .3s;
|
||||||
|
-o-transition: .3s;
|
||||||
|
transition: .3s;
|
||||||
|
}
|
||||||
|
.pass-form-item-submit a.pass-fgtpwd {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgb(46, 130, 255);
|
||||||
|
font-family: Tahoma, Helvetica, "Microsoft Yahei", ΢ÈíÑźÚ, Arial, STHeiti;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login a.pass-sms-btn {
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 50px;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBar {
|
||||||
|
color: #2e82ff;
|
||||||
|
margin-top: 40px;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
background: #f0f6ff;
|
||||||
|
padding: 0 28px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarPhoenix {
|
||||||
|
color: #2e82ff;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBar a, .tang-pass-footerBar a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 80px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
a.pass-reglink {
|
||||||
|
position: absolute;
|
||||||
|
right: 26px;
|
||||||
|
color: #2e82ff;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarPhoenixSplit {
|
||||||
|
width: 1px;
|
||||||
|
background: #3582f8;
|
||||||
|
height: 8px;
|
||||||
|
margin-right: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
left: 78px;
|
||||||
|
_top: 20px;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBarPhoenixItem {
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -52px;
|
||||||
|
left: 98px;
|
||||||
|
}
|
||||||
|
.tang-pass-footerBar a, .tang-pass-footerBar a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 14px;
|
||||||
|
width: 80px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-login-phoenix {
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-left: 20px;
|
||||||
|
z-index: 16;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
_margin-top: -10px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-login-phoenix .pass-phoenix-list {
|
||||||
|
position: relative;
|
||||||
|
height: 40px;
|
||||||
|
overflow: hidden;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .pass-phoenix-btn {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .bd-acc-list, .tang-pass-login-phoenix .bd-acc-list li {
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .bd-acc-list li {
|
||||||
|
width: 26px;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .bd-acc-list, .tang-pass-login-phoenix .bd-acc-list li {
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-tsina .phoenix-btn-item {
|
||||||
|
background-position: -55px -33px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-login-phoenix .phoenix-btn-item {
|
||||||
|
display: block;
|
||||||
|
margin-right: 15px;
|
||||||
|
color: #00C;
|
||||||
|
text-decoration: underline;
|
||||||
|
padding-left: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
list-style: none;
|
||||||
|
background: url(https://passport.baidu.com/passApi/img/loginv4.png) no-repeat;
|
||||||
|
_background: url(https://passport.baidu.com/passApi/img/loginv4.gif) no-repeat;
|
||||||
|
width: 0;
|
||||||
|
height: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-weixin .phoenix-btn-item {
|
||||||
|
background-position: -30px -30px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-login-phoenix .phoenix-btn-item {
|
||||||
|
display: block;
|
||||||
|
margin-right: 15px;
|
||||||
|
color: #00C;
|
||||||
|
text-decoration: underline;
|
||||||
|
padding-left: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 12px;
|
||||||
|
list-style: none;
|
||||||
|
background: url(https://passport.baidu.com/passApi/img/loginv4.png) no-repeat;
|
||||||
|
_background: url(https://passport.baidu.com/passApi/img/loginv4.gif) no-repeat;
|
||||||
|
width: 0;
|
||||||
|
height: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.tang-pass-login-phoenix .pass-phoenix-list .bd-acc-qzone .phoenix-btn-item {
|
||||||
|
background-position: -6px -55px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item-smsVerifyCode .pass-item-timer, .tang-pass-pop-login .pass-form-item-smsVerifyCode .pass-item-time-timing {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-item-timer, .tang-pass-pop-login .pass-item-time-timing {
|
||||||
|
display: block;
|
||||||
|
padding: 0;
|
||||||
|
float: right;
|
||||||
|
height: 40px;
|
||||||
|
width: 105px;
|
||||||
|
font-size: 12px;
|
||||||
|
transition: .3s;
|
||||||
|
color: #2e82ff;
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
background-color: #fff;
|
||||||
|
cursor: default;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-sms-tip {
|
||||||
|
color: #999;
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-text-input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
height: 20px;
|
||||||
|
padding: 10px 8px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
transition: .3s;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
width: 284px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-text-input-smsVerifyCode {
|
||||||
|
width: 168px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item span.pass-clearbtn-smsVerifyCode {
|
||||||
|
left: 165px;
|
||||||
|
}
|
||||||
|
.tang-pass-sms-agreement {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #969696;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2e82ff;
|
||||||
|
font-family: Tahoma,Helvetica,"Microsoft Yahei","΢ÈíÑźÚ",Arial,STHeiti;
|
||||||
|
}
|
||||||
|
.tang-pass-sms .pass-form-item .pass-sms-link-back {
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
text-align: right;
|
||||||
|
float: right;
|
||||||
|
margin-right: -3px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.tang-pass-login a {
|
||||||
|
font-size: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2e82ff;
|
||||||
|
font-family: Tahoma,Helvetica,"Microsoft Yahei","΢ÈíÑźÚ",Arial,STHeiti;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .tang-pass-sms {
|
||||||
|
display: none;
|
||||||
|
padding: 0 28px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login-color-blue .pass-text-input-error {
|
||||||
|
border-color: #fc4343;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login-color-blue .pass-text-input-focus {
|
||||||
|
border-color: #488ee7
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login div.tang-title a.close-btn:hover {
|
||||||
|
background-position: -72px -48px
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-form-item .pass-clearbtn:hover {
|
||||||
|
background-position: -104px -48px
|
||||||
|
}
|
||||||
|
.pass-login-pop-content .pass-text-input-hover {
|
||||||
|
border-color:#488ee7;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-text-input-verifyCode {
|
||||||
|
width: 130px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-verifyCodeImgParent {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
height: 42px;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login img.pass-verifyCode {
|
||||||
|
width: 90px;
|
||||||
|
height: 40px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
margin-left: 10px;
|
||||||
|
background: url(https://passport.baidu.com/passApi/img/loading.gif) center center no-repeat;
|
||||||
|
}
|
||||||
|
.tang-pass-pop-login .pass-change-verifyCode {
|
||||||
|
position: relative;
|
||||||
|
top: 12px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.mask {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 10000;
|
||||||
|
background-color: #000;
|
||||||
|
opacity: .7;
|
||||||
|
filter: alpha(opacity=70);
|
||||||
|
display: none;
|
||||||
|
}
|
@ -0,0 +1,536 @@
|
|||||||
|
.banner_list {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.cnav {
|
||||||
|
height: 98px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #826a6a;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.public.cnav_b {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.cnav_b {
|
||||||
|
width: 930px!important;
|
||||||
|
}
|
||||||
|
.cnav_left {
|
||||||
|
float: left;
|
||||||
|
width: 162px;
|
||||||
|
height: 54px;
|
||||||
|
margin: 22px 0 0 46px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 54px;
|
||||||
|
background: url(../../images/member/index/top-kaos6.png) no-repeat;
|
||||||
|
padding-left: 55px;
|
||||||
|
}
|
||||||
|
.banner_list .cnav_right {
|
||||||
|
width: 660px;
|
||||||
|
}
|
||||||
|
.cnav_right {
|
||||||
|
float: left;
|
||||||
|
width: 583px;
|
||||||
|
height: 5px;
|
||||||
|
background: url(../../images/member/index/project-cnav.png) repeat-x;
|
||||||
|
margin: 47px 0 0 0;
|
||||||
|
}
|
||||||
|
.cnav_right ul {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 230px;
|
||||||
|
}
|
||||||
|
.banner_list .cnav_right ul li {
|
||||||
|
width: 105px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li {
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 12px;
|
||||||
|
margin-left: 32px;
|
||||||
|
}
|
||||||
|
.cnav_right ul li span {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 27px;
|
||||||
|
height: 27px;
|
||||||
|
color: #29bdb9;
|
||||||
|
display: block;
|
||||||
|
margin: 5px auto 5px auto;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 27px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -26px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.test_public {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.test_public {
|
||||||
|
width: 1100px;
|
||||||
|
min-height: 233px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.pronext {
|
||||||
|
float: right;
|
||||||
|
width: initial;
|
||||||
|
height: 26px;
|
||||||
|
margin-top: 14px;
|
||||||
|
border: 1px solid #2abcb8;
|
||||||
|
background: inherit;
|
||||||
|
color: #2abcb8;
|
||||||
|
}
|
||||||
|
.pronext {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.pronext a {
|
||||||
|
display: block;
|
||||||
|
width: initial;
|
||||||
|
margin-left: 2px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 25px;
|
||||||
|
color: #2abcb8;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 100;
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
.pronext a {
|
||||||
|
background: #2abcb8;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.test_public .topbt {
|
||||||
|
height: 47px;
|
||||||
|
}
|
||||||
|
.topbt-2 {
|
||||||
|
margin-top: 7px;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
border-bottom: 1px solid #dadada;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.topbt {
|
||||||
|
width: 1066px;
|
||||||
|
height: 47px;
|
||||||
|
line-height: 47px;
|
||||||
|
background: url(../../images/member/index/project-candidate.png) no-repeat -126px 0;
|
||||||
|
margin: 0 auto 1px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.topbt h3 {
|
||||||
|
display: inline;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
.topbt h3 {
|
||||||
|
font-weight: bolder!important;
|
||||||
|
}
|
||||||
|
.test {
|
||||||
|
font-size: 14px;
|
||||||
|
position: absolute;
|
||||||
|
left: 101px;
|
||||||
|
color: #333;
|
||||||
|
top: 76px;
|
||||||
|
}
|
||||||
|
.addQues_btn {
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
.addQues_btn span {
|
||||||
|
left: 879px;
|
||||||
|
}
|
||||||
|
.addQues_btn span {
|
||||||
|
display: block;
|
||||||
|
width: 130px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 34px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #ff8a00;
|
||||||
|
position: relative;
|
||||||
|
left: 866px;
|
||||||
|
top: 7px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.addQues_btn span a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.addQues_btn span a {
|
||||||
|
font-size: 14px!important;
|
||||||
|
}
|
||||||
|
.addQues_btn span a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.apa_ri {
|
||||||
|
margin: 23px auto 10px;
|
||||||
|
width: 920px;
|
||||||
|
}
|
||||||
|
.apa_ri-tab {
|
||||||
|
background: #fff;
|
||||||
|
height: 271px;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 22px;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.apa_ri-tab {
|
||||||
|
height: inherit;
|
||||||
|
min-height: inherit;
|
||||||
|
}
|
||||||
|
.apa_ri .apa_ri-t {
|
||||||
|
width: initial;
|
||||||
|
}
|
||||||
|
.apa_ri-t {
|
||||||
|
border: 1px solid #eceef4;
|
||||||
|
background: #fafbfc;
|
||||||
|
width: 900px;
|
||||||
|
min-height: 233px;
|
||||||
|
margin: 0 0 0 10px;
|
||||||
|
}
|
||||||
|
.apa_ri-t {
|
||||||
|
min-height: inherit;
|
||||||
|
}
|
||||||
|
.quesQueryBox {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.quesQueryBox tr {
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
.quesQueryBox tr td:nth-child(1) {
|
||||||
|
width: 85px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.quesQueryBox tr td {
|
||||||
|
padding: 2px 2px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
.quesQueryBox tr td:nth-child(3) {
|
||||||
|
width: 85px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.quesQueryBox tr td:nth-child(5) {
|
||||||
|
width: 85px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.quesQueryBox input {
|
||||||
|
width: 145px;
|
||||||
|
height: 100%;
|
||||||
|
border: 1px solid #dcdfe3;
|
||||||
|
padding-left: 5px;
|
||||||
|
margin-right: 10px;
|
||||||
|
height: 32px;
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
.apa_ri-two {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
.apa_ri-two {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
background: #fff;
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
.apa_ri-two .apa_ri-qx {
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
.apa_ri-qx {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 5px 0 10px;
|
||||||
|
clear: both;
|
||||||
|
height: 20px;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.apa_ri-two input {
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
.apa_ri-qx span {
|
||||||
|
float: right;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.mOperation-btn a.btn {
|
||||||
|
height: 32px;
|
||||||
|
margin: 0 auto;
|
||||||
|
line-height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #29bdb9;
|
||||||
|
margin-top: 14px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px 20px;
|
||||||
|
}
|
||||||
|
.mOperation-btn {
|
||||||
|
float: left;
|
||||||
|
margin-top: -7px;
|
||||||
|
}
|
||||||
|
.chouTiBoxNo {
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.apa_ri .quesManBox .apa_ri-cen {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.apa_ri .apa_ri-cen {
|
||||||
|
margin: 0px 0 10px 10px;
|
||||||
|
}
|
||||||
|
.apa_ri .apa_ri-cen {
|
||||||
|
width: initial;
|
||||||
|
}
|
||||||
|
.apa_ri-cen {
|
||||||
|
width: 900px;
|
||||||
|
height: auto;
|
||||||
|
border: 1px solid #eceef4;
|
||||||
|
position: relative;
|
||||||
|
margin: 10px 0 0 10px;
|
||||||
|
}
|
||||||
|
.quesesBox em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenbt {
|
||||||
|
padding-left: 0px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenbt {
|
||||||
|
height: auto;
|
||||||
|
width: 100%;
|
||||||
|
background: #f2f2f2;
|
||||||
|
display: inline-block;
|
||||||
|
padding-left: 37px;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenbt input {
|
||||||
|
margin: 8px 5px 8px 10px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenbt input {
|
||||||
|
margin-left: 5px;
|
||||||
|
float: left;
|
||||||
|
margin: 8px 10px;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenbt span {
|
||||||
|
width: initial;
|
||||||
|
position: initial;
|
||||||
|
margin: 5px 5px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenbt span {
|
||||||
|
float: left;
|
||||||
|
line-height: 20px;
|
||||||
|
display: block;
|
||||||
|
width: 750px;
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
.apa_ri-cenbt span {
|
||||||
|
float: left;
|
||||||
|
line-height: 20px;
|
||||||
|
display: block;
|
||||||
|
width: 750px;
|
||||||
|
margin: 5px 0;
|
||||||
|
position: relative;
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
.quesNo {
|
||||||
|
padding-right: 2px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.apa_ri-cenbt pre.titlePre {
|
||||||
|
font-family: " ΢ÈíÑźÚ"important;
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
|
.titlePre {
|
||||||
|
float: right;
|
||||||
|
max-width: 750px;
|
||||||
|
}
|
||||||
|
.titlePre {
|
||||||
|
float: none;
|
||||||
|
max-width: inherit;
|
||||||
|
}
|
||||||
|
.quesManBox .apa_ri-cenbt .quesTitle {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.clear {
|
||||||
|
clear: both;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.clear:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenul {
|
||||||
|
height: initial;
|
||||||
|
}
|
||||||
|
.apa_ri-cenul {
|
||||||
|
width: 730px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenul {
|
||||||
|
margin-left: 139px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenul {
|
||||||
|
width: 800px;
|
||||||
|
height: 110px;
|
||||||
|
margin-left: 32px;
|
||||||
|
position: relative;
|
||||||
|
float: none;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.apa_ri-cenul .answerBox {
|
||||||
|
display: -webkit-box;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenzb {
|
||||||
|
padding: 5px 12px 10px 30px;
|
||||||
|
height: 45px;
|
||||||
|
margin: 0px;
|
||||||
|
width: initial;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenzb {
|
||||||
|
margin: 5px 0 10px 48px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb {
|
||||||
|
height: 26px;
|
||||||
|
width: 845px;
|
||||||
|
color: #999;
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 5px 0 10px 37px;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenzb em {
|
||||||
|
font-style: inherit;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span em {
|
||||||
|
margin: 0 8px;
|
||||||
|
color: #e4e4e4;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenzb em {
|
||||||
|
font-style: inherit;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span em {
|
||||||
|
margin: 0 8px;
|
||||||
|
color: #e4e4e4;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span.fl {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.fl {
|
||||||
|
float: left;
|
||||||
|
display: inline;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span {
|
||||||
|
float: right;
|
||||||
|
line-height: 30px;
|
||||||
|
display: block;
|
||||||
|
height: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span a {
|
||||||
|
float: left;
|
||||||
|
padding: 0 5px;
|
||||||
|
min-width: 60px;
|
||||||
|
height: 30px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #29bdb9;
|
||||||
|
line-height: 28px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #29bdb9;
|
||||||
|
margin-left: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span a {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.apa_ri-cenzb span a {
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.apa_ri-t5 {
|
||||||
|
margin: 10px auto 10px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.apa_ri-t5 {
|
||||||
|
width: 98px;
|
||||||
|
height: 32px;
|
||||||
|
margin: 30px auto 10px;
|
||||||
|
line-height: 32px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: #29bdb9;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.apa_ri-qx span em {
|
||||||
|
color: #29bdb9;
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
.A_N_P_select span, ul, li {
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.A_N_P_select span, ul, li {
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenbt .quesTitle span {
|
||||||
|
margin: 0px;
|
||||||
|
float: none;
|
||||||
|
display: initial;
|
||||||
|
}
|
||||||
|
.quesesBox .apa_ri-cenbt span {
|
||||||
|
width: initial;
|
||||||
|
position: initial;
|
||||||
|
margin: 5px 5px;
|
||||||
|
}
|
||||||
|
.quesesBox img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
height: 173px;
|
||||||
|
background: #838485;
|
||||||
|
margin-top: 37px;
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.public {
|
||||||
|
width: 1098px;
|
||||||
|
margin: 0px auto;
|
||||||
|
}
|
||||||
|
.footer-left {
|
||||||
|
width: 794px;
|
||||||
|
float: left;
|
||||||
|
padding-left: ;
|
||||||
|
padding-top: 35px;
|
||||||
|
}
|
||||||
|
.footer-logo {
|
||||||
|
float: left;
|
||||||
|
padding: 0px 0px 0px 0px;
|
||||||
|
width: 208px;
|
||||||
|
}
|
||||||
|
.footer-txt {
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
.footer-txt a {
|
||||||
|
color: #f3f3f5;
|
||||||
|
}
|
||||||
|
.footer-right table {
|
||||||
|
width: 100%;
|
||||||
|
line-height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
@ -0,0 +1,452 @@
|
|||||||
|
#wrapper {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#head, #content, #foot {
|
||||||
|
width: 980px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
#head {
|
||||||
|
height: 75px;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
#head .mod-header {
|
||||||
|
display: block;
|
||||||
|
width: 330px;
|
||||||
|
}
|
||||||
|
.mod-header {
|
||||||
|
display: inline;
|
||||||
|
font-size: 66px;
|
||||||
|
}
|
||||||
|
#head .mod-header a {
|
||||||
|
display: none;
|
||||||
|
width: 330px;
|
||||||
|
height: 76px;
|
||||||
|
}
|
||||||
|
#head .mod-header a img {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
#nav {
|
||||||
|
background: 0 0;
|
||||||
|
}
|
||||||
|
#nav .nav-2 {
|
||||||
|
height: 20px;
|
||||||
|
background: url(../../images/reg_hr.png) no-repeat center top;
|
||||||
|
}
|
||||||
|
.clearfix {
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.mod-reg {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.tang-pass-reg {
|
||||||
|
position: relative;
|
||||||
|
width: 720px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.reg-content {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-generalErrorWrapper {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-generalError {
|
||||||
|
color: #fc4343;
|
||||||
|
display: block;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-label {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
height: 42px;
|
||||||
|
width: 65px;
|
||||||
|
margin-right: 10px;
|
||||||
|
line-height: 42px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-text-input {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
height: 16px;
|
||||||
|
width: 328px;
|
||||||
|
padding: 11px 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
transition: .3s;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-clearbtn {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background: url(../../images/reg_icons.png) -32px -24px no-repeat;
|
||||||
|
top: 12px;
|
||||||
|
left: 398px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error-password {
|
||||||
|
position: absolute;
|
||||||
|
float: left;
|
||||||
|
background: 0 0;
|
||||||
|
padding: 0;
|
||||||
|
top: 0;
|
||||||
|
left: 434px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error {
|
||||||
|
display: none;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
width: 250px;
|
||||||
|
top: 12px;
|
||||||
|
color: #fc4343;
|
||||||
|
height: 16px;
|
||||||
|
line-height: 14px;
|
||||||
|
padding-left: 20px;
|
||||||
|
background: url(../../images/err_small.png) 0 0 no-repeat;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error-password .nopwd .pwd-strength-sum {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error-password .nopwd .pwd-strength-detail {
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error-password .pwd-strength-detail {
|
||||||
|
background: url(../../images/reg_icons.png) -80px -24px no-repeat;
|
||||||
|
padding-left: 20px;
|
||||||
|
line-height: 16px;
|
||||||
|
display: block;
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error-password .pwd-strength-bg {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-error-password .pwd-strength-sco, .tang-pass-reg .pass-item-error-password .pwd-strength-bg {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 130px;
|
||||||
|
height: 10px;
|
||||||
|
line-height: 10px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist .pwd-checklist-item-error {
|
||||||
|
background-position: -86px -144px;
|
||||||
|
color: #fc4343;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist .pwd-checklist-item-success {
|
||||||
|
background-position: -86px -128px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist .pwd-checklist-item-success {
|
||||||
|
background-position: -86px -128px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist {
|
||||||
|
margin-left: 10px;
|
||||||
|
padding: 5px 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
box-shadow: 1px 1px 1px #efefef;
|
||||||
|
background: #f9f9f9;
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist-wrapper .pwd-checklist-arrow {
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist-wrapper .pwd-checklist-arrow em.arrowa {
|
||||||
|
color: #ddd;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist-wrapper .pwd-checklist-arrow em {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pwd-checklist-wrapper .pwd-checklist-arrow em.arrowb {
|
||||||
|
color: #f9f9f9;
|
||||||
|
left: 1px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tiptext-password {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tiptext {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item:after {
|
||||||
|
visibility: hidden;
|
||||||
|
display: block;
|
||||||
|
font-size: 0;
|
||||||
|
content: " ";
|
||||||
|
clear: both;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-placeholder {
|
||||||
|
top: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
_line-height: 18px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #ccc;
|
||||||
|
left: 87px;
|
||||||
|
display: none;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tiptext-password {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tip-password {
|
||||||
|
position: absolute;
|
||||||
|
left: 430px;
|
||||||
|
top: 0;
|
||||||
|
zoom: 1;
|
||||||
|
z-index: 20;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tip {
|
||||||
|
width: 270px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-label {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
height: 42px;
|
||||||
|
width: 65px;
|
||||||
|
margin-right: 10px;
|
||||||
|
line-height: 42px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-text-input-verifyCode {
|
||||||
|
width: 156px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-verifyCode span, .tang-pass-reg .pass-form-item-verifyCodeSend span {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-clearbtn-verifyCode {
|
||||||
|
left: 228px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-clearbtn {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background: url(../../images/reg_icons.png) -32px -24px no-repeat;
|
||||||
|
top: 12px;
|
||||||
|
left: 398px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tang-pass-reg input.pass-button-verifyCodeSend {
|
||||||
|
border-radius: 0;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
height: 40px;
|
||||||
|
background: #f7f7f7;
|
||||||
|
color: #666;
|
||||||
|
font-weight: 400;
|
||||||
|
width: 160px;
|
||||||
|
float: left;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-button {
|
||||||
|
display: block;
|
||||||
|
height: 50px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
background-image: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 0;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
transition: .3s;
|
||||||
|
-moz-transition: .3s;
|
||||||
|
-o-transition: .3s;
|
||||||
|
-webkit-transition: .3s;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-verifyCode span.pass-item-error, .tang-pass-reg .pass-form-item-verifyCodeSend span.pass-item-error {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-verifyCode span, .tang-pass-reg .pass-form-item-verifyCodeSend span {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-verifyCode span, .tang-pass-reg .pass-form-item-verifyCodeSend span {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tip-verifyCodeSend {
|
||||||
|
padding-top: 2px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tip {
|
||||||
|
width: 270px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-isAgree {
|
||||||
|
margin-left: 75px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-isAgree .pass-checkbox-isAgree {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-isAgree label {
|
||||||
|
color: #666;
|
||||||
|
font-size: 12px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1b66c7;
|
||||||
|
}
|
||||||
|
.tang-pass-reg a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1b66c7;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item-submit {
|
||||||
|
position: relative;
|
||||||
|
left: 75px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-form-item {
|
||||||
|
position: relative;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.tang-pass-reg a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1b66c7;
|
||||||
|
}
|
||||||
|
.mod-reg .tang-pass-reg .pass-button-submit {
|
||||||
|
background-color: #3f89ec;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-button-submit {
|
||||||
|
float: left;
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-button {
|
||||||
|
display: block;
|
||||||
|
height: 50px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
background-image: none;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 0;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
transition: .3s;
|
||||||
|
-moz-transition: .3s;
|
||||||
|
-o-transition: .3s;
|
||||||
|
-webkit-transition: .3s;
|
||||||
|
}
|
||||||
|
#foot {
|
||||||
|
text-align: center;
|
||||||
|
color: #7a77c8;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
#foot {
|
||||||
|
margin-top: 80px;
|
||||||
|
}
|
||||||
|
#head, #content, #foot {
|
||||||
|
width: 980px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.reg-sms {
|
||||||
|
width: 258px;
|
||||||
|
border: 1px solid #d1eeff;
|
||||||
|
background-color: #f5fbff;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
.reg-sms {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.mod-reg .login-link, .mod-regnotify .login-link {
|
||||||
|
position: absolute;
|
||||||
|
top: -70px;
|
||||||
|
right: 0;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.mod-reg .login-link span, .mod-regnotify .login-link span {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
margin-right: 5px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.mod-reg .login-link, .mod-regnotify .login-link {
|
||||||
|
position: absolute;
|
||||||
|
top: -70px;
|
||||||
|
right: 0;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.mod-reg .login-btn, .mod-regnotify .login-btn {
|
||||||
|
font-weight: 700;
|
||||||
|
color: #666;
|
||||||
|
height: 32px;
|
||||||
|
width: 64px;
|
||||||
|
border: 0;
|
||||||
|
background: url(../../images/reg_icons.png) no-repeat 0 -48px;
|
||||||
|
}
|
||||||
|
.tang-pass-reg .pass-item-tiptext-userName {
|
||||||
|
padding-top: 6px;
|
||||||
|
}
|
||||||
|
.mod-reg .tang-pass-reg .pass-text-input-error {
|
||||||
|
border-color: #fc4343;
|
||||||
|
}
|
||||||
|
.mod-reg .tang-pass-reg .pass-text-input-focus {
|
||||||
|
border-color: #488ee7
|
||||||
|
}
|
||||||
|
.tang-pass-reg input.pass-text-input-disabled {
|
||||||
|
background: #f6f6f6;
|
||||||
|
border-color: #ebebeb;
|
||||||
|
color: #c5c5c5
|
||||||
|
}
|
||||||
|
.tang-pass-reg span.pass-item-error-isAgree {
|
||||||
|
top: 0;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.clearfix:after {
|
||||||
|
content: '\20';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.clearfix:after {
|
||||||
|
content: '\20';
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
@ -0,0 +1,23 @@
|
|||||||
|
/* reset */
|
||||||
|
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
|
||||||
|
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
|
||||||
|
table{border-collapse:collapse;border-spacing:0;}
|
||||||
|
caption,th{text-align:left;font-weight:normal;}
|
||||||
|
html,body,fieldset,img,iframe,abbr{border:0;}
|
||||||
|
i,cite,em,var,address,dfn{font-style:normal;}
|
||||||
|
[hidefocus],summary{outline:0;}
|
||||||
|
li{list-style:none;}
|
||||||
|
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
|
||||||
|
sup,sub{font-size:83%;}
|
||||||
|
pre,code,kbd,samp{font-family:inherit;}
|
||||||
|
q:before,q:after{content:none;}
|
||||||
|
textarea{overflow:auto;resize:none;}
|
||||||
|
label,summary{cursor:default;}
|
||||||
|
a,button{cursor:pointer;}
|
||||||
|
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
|
||||||
|
del,ins,u,s,a,a:hover{text-decoration:none;}
|
||||||
|
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
|
||||||
|
body{background:#fff;}
|
||||||
|
a{color:#333;}
|
||||||
|
a:hover{color: #11a68d;}
|
||||||
|
body {height: 100%;font: 12px/1.333 "\5FAE\8F6F\96C5\9ED1","Hiragino Sans GB",arial,helvetica,clean;}
|
After Width: | Height: | Size: 8.4 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 5.6 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 150 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 541 B |
After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 549 B |
After Width: | Height: | Size: 554 B |
After Width: | Height: | Size: 685 B |
After Width: | Height: | Size: 928 B |
After Width: | Height: | Size: 570 B |
After Width: | Height: | Size: 9.5 KiB |
After Width: | Height: | Size: 936 B |
After Width: | Height: | Size: 7.2 KiB |
After Width: | Height: | Size: 603 B |
After Width: | Height: | Size: 762 B |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 5.0 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,18 @@
|
|||||||
|
var vm = new Vue({
|
||||||
|
el:'#pageShow',
|
||||||
|
data:{
|
||||||
|
bookList:null
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getBookList:function(){
|
||||||
|
axios.post('getBookList').then(function (response) {
|
||||||
|
vm.bookList = response.data.result;
|
||||||
|
console.log(response);
|
||||||
|
}).catch(function (error) {
|
||||||
|
console.log(error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
vm.getBookList();
|
@ -0,0 +1,113 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="Zh-hans" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>书籍列表 - 探果网</title>
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/reset.css'}" />
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/iconfont.css'}" />
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/member/bookList.css'}" />
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/member/memberMain.css'}" />
|
||||||
|
<link type="favicon" rel="shortcut icon" th:href="${domainName + 'images/favicon.png'}" />
|
||||||
|
<!-- 引入样式 -->
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.4.2/lib/theme-chalk/index.css">
|
||||||
|
<style type="text/css">
|
||||||
|
.time {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
margin-top: 13px;
|
||||||
|
line-height: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
padding: 0;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix:before,
|
||||||
|
.clearfix:after {
|
||||||
|
display: table;
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix:after {
|
||||||
|
clear: both
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body style="position: relative;height: auto;min-height: 100%;">
|
||||||
|
|
||||||
|
<div class="head" th:fragment="memberHeader">
|
||||||
|
<div class="head-bar public">
|
||||||
|
<div class="logo">
|
||||||
|
<a target="_blank" th:href="${domainName}">
|
||||||
|
<img th:src="${domainName + 'images/logo_731bc32.png'}">
|
||||||
|
</a>
|
||||||
|
<p><span>书籍中心</span></p>
|
||||||
|
</div>
|
||||||
|
<ul class="nav">
|
||||||
|
<li><a th:href="${domainName + 'member/index.html'}">首页</a></li>
|
||||||
|
<li class="active"><a th:href="${domainName + 'member/book/list.html'}">书籍</a></li>
|
||||||
|
<li><a th:href="${domainName + 'member/account.html'}">帐号</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="mguser">
|
||||||
|
<div class="mguser-box">
|
||||||
|
<span th:text="${session.currMember.username}">tamguo</span>
|
||||||
|
<a th:href="${domainName + 'logout.html'}">退出</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cnav">
|
||||||
|
<div class="public cnav_b">
|
||||||
|
<div class="cnav_left">
|
||||||
|
探果五步曲
|
||||||
|
</div>
|
||||||
|
<div class="cnav_right">
|
||||||
|
<ul>
|
||||||
|
<li><span class="Cnav_t">1</span><b>新建书籍</b></li>
|
||||||
|
<li><span>2</span>添加章节</li>
|
||||||
|
<li><span>3</span>书写内容</li>
|
||||||
|
<li><span>4</span>发布试卷</li>
|
||||||
|
<li><span>5</span>等待收益</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="plist test_public myPositionList ng-scope" style="padding:10px;">
|
||||||
|
<div class="topbt topbt-2">
|
||||||
|
<h3>我的试卷</h3>
|
||||||
|
</div>
|
||||||
|
<div class="pageShow" id="pageShow" style="padding:40px;">
|
||||||
|
<div class="con_top addNewPaper">
|
||||||
|
<span style="text-align: center;" id="addSiama"><a href="javascript:void(0)">+ 新建试卷</a></span>
|
||||||
|
</div>
|
||||||
|
<div class="slide-list" style="width: 4050px; left: -2025px;"><ul class="list-col list-col5 list-express slide-item clone">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="clear" style="margin-top: 20px;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 尾部-->
|
||||||
|
<div th:replace="include/memberFooter :: memberFooter"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
<script type="text/javascript" th:inline="javascript">
|
||||||
|
var mainHttp = [[${domainName}]];
|
||||||
|
</script>
|
||||||
|
<!-- import JavaScript -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.4.2/lib/index.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js"></script>
|
||||||
|
<script type="text/javascript" th:src="${domainName + 'js/member/bookList.js'}" ></script>
|
||||||
|
</html>
|
@ -0,0 +1,134 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="Zh-hans" xmlns:th="http://www.thymeleaf.org">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>会员中心 - 探果网</title>
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/reset.css'}" />
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/iconfont.css'}" />
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/member/index.css'}" />
|
||||||
|
<link rel="stylesheet" th:href="${domainName + 'css/member/memberMain.css'}" />
|
||||||
|
<link type="favicon" rel="shortcut icon" th:href="${domainName + 'images/favicon.png'}" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- 头部-->
|
||||||
|
<div class="head" th:fragment="memberHeader">
|
||||||
|
<div class="head-bar public">
|
||||||
|
<div class="logo">
|
||||||
|
<a target="_blank" th:href="${domainName}">
|
||||||
|
<img th:src="${domainName + 'images/logo_731bc32.png'}">
|
||||||
|
</a>
|
||||||
|
<p><span>书籍中心</span></p>
|
||||||
|
</div>
|
||||||
|
<ul class="nav">
|
||||||
|
<li class="active"><a th:href="${domainName + 'member/index.html'}">首页</a></li>
|
||||||
|
<li><a th:href="${domainName + 'member/book/list.html'}">书籍</a></li>
|
||||||
|
<li><a th:href="${domainName + 'member/account.html'}">帐号</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="mguser">
|
||||||
|
<div class="mguser-box">
|
||||||
|
<span th:text="${member.username}">tamguo</span>
|
||||||
|
<a th:href="${domainName + 'logout.html'}">退出</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--主体-->
|
||||||
|
<div class="cnav">
|
||||||
|
<div class="public cnav_b">
|
||||||
|
<div class="cnav_left">
|
||||||
|
探果五步曲
|
||||||
|
</div>
|
||||||
|
<div class="cnav_right">
|
||||||
|
<ul>
|
||||||
|
<li><span class="Cnav_t">1</span><b>新建书籍</b></li>
|
||||||
|
<li><span>2</span>添加章节</li>
|
||||||
|
<li><span>3</span>书写内容</li>
|
||||||
|
<li><span>4</span>发布书籍</li>
|
||||||
|
<li><span>5</span>等待收益</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="PCshow hide" style="display: block;">
|
||||||
|
<div class="examContent public">
|
||||||
|
<h2>
|
||||||
|
<img th:src="${domainName + 'images/member/index/face-xiao.png'}"
|
||||||
|
style="position: relative; top: -2px;"> <span
|
||||||
|
style="letter-spacing: 4px;">
|
||||||
|
<b id="userName" style="font-weight: normal; color: #2abcb8" th:text="${member.nickName}">tamguo</b>,您好!欢迎来到探果网会员中心
|
||||||
|
</span>
|
||||||
|
</h2>
|
||||||
|
<!-- 左侧基本信息项 -->
|
||||||
|
<div class="newsLeft">
|
||||||
|
<div class="baseNews">
|
||||||
|
<h3><i></i> 基本信息</h3>
|
||||||
|
<div id="borderBox">
|
||||||
|
<table style="float: left;">
|
||||||
|
<tbody><tr>
|
||||||
|
<td>
|
||||||
|
<span class="logoV">
|
||||||
|
<img th:src="${domainName + member.avatar}">
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody></table>
|
||||||
|
<b th:title="${member.username}" style="font-size: 16px; margin-left: 14px;float: left;display: inline-block;font-weight: normal;max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" th:text="${member.username}">盘诚软件</b>
|
||||||
|
<a style="font-size: 12px;" th:href="${domainName + 'member/account.html'}"><i class="iconfont icon-icon_edit"></i> 编辑</a>
|
||||||
|
</div>
|
||||||
|
<p style="clear: both;height: 0px;"></p>
|
||||||
|
</div>
|
||||||
|
<div class="well"></div>
|
||||||
|
<div class="userNews">
|
||||||
|
<h3><i></i> 账户信息</h3>
|
||||||
|
<ul>
|
||||||
|
<li style="padding-left: 21px;">积分:
|
||||||
|
<b style="margin-left:14px;color:#009688;" id="examCandsNum" th:text="${member.point + ' '}">1000</b>分
|
||||||
|
</li>
|
||||||
|
<li style="padding-left: 24px;">余额:<b style="margin-left: 19px;color:#009688;" th:text="${#numbers.formatDecimal(member.amount,1,2) + ' '}">50</b>元</li>
|
||||||
|
<li style="padding-left: 21px;">最近登录时间:<b style="margin-left: 13px;" th:text="${#dates.format(member.lastLoginTime * 1000, 'yyyy/MM/ss HH:mm')}">2018-04-27 10:32</b></li>
|
||||||
|
</ul>
|
||||||
|
<a th:href="${domainName}" target="_blank" id="addMoney">我的钱包</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 右侧信息显示 -->
|
||||||
|
<div class="newsR">
|
||||||
|
<div class="topNews" id="numList1">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<img th:src="${domainName + 'images/member/index/peneil.png'}" style="margin-top: 26px;position: relative;top: -4px;"><br>
|
||||||
|
<span><b id="datab1" th:text="${member.downNum}">0</b> 次</span><br>
|
||||||
|
<span>下载总数</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img th:src="${domainName + 'images/member/index/paperm.png'}" style="margin-top: 26px;position: relative;top: -4px;"><br>
|
||||||
|
<span><b id="datab2" th:text="${member.paperNum}">1</b> 套</span><br>
|
||||||
|
<span>书籍总数</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img th:src="${domainName + 'images/member/index/peoplem.png'}" style="margin-top: 26px;position: relative;top: -4px;"><br>
|
||||||
|
<span><b id="datab3" th:text="${member.hitsNum}">0</b> 次</span><br>
|
||||||
|
<span>阅读总数</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img th:src="${domainName + 'images/member/index/testnew.png'}" style="margin-top: 26px;position: relative;top: -6px;"><br>
|
||||||
|
<span><b id="datab4" th:text="${member.questionNum}">19</b> 章</span><br>
|
||||||
|
<span>章节总数</span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="newExam">
|
||||||
|
<div class="add-p">
|
||||||
|
<a th:href="${domainName + 'member/book/list.html'}"><i class="iconfont icon-jia" style="font-size:130px;"></i></a>
|
||||||
|
</div>
|
||||||
|
<a th:href="${domainName + 'member/book/list.html'}">开始新建书籍</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 尾部-->
|
||||||
|
<div th:replace="include/memberFooter :: memberFooter"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,25 @@
|
|||||||
|
package com.tamguo.web.tiku;
|
||||||
|
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.stereotype.Controller;
|
||||||
|
import org.springframework.web.bind.annotation.RequestMapping;
|
||||||
|
import org.springframework.web.bind.annotation.RequestMethod;
|
||||||
|
import org.springframework.web.bind.annotation.ResponseBody;
|
||||||
|
|
||||||
|
import com.tamguo.common.utils.Result;
|
||||||
|
import com.tamguo.modules.sys.service.ISysAreaService;
|
||||||
|
|
||||||
|
@Controller
|
||||||
|
public class AreaController {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private ISysAreaService iSysAreaService;
|
||||||
|
|
||||||
|
@RequestMapping(value = {"area/findAreaTree.html"}, method = RequestMethod.GET)
|
||||||
|
@ResponseBody
|
||||||
|
public Result findAreaTree() {
|
||||||
|
return iSysAreaService.findAreaTree();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|