@charset "UTF-8";
/*内容样式*/
.memberLoginBg{ background:url(../img/member_bg.jpg) 0 100% no-repeat; background-size:100% auto}




.loginField{ padding:11rem 2.2em; }
.loginField .formlist li{ padding:1em 0 1em 3em; position:relative; border-bottom:1px solid #d4d4d4}
.loginField .formlist li .icon{ position:absolute; left:0; top:50%; width:2em; height:2em; margin-top:-1em; line-height:2em}
.loginField .formlist li .icon em{ font-size:1.8em; color:#d4d4d4; font-weight:normal}
.loginField .formlist li .label{ display:block;}
.loginField .formlist li .text1{ padding:0; margin:0; border:0; display:block; width:100%;  background:transparent; font-size:1.4em; line-height:1.5em; word-wrap:break-word; overflow:visible; text-align:left; color:#fff}
.loginField .formlist li .codeicon{ display:block; position:absolute;right:0; top:50%; width:4.8em; height:2em; line-height:2em; margin-top:-1.4em; padding:0.4em 0.8em; border-radius:2em; overflow:hidden; background:#fff}
.loginField .formlist li .codeicon img{ display:block; width:100%; height:100%}
.loginField .formlist li .codeicon.dxcode { width:8em; background:(255,255,255,0.8); text-align:center}
.loginField .formlist li .codeicon span{ font-size:1.5em; color:#666666}

.loginField .rulerTx{ display:block; padding:2em 0 0;}
.loginField .rulerTx span{ font-size:1.4em; color:#fff}

.loginField .webBtnField{ padding:2em 0}
.loginField .webBtnField .webtns{ margin:0; background:#c41f77}

.loginField .resignLinks{ position:fixed; width:100%; max-width:75em; bottom:3.4rem;}
.loginField .resignLinks .linkArea{ width:100%; text-align:center;}
.loginField .resignLinks .linkArea .link{ display:inline-block; font-size:1.4em; color:#fff; padding:1em }


.loginField.searchPass{ padding:1em 2.2em}
.loginField.searchPass .formlist li{ padding: 1em 0}
.loginField.searchPass .formlist li .text1{ color:#999999}
.loginField.searchPass .formlist li .codeicon.dxcode{ background:#eaeaea}
.loginField.searchPass .formlist li .codeicon span{ color:#666}


.rulerPanel{ padding:2.2em}
.rulerPanel .rulertxt{ font-size:1.4em; line-height:1.6em;}
.rulerPanel .rulertxt p{ padding:0 0 0.5em}

.memberCenter{}
.memberCenter .mebertop{ width:100%; background:url(../img/member_bg2.jpg) 0 100% no-repeat; background-size:100%; padding:2.5rem 0}
.memberCenter .mebertop .meberimg{ width:5.4em; height:5.4em; border-radius:6em; border:0.2em solid rgba(255,255,255,0.5); background:#CCC; overflow:hidden; margin:0 auto}
.memberCenter .mebertop .meberimg img{ display:block; width:100%; height:auto}
.memberCenter .mebertop .mebername{ padding:0.4em 0;}
.memberCenter .mebertop .mebername p{ text-align:center; font-size:1.6em; line-height:1.6em; color:#fff}
.memberCenter .mebertop .meberlink{ padding:0.6em 0; text-align:center}
.memberCenter .mebertop .meberlink .link{ display:inline-block; vertical-align:middle; margin:0 0.5em; padding:0.2em 1.2em; border:0.1em solid #fff; border-radius:5em;}
.memberCenter .mebertop .meberlink .link span{ font-size:1.4em; line-height:1.6em; color:#fff}


.memberCenter .zd_list ul li .link{ padding:0.5em 0}
.memberCenter .zd_list ul li .updatebtn{ display:block; position:absolute; right:0; top:50%; padding:0.3em 1.2em;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); background:#f9ae48; border-radius:5em}
.memberCenter .zd_list ul li .updatebtn span{ font-size:1.4em; color:#fff;}

.memberCenter .zd_list ul li i{ top:2.5em}

.shoucangList{}
.shoucangList ul{ padding:0 1em}
.shoucangList ul li{ display:table; width:100%; padding:0; margin:0; border-bottom:1px solid #f1f1f1}
.shoucangList ul li .list{ display:table-row}
.shoucangList ul li .list .pic{ display:table-cell; width:9em; height:6.5em; overflow:hidden; padding:1em 0; vertical-align:top}
.shoucangList ul li .list .pic a{ display:block; width:100%;height:6.5em; overflow:hidden}
.shoucangList ul li .list .pic img{ display:block; width:100%; height:auto}
.shoucangList ul li .list .info{ display:table-cell; padding:1em 0 1em 1em; position:relative; vertical-align:top}
.shoucangList ul li .list .info .name{ display:block; font-size:1.4em; line-height:1.4em; color:#333333; padding:0 0 0.2em}
.shoucangList ul li .list .info .brand{ font-size:1.3em; padding:0 0 1em}
.shoucangList ul li .list .info .location{ position:absolute; bottom:1.2em; left:1em;right:0;}
.shoucangList ul li .list .info .location .icon{ display:inline-block; vertical-align:middle; font-size:1.5em; color:#424242;}
.shoucangList ul li .list .info .location .icon.iconfont-wuxing2{ color:#f9b353}
.shoucangList ul li .list .info .location span{ display:inline-block; vertical-align:middle; font-size:1.2em; color:#999999; padding:0 0 0 0.2em }
.shoucangList ul li .list .info .location .del{ position:absolute; right:0; bottom:0.3em;}
.shoucangList ul li .list .info .location .telphone{ padding:0.3em 0; display:block}
.shoucangList ul li .list .info .location .weizhi{display:block; padding:0.3em 0;}


.tttxtList{}
.tttxtList ul{ padding:0 1em}
.tttxtList ul li{ padding:1em 0; border-bottom:1px solid #f1f1f1}
.tttxtList ul li .tttitle{ padding:0 0 0.8em}
.tttxtList ul li .tttitle h2{ font-size:1.6em; color:#000; line-height:1.5em}
.tttxtList ul li .tttitle h2 em{ color:#f80303; font-size:0.8em}
.tttxtList ul li .tttitle span{display:inline-block; vertical-align:middle; font-size:1.4em; line-height:1.5em; color:#999999}
.tttxtList ul li .iconlink{ width:100%; position: relative}
.tttxtList ul li .iconlink .itembtn{ padding:0.4em 0; display:block}
.tttxtList ul li .iconlink .controlbtn{ display:block; position:absolute;right:0; bottom:0.4em; width:50%; text-align:right;}
.tttxtList ul li .iconlink .controlbtn .ctbtn{ display:inline-block; vertical-align:middle; padding-left:0.6em; }
.tttxtList ul li .iconlink .icon{ display:inline-block; vertical-align:middle; font-size:1.5em; color:#646464; padding-right:0.1em}
.tttxtList ul li .iconlink span{ display:inline-block; vertical-align:middle; font-size:1.3em; color:#999999}
.tttxtList ul li .iconlink .controlbtn .ctbtn span{ font-size:1.4em}
.tttxtList ul li .iconlink .controlbtn .ctbtn .icon{ font-size:2em}
.tttxtList ul li .iconlink .controlbtn .ctbtn .icon.icon-redcolor{ color:#c40579}
.tttxtList ul li .iconlink .controlbtn .ctbtn .icon.icon-orangecolor{ color:#fbc986}
.tttxtList ul li .iconlink span.zisecolor{ color:#cb2389}


.rilisecondlink .secondArea .links span{ display:inline-block; vertical-align:middle;}
.rilisecondlink .secondArea .links .icon{ display:inline-block; vertical-align:middle; width:1.4em; height:1.4em; border:0.1em solid #cb2389; border-radius:2em; position:relative; margin-right:0.4em}
.rilisecondlink .secondArea .links .icon:after{content:""; width:1em; height:0.2em; position:absolute; left:50%; top:50%; margin:-0.1em 0 0 -0.5em; background:#cb2389}
.rilisecondlink .secondArea .links .icon:before{content:""; height:1em; width:0.2em; position:absolute; left:50%; top:50%; margin:-0.5em 0 0 -0.1em; background:#cb2389}

.letterdetail{ padding:1em}
.letterdetail .tth2{ font-size:1.6em; padding:0.4em 0; border-bottom:1px solid #ececec; color:#000}
.letterdetail .ttContent{ padding:0.5em 0 0; font-size:1.4em; line-height:1.6em}
.letterdetail .ttContent p{ padding:0 0 0.5em;}

.noyuyueInfor{ position:absolute; left:0;right:0; top:50%; -webkit-transform:translateY(-60%);-moz-transform:translateY(-60%);-ms-transform:translateY(-60%);-o-transform:translateY(-60%);transform:translateY(-60%); text-align:center;}
.noyuyueInfor .iconI{ display:block; width:6.1em; margin:0 auto}
.noyuyueInfor .iconI .icon{ font-size:8em;  color:#d6d6d6}
.noyuyueInfor .ttxt{ padding:1.4em 0; text-align:center}
.noyuyueInfor .ttxt span{ font-size:1.6em; color:#6e6e6e}

.noyuyueInfor .btnlink{ display:inline-block;padding:0.5em 1.4em; border:0.1em solid #f9ae48; border-radius:0.5em;}
.noyuyueInfor .btnlink span{ font-size:1.5em; color:#f9ae48; line-height:1.5em}



.memberinforForm{}
.memberformField{ padding:0 1em; background:#fff}
.memberformField .tableItem{ width:100%}
.memberformField .tableItemCel{ padding:1em 0; border-bottom:1px solid #f1f1f1; position:relative}
.memberformField .tableItem .tableItemRow:last-child .tableItemCel{ border-bottom:0 none}
.memberformField .tableItemCel.name{ width:22%}
.memberformField .tableItemCel.name span{ font-size:1.4em;} 
.memberformField .tableItemCel .label{ width:100%; position:relative;}
.memberformField .tableItemCel .label.hasarrow:after{content:""; position:absolute;right:0.5em; top:50%; width:1em; height:1em; border:solid #666666; border-width:0.1em 0.1em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); margin-top:-0.5em;}
.memberformField .tableItemCel .formtxt{ width:100%; padding:0; margin:0; border:0 none; background:none; font-size:1.4em; line-height:1.5em; color:#333333}
.memberformField .tableItemCel .formtxt2{ height:3em}
.memberformField .tableItemCel .formtxt3{ height:8em}
.memberformField .tableItemCel .yzbtn{ position:absolute; right:0; top:50%; height:2em; margin:-1.4em 0 0; padding:0.4em 1em; border-radius:2em; background:#f9ae48; color:#fff; line-height:2em; display:block}
.memberformField .tableItemCel .graybg{ background:#eaeaea; color:#666666}
.memberformField .tableItemCel .yzbtn span{ font-size:1.5em;}
.memberformField .tableItemCel .cityArea{ letter-spacing:-0.3m}

.memberformField .tableItemCel .selectSt{ width:32.5%; letter-spacing:0; display:inline-block; vertical-align:middle; padding-right:0.8em;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; box-sizing:border-box;}
.memberformField .tableItemCel .selectSt:before{content:""; position:absolute;right:0; top:50%; width:1em; height:1em; border:solid #dddddd; border-width:0 0.1em 0.1em 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); margin:-1em 0 0;}
.memberformField .tableItemCel .selectt{ font-size:1.4em; line-height:1.5em; color:#333333;  margin:0; border:0 none; background:none; width:95%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}
.memberformField .tableItemCel .selectSt.select01{ width:23%;}
.memberformField .tableItemCel .selectSt.select02{ width:37%;}
.memberformField .tableItemCel .selectSt.select03{ width:37%;}

.memberformField .tableItemCel .checklabel{ display:inline-block; vertical-align:middle; padding:0 1em 0.6em 0;}
.memberformField .tableItemCel .checklabel .checkbox{ display:none}
.memberformField .tableItemCel .checklabel .checkbox + i{ display:inline-block; vertical-align:middle; width:1.2em; height:1.2em; border:0.1em solid #cccccc; position:relative; margin-right:0.2em}
.memberformField .tableItemCel .checklabel .checkbox:checked + i{border:0.1em solid #c31f76; }
.memberformField .tableItemCel .checklabel .checkbox:checked + i:after{content:""; position:absolute; left:50%; top:50%;  width:1em; height:0.4em;; border:solid #c31f76; border-width:0 0 0.1em 0.1em; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); margin:-0.4em 0 0 -0.4em }
.memberformField .tableItemCel .checklabel span{ font-size:1.4em; display:inline-block; vertical-align:middle;}