@charset "utf-8";

.meberBg{ background:#f3f3f3}

.userCenter{ width:1120px; margin:80px auto; background:#fff}
.userCenter .userindex{ width:100%; table-layout:fixed}
.userCenter .userindex .itemCell{ padding:0; border:0 none; height:280px; text-align:center}
.userCenter .userindex .itemCell.itemcellbg01{ background:#f2aed2}
.userCenter .userindex .itemCell.itemcellbg02{ background:#f4d86b}
.userCenter .userindex .itemCell.itemcellbg03{ background:#7bddf5}
.userCenter .userindex .itemCell.itemcellbg04{ background:#d8badf}
.userCenter .userindex .itemCell .link{ display:block; color:#fff}

.userCenter .userindex .itemCell .link .icon{ display:block; width:65px; margin:0 auto 20px;}
.userCenter .userindex .itemCell .link .icon i{ font-size:60px;}
.userCenter .userindex .itemCell .link .icon img{ display:block; width:100%; height:auto;}
.userCenter .userindex .itemCell .link h2{ text-align:center; font-size:26px; font-weight:normal}
.userCenter .userindex .itemCell .link.txcolo01{ color:#ff}
.userCenter .userindex .itemCell .link.txcolo02{ color:#c1c1c1}
.userCenter .userindex .itemCell .link.txcolo03{ color:#333333}
.userCenter .userindex .itemCell .link p{ font-size:12px; color:#666666; line-height:25px; padding:15px 15px 0; text-align:center}
.userCenter .userindex .itemCell .smallBtn{ text-align:center; padding:20px 0 0}
.userCenter .userindex .itemCell .smallBtn .sbtn{ display:inline-block;zoom:1;*display:inline; margin:0 2px; padding:0 4px; vertical-align:middle; min-width:88px; height:28px; border:1px solid #000; line-height:28px; text-align:center; color:#000}
.userCenter .userindex .itemCell .smallBtn .sbtn.witeborder{ border:1px solid #fff; color:#fff}

.userCenter .slidePics .prev{ background:url(../img/arrow_left3.png) 50% 50% no-repeat}
.userCenter .slidePics .next{  background:url(../img/arrow_right3.png) 50% 50% no-repeat} 



.userCenter.margin_60{ margin:80px auto}
.userLogin{zoom:1; background:#fff;}
.userLogin:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.userLogin .pic{ float:left; width:720px;}
.userLogin .pic img{ display:block; width:100%; height:auto}
.userLogin .text{ margin-left:720px; padding:80px 50px 10px}
.userLogin .text h2{ text-align:center; font-size:30px; text-align:center; margin:0 0 30px}
.userLogin .text h2 i{ display:inline-block;zoom:1;*display:inline; width:46px; height:1px; background:#c41f77}

.userLogin .text ul{}
.userLogin .text li{ padding:14px 0 14px 30px; border-bottom:1px solid #eeeeee; position:relative}
.userLogin .text li .usertxt{ border:0 none; margin:0; padding:0; width:220px; height:24px; line-height:24px;}
.userLogin .text li .usertxt.usertxt02{ width:180px}
.userLogin .text li .icon{ position:absolute; left:0;top:50%; font-size:20px; color:#cccdcd; height:20px; margin-top:-10px}
.userLogin .text label{ display:inline-block;zoom:1;*display:inline; vertical-align:middle;}
.userLogin .text ul.resign li{padding:14px 0; position:relative}
.userLogin .text ul.resign li .usertxt{width:250px;}
.userLogin .text ul.resign li .usertxt.usertxt02{ width:210px}
.userLogin .text .ttptxt{ padding:20px 0 0}
.userLogin .text .ttP14{ text-align:center; color:#333333; line-height:28px; }
.userLogin .text .ttP12{ text-align:center; color:#333333; line-height:28px; font-size:12px }
.userLogin .text .ttP14 em{ color:#c41f77}

.userLogin .text .checkbox{ vertical-align:-3px; padding:0; margin:0 4px 0 0}

.userLogin .text .sendbtn{ padding:30px 0 0}
.userLogin .text .sendbtn.resignsendbtn{ padding:15px 0 0}
.userLogin .text .sendbtn .btn{ display:block;  width:100%; height:40px; line-height:38px; text-align:center; color:#fff; border:0 none; background:#c41f77; font-size:16px}

.userLogin .text .linkLianjie{ padding:20px 0 0; text-align:center; font-size:12px}
.userLogin .text .linkLianjie.linkLianStyle{ padding:5px 0 0}
.userLogin .text .link{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; padding:0 5px}

.userLogin .text.textresign { padding-top:35px}
.userLogin .text.textresign  h2{margin:0 0 20px}
.userLogin .text.textresign .resignTab{ text-align:center; letter-spacing:-5px}
.userLogin .text.textresign .resignTab span{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; letter-spacing:0; height:30px; line-height:30px; padding:0 20px; border:1px solid #dcdcdc; color:#727171; background:#fff; cursor:pointer}
.userLogin .text.textresign .resignTab span.curr{ color:#fff; background:#c41f77; border:1px solid #c41f77}

.userLogin .text.textresign .resignTabCont{ margin-top:10px; position:relative; height:230px}
.userLogin .text.textresign .resignTabCont .ulStyle{ position:absolute; left:0;top:0;right:0; background:#fff; display:none}
.userLogin .text.textresign .resignTabCont .ulStyle.curr{ display:block}
.userLogin .text .yanzhengCode{ display:block; position:absolute; right:0; top:14px; height:28px; padding:0 5px; background:#d0d0d0; text-align:center; line-height:28px; color:#888888;}
.userLogin .text .code{ display:block; position:absolute; right:0; top:14px; height:28px; width:70px; background:#fff; }
.userLogin .text .code img{ display:block; width:100%; height:auto}



.userSuccIntro{ padding:70px 0 0;}
.userSuccIntro .biaot{ font-size:24px; text-align:center; color:#000; padding:0 0 20px}
.userSuccIntro .p{ text-align:center;}
.userSuccIntro .p a{ color:#c40068; text-decoration:underline}





.userPanel{ width:1120px; margin:0 auto 40px; zoom:1}
.meberBg .crumbsField{ padding:20px 0}
.userPanel:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.userLeft{ float:left; width:240px; margin-right:40px; min-height:510px}
.userRight{ margin-left:280px; background:#fff; min-height:510px}

.userLeft .title_01{ width:100%; padding:15px 0; text-align:center; font-size:20px; line-height:20px; color:#fff; background:#c31f76; margin-bottom:10px}
.userLeft .linksField{ padding:20px 20px 5px; background:#fff }
.userLeft .linksField .lkArea{ padding:0 0 15px 50px;}
.userLeft .linksField .lkArea h2{ position:relative; font-size:16px; height:40px; line-height:40px;}
.userLeft .linksField .lkArea h2 .icon{ position:absolute; left:-50px; top:0; width:40px; height:40px}
.userLeft .linksField .lkArea h2 .icon img{ display:block; width:100%; height:auto;}
.userLeft .linksField .lkArea .link{ display:block; padding:10px 0; line-height:15px}
.userLeft .linksField .lkArea .link em{ font-weight:bold; color:#c31f76}
.userLeft .linksField .lkArea .link:hover,.userLeft .linksField .lkArea .curr{ color:#c31f76}

.userRField{ padding:10px 30px 40px}
.userRField .title_01{ font-size:18px; position:relative; line-height:20px; padding:5px 0}
.userRField .title_01:after{content:''; position:absolute; left:0; bottom:-2px; width:60px; height:2px; background:#c31f76}
.userRField .title_01 .linkbtn{ display:block; position:absolute; right:0; top:7px; text-align:right}
.userRField .title_01 .linkbtn .lkbtn{ width:100px; height:28px; line-height:26px; font-size:14px;}
.userRField .title_01 .linkbtn .lkbtn.on{ background:#c41f77; border:1px solid #c41f77; color:#fff}

.userRField .userForm{ }
.userRField .userForm .itemCell{ padding:6px 0; }
.userRField .userForm .userformName{ width:85px; padding-right:15px; text-align:right}

.userRField .userForm .label{ display:inline-block;zoom:1;*display:inline}
.userRField .userForm .label.labelPadding{ padding-right:10px}
.userRField .userForm .textWd_01{ width:465px;}

.userRField .userForm .itemCell .yanzhBtn{ vertical-align:middle; width:85px; height:38px; line-height:36px; color:#888888; margin-left:10px; border:0 none; background:#e1e1e1; display:none}
.userRField .userForm .itemCell .tip{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; background:url(../img/icon_yanzheng.png) 0 50% no-repeat; padding-left:22px; font-size:12px; color:#999999; margin-left:10px}
.userRField .userForm .itemCell.noyanzheng .textWd_01{ width:370px;}
.userRField .userForm .itemCell.noyanzheng .yanzhBtn{ display: inline-block;zoom:1;*display:inline;}
.userRField .userForm .itemCell.noyanzheng .yanzhBtn.bgcolor{ background:#c31f76; color:#fff}
.userRField .userForm .itemCell.noyanzheng .tip{ display:none}

.userRField .userForm  .detailadd .selectAera{ width:462px}
.userRField .userForm .selectAera{ width:146px; margin-right:10px}
.userRField .userForm  .sendbtn{ padding:15px 0 0}


.userRField .record_table{margin-bottom:20px; table-layout:auto}
.userRField .record_table th{ background:#f3f3f8; text-align:left; padding:6px 12px; font-weight:bold;}
.userRField .record_table td{ border-bottom:1px dotted #e6e6e6;padding:10px 12px; text-align:left; font-size:12px}

.userRFArea{ padding:20px 0 0}
.userIntro p{ padding:0 0 20px}

.userRFArea .anbtn{ width:120px}

.userRFArea .kanwuList{zoom:1; margin:20px -15px 0}
.userRFArea .kanwuList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.userRFArea .kanwuList li{ padding:15px; width:240px; height:330px; overflow:hidden; float:left}
.userRFArea .kanwuList li .picBox{ width:100%; height:100%; overflow:hidden; position:relative; }
.userRFArea .kanwuList li .picBox .pic{  -webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s;transition: transform 0.3s;}
.userRFArea .kanwuList li .picBox .pic img{ display:block; width:100%; height:auto;}
.userRFArea .kanwuList li .picBox .linkArea{ position: absolute; left:0;right:0; bottom:0;top:0; background:url(../img/smark01.png); opacity:0; -webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
.userRFArea .kanwuList li .picBox:hover .linkArea{ opacity:1}
.userRFArea .kanwuList li .picBox:hover .pic{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);}
.userRFArea .kanwuList li .picBox .linkArea .name{ position:absolute; left:10px;right:10px; bottom:10px; font-size:16px; color:#fff; text-align:left}
.userRFArea .kanwuList li .picBox .linkArea .linkAre{ position:absolute; left:50%;top:50%; width:206px; height:80px; margin:-40px 0 0 -103px}
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links{zoom:1; padding:0 0 10px}
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links .lk{ float:left; margin-left:6px; width:100px; background:#fff; color:#333; line-height:32px; text-align:center; display:block}
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links .lk:first-child{ margin-left:0}
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links .lk.wd1{ width:150px}
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links .lk.wd2{ width:50px; background:#d52891; color:#fff}
.userRFArea .kanwuList li .picBox .linkArea .linkAre .links .lk .webtext{ height:32px; line-height:32px; padding:0 5px; margin:0; border:0 none; background:none}

.shoucangField{}
.shoucangField .itemTable{ margin-bottom:20px}
.shoucangField .pic{ width:200px; height:200px; overflow:hidden; padding-right:30px;border-bottom:1px dotted #e6e6e6; padding-top:30px;}
.shoucangField .pic a{ display:block; width:200px; height:200px; overflow:hidden} 
.shoucangField .pic img{ display:block; width:100%; height:auto}
.shoucangField .itemRow:first-child .pic{ padding-top:10px}
.shoucangField .txtAre{ border-bottom:1px dotted #e6e6e6; vertical-align:middle}
.shoucangField .txtAre .txt{ padding:20px 0; position:relative}
.shoucangField .txtAre .txt h2{ font-size:18px; padding:0 200px 10px 0;}
.shoucangField .txtAre .txt .arrowlink{ color:#c41f77; background: url(../img/smallIcon_01.png) 100% 50% no-repeat; padding:0 10px 0 6px; margin:0 5px 0 0; display:inline-block;zoom:1;*display:inline}
.shoucangField .txtAre .txt .controls{ position:absolute; right:0; top:20px; width:200px; text-align:right}
.shoucangField .txtAre .txt .controls .link{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; color:#999999; margin:0 0 0 10px}
.shoucangField .txtAre .txt .controls .link .icon{ font-size:22px; color:#c9caca; vertical-align:middle; margin:0 3px}

.userLetter{}
.checkAllField{ padding:0 0 10px; font-size:12px}
.checkAllField .label{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; margin-right:5px}
.checkAllField .label input{ vertical-align:-3px; margin-right:6px}
.checkAllField .link{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; margin:0 5px; border:1px solid #e6e6e6; background:#e6e6e6; border-radius:26px; padding:0 10px; line-height:20px}
.checkAllField .link.wtbg{ background:#fff}

.checkItemField{}
.checkItemField ul{ margin-bottom:20px}
.checkItemField li{ padding:12px 0; border-bottom:1px dotted #e6e6e6; font-size:12px}
.checkItemField .itemlist{zoom:1; overflow:hidden}
.checkItemField .itemlist:after {  clear: both;}
.checkItemField .itemlist .list{ display:block; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box;}
.checkItemField .itemlist .list.wd01{ width:425px;}
.checkItemField .itemlist .list.wd02{ width:210px; text-align:center}
.checkItemField .itemlist .list.wd03{ width:145px;text-align:center}
.checkItemField .itemlist .label{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; margin-right:5px}
.checkItemField .itemlist .label input{ margin-right:6px}
.checkItemField li.hasbg{ padding:6px 0; background:#f3f3f8; font-weight:bold; border-bottom:0 none}
.checkItemField li.hasbg .list{ padding:0 30px; font-size:14px}
.checkItemField li .list span{ cursor:pointer}
.checkItemField li.new .list span{ font-weight: bold;}
.checkItemField li.new .list span:after{ content:"[New]"; display:inline-block;zoom:1;*display:inline; vertical-align:middle; color:#ff0000; font-weight:normal}
.checkItemField li .list span:hover{ color:#c31f76; text-decoration:underline}
.checkItemField .txtDetail{ padding:5px 0 0; display:none}
.checkItemField .txtDetail .closebtn{ background:url(../img/icon_uparrow.png) 100% 50% no-repeat; padding:0 16px 0 0; display:inline-block;zoom:1;*display:inline; font-size:12px; font-weight: bold; cursor:pointer}

.userCalendar{ position:relative;}
.userCalendar .messageList{ padding:0 300px 0 0}
.userCalendar .messageList li{ }
.userCalendar .messageList li .titbiaoti{ border-bottom:1px dashed #e6e6e6; padding:8px 60px 8px 0; position:relative}
.userCalendar .messageList li .titbiaoti em{ font-weight:bold; color:#000000}
.userCalendar .messageList li .titbiaoti .editeBtns{ position:absolute; right:0; top:8px; width:60px; text-align:right}
.userCalendar .messageList li .titbiaoti .editeBtns .btns{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; width:22px; height:22px; text-indent:-9999px}
.userCalendar .messageList li .titbiaoti .editeBtns .btns.editebtn{ background:url(../img/edite_btn.png) 50% 50% no-repeat}
.userCalendar .messageList li .titbiaoti .editeBtns .btns.deletebtn{ background:url(../img/delet_btn.png) 50% 50% no-repeat}

.userCalendar .messageList li .message{ padding:5px 0 15px; line-height:22px; }
.userCalendar .messageList li .message p .arrowlink{ color:#c41f77; background: url(../img/smallIcon_01.png) 100% 50% no-repeat; padding:0 10px 0 6px; margin:0 5px 0 0; display:inline-block;zoom:1;*display:inline}

.riliField{ position:absolute;right:0; top:8px; width:260px;}
.riliField .linkBtns{ letter-spacing:-5px; margin-bottom:10px}
.riliField .linkBtns .link{ letter-spacing:0; display:inline-block;zoom:1;*display:inline; vertical-align:middle; width:80px; height:24px; border:1px solid #c31f76; background:#c31f76;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box; line-height:24px; text-align:center; color:#fff; font-size:12px; margin-left:10px;}
.riliField .linkBtns .link:first-child{ margin-left:0}
.riliField .linkBtns .link.dclink{ border:1px solid #cccccc; background:#fff; color:#666666}

.calenderField{ width:100%;}
.calenderField .monthArea{ background:#c31f76; height:40px; line-height:40px; text-align:center; color:#fff}
.calenderField .monthArea .prebtn{ display:inline-block;zoom:1;*display:inline; vertical-align:middle; width:40px; height:40px; background: url(../img/arrow_left2.png) 50% 48% no-repeat}
.calenderField .monthArea .nextbtn{  display:inline-block;zoom:1;*display:inline; vertical-align:middle;width:40px; height:40px; background: url(../img/arrow_right2.png) 50% 48% no-repeat}
.calenderField .monthArea span{ font-size:16px; line-height:16px}
.calenderField .weekDay{ border:1px solid #eeeeee; border-top:0 none; padding: 5px 10px}
.calenderField .weekDay .table_rili{ padding:0; margin:0; width:100%; table-layout:fixed; text-align:center;}
.calenderField .weekDay .table_rili th,
.calenderField .weekDay .table_rili td{ height:31px; vertical-align:middle; font-size:12px}
.calenderField .weekDay .table_rili td .link{ display:block; width:100%; height:100%; position:relative; cursor:auto; line-height:31px}
.calenderField .weekDay .table_rili td.hasMS .link{ background: url(../img/arrow_circal.png) 50% 100% no-repeat; color:#c31f76; cursor:pointer}