/*个人中心基础样式*** * 整体结构 * 头部 * 左侧栏 */ @charset "utf-8"; /* =s Reset*/ html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} /* =e Reset */ /* =s base */ header,footer,nav{display: block;} ::-moz-selection{background:#FD5D3C; color:#fff;} ::selection {background:#FD5D3C; color:#fff;} html,body{background:#F7F7F7;} body{font-family:"microsoft yahei",Arial;color:#000; -webkit-font-smoothing:antialiased;} i{font-style:normal;} a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;} .clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;} .clr{zoom:1;} .hide {display:none;} .inner{width:1200px;margin:0 auto;position: relative;} .yahei{font-family: "microsoft yahei";} /* =e base */ .lpHome-nav{height: 62px;background:#fff;} .lpHome-nav .logo{float: left;margin:10px 0 0 22px;} .lpHome-nav .nav{float: left;padding-left: 65px;} .lpHome-nav .nav a{font-size: 14px;color: #4a5b65;float: left;line-height: 62px;margin-right: 45px;} .lpHome-nav .nav a:hover{color:#ee5b2e;} .lpHome-msg{height: 288px;background: url(../images/userCenter/userCenter-banner.jpg) no-repeat center top;} .lpHome-msg .l-msg{float: left;padding-top: 62px;} .lpHome-msg .r-msg{float: right;padding-top: 85px;} .lpHome-msg .l-msg .avater{float: left;position: relative;} .lpHome-msg .l-msg .avater img{width: 144px;height: 144px;vertical-align: top;border:5px solid #fff;border-radius: 50%;-webkit-border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .lpHome-msg .l-msg .txt{overflow: hidden;padding:25px 0 0 33px;} .lpHome-msg .l-msg .avater em{position: absolute;right:2px;bottom: 18px;background: url(../images/userCenter/home-v2.png) no-repeat;width: 28px;height: 28px;} .lpHome-msg .l-msg .avater em.isVip{background-position: -11px -9px} .lpHome-msg .l-msg .avater em.noVip{background-position: -199px -9px} .lpHome-msg .l-msg .txt h2{font-size: 26px;color:#4f5b60;margin: 0;line-height: 1.1;} .lpHome-msg .l-msg .txt h2 em{display: inline-block;vertical-align: middle;margin-left: 6px;background: url(../images/userCenter/vipIcon.png) no-repeat;width: 30px;height: 24px;} .lpHome-msg .l-msg .txt p{font-size: 14px;color: #4f5b60;padding-top: 5px;margin: 0;} .lpHome-msg .l-msg .txt .edit-btn{font-size: 14px;color: #cc6e44;padding-top: 26px;display: block;line-height: 1.1} .lpHome-msg .l-msg .txt .edit-btn em{display: inline-block;vertical-align: middle;background: url(../images/userCenter/home-v2.png) no-repeat -16px -225px;width: 15px;height: 16px;margin-right: 6px;} .lpHome-msg .r-msg table{text-align: center;} .lpHome-msg .r-msg table td{padding: 0 30px;color: #4f5b60;font-size: 14px;} .lpHome-msg .r-msg table .trNums td{font-size: 30px;color: #ee5b2e;font-weight: bold;} .lpHome-msg .r-msg .afans{font-size: 14px;color: #4f5b60;text-align: right;padding:30px 30px 0 0;} .lpHome-msg .r-msg .afans span{padding-left: 25px;} .lpHome-msg .r-msg .afans span em{color: #ee5b2e;} .lpHome-main{width: 1200px;margin: 0 auto;position: relative;/*padding-left: 245px;*/background: #fff;font-size: 13px;} .lpHome-main .menu{position: absolute;left: 0;top: 72px;width: 220px;} .lpHome-main .mainCnt{overflow: hidden;margin-left: 220px;border-left:1px solid #D4D6D6;padding-left: 25px;padding-bottom: 65px;min-height: 700px;} .lpHome-main .menu li{position: relative;padding-left: 92px;height: 54px;line-height: 54px;font-size: 14px;color: #4a5b65;} .lpHome-main .menu li a{font-size: 14px;color: #4a5b65;display: block;} .lpHome-main .menu li em{position: absolute;background: url(../images/userCenter/home-v2.png) no-repeat;top:17px;left:62px;} .lpHome-main .menu li em.ico1{background-position: -172px -65px;width: 17px;height: 14px;margin-top: 3px} .lpHome-main .menu li em.ico2{background-position: -15px -88px;width: 17px;height: 17px;} .lpHome-main .menu li em.ico3{background-position: -15px -116px;width: 19px;height: 19px;} .lpHome-main .menu li em.ico4{background-position: -16px -143px;width: 16px;height: 18px;} .lpHome-main .menu li em.ico5{background-position: -16px -169px;width: 17px;height: 19px;} .lpHome-main .menu li em.ico6{background-position: -15px -197px;width: 19px;height: 19px;} .lpHome-main .menu li.cur{background: #eaeeef;} .lpHome-main .menu li.cur a{color: #ee5b2e;} .lpHome-main .menu li.cur em.ico1{background-position: -195px -65px;} .lpHome-main .menu li.cur em.ico2{background-position: -41px -88px;} .lpHome-main .menu li.cur em.ico3{background-position: -41px -116px;} .lpHome-main .menu li.cur em.ico4{background-position: -42px -143px;} .lpHome-main .menu li.cur em.ico5{background-position: -42px -169px;} .lpHome-main .menu li.cur em.ico6{background-position: -41px -197px;} .lpHome-main .mainCnt .title{padding-top:29px;line-height: 42px;border-bottom:1px solid #C3D1D5;margin-right: 25px;padding-left:50px;font-size: 14px;color: #ee5b2e;font-weight: bold;} .lpHome-main .mainCnt .title a{float: left;font-size: 14px;color: #4a5b65;font-weight: bold;padding-right: 45px;} .lpHome-main .mainCnt .title a.cur{color: #ee5b2e;} .lpHome-main .mainCnt .myMsg-main{padding: 10px 50px 0 50px;} .lpHome-main .mainCnt .myMsg-main li{padding:12px 0;border-bottom:1px dotted #CCD8DB;position: relative;font-size: 13px;/*margin:0 40px 0 50px;*/} .lpHome-main .mainCnt .myMsg-main li .status{position: absolute;left:-50px;top: 15px;height:18px;padding:0 6px;border-radius: 9px;-webkit-border-radius: 9px;font-size: 12px;color: #97a6ae;background:#e2e8ea;} .lpHome-main .mainCnt .myMsg-main li .tit{color: #ee5b2e;} .lpHome-main .mainCnt li .des{line-height: 24px;color: #4a5b65;padding-top: 7px;} .lpHome-main .mainCnt li .dataMsg{padding-top:13px;font-size: 12px;color: #afb7c7;} .lpHome-main .mainCnt li .dataMsg a{color: #afb7c7;font-size: 12px;padding-left: 20px;display: inline-block;} .lpHome-main .mainCnt .myMsg-main li.priMsg .tit, .lpHome-main .mainCnt .myMsg-main li.cmtMsg .tit{color: #4a5b65;} .lpHome-main .mainCnt .myMsg-main li .tit a, .lpHome-main .mainCnt .myMsg-main li .tit span{color: #ee5b2e;} /*私信对话模板*/ .lpHome-main .mainCnt .priMsg-info{padding-left: 50px;margin-right: 200px;padding-top: 30px;} .priMsg-info .hd a{font-size: 13px;color: #4a5b65;display: inline-block;} .priMsg-info .hd .clear{padding-left:68px;} .priMsg-info .hd .lookAll{font-weight: bold;} .lpHome-main .mainCnt .priMsg-info li{margin:0;} .lpHome-main .mainCnt .priMsg-info .box{margin-top: 20px;border:1px solid #C3D1D5;} .lpHome-main .mainCnt .priMsg-info .box .tit{padding: 0 30px;line-height: 64px;color: #4a5b65;background: #f8fafa;border-bottom: 1px solid #C3D1D5;} .lpHome-main .mainCnt .priMsg-info .box .tit a{color: #ee5b2e;} .lpHome-main .mainCnt .priMsg-info .box .tit .del{float:right;color:#afb7c7;} .lpHome-main .mainCnt .priMsg-info .box .tit .del em{display: inline-block;vertical-align: -3px;;background: url(../images/userCenter/home-v2.png) no-repeat -41px -225px;width: 13px;height: 17px;margin-right:5px;} .lpHome-main .mainCnt .priMsg-info .box ul{padding: 30px 30px 20px 30px;} .lpHome-main .mainCnt .priMsg-info .box li{padding:0 0 20px 50px;overflow: hidden;border-bottom:0;} .lpHome-main .mainCnt .priMsg-info .box li.my{} .lpHome-main .mainCnt .priMsg-info .box li .avater{position: absolute;left:0px;top: 0} .lpHome-main .mainCnt .priMsg-info .box li .avater img{width: 36px;height: 36px;border-radius: 50%;-webkit-border-radius: 50%;} .lpHome-main .mainCnt .priMsg-info .box li .txt{background: #e2e8ea;max-width: 370px;position: relative;font-size: 13px;color: #4a5b65;line-height: 25px;padding: 8px 16px;border-radius: 3px;-webkit-border-radius: 3px;} .lpHome-main .mainCnt .priMsg-info .box li .txt .arrow{position: absolute;left: -16px;top: 11px;border-width:8px;border-color:transparent #e2e8ea transparent transparent;border-style: solid;} .lpHome-main .mainCnt .priMsg-info .box li.my{padding:0 50px 20px 0px;} .lpHome-main .mainCnt .priMsg-info .box li.my .avater{right: 0;left: auto;} .lpHome-main .mainCnt .priMsg-info .box li.my .txt{background: #f4e0db;color: #72605c;float: right;} .lpHome-main .mainCnt .priMsg-info .box li.my .txt .arrow{border-color:transparent transparent transparent #f4e0db;left: auto;right: -16px;} .lpHome-main .mainCnt .priMsg-info .submit-area{padding: 20px 30px 20px 60px;line-height: 64px;color: #4a5b65;background: #f8fafa;border-top: 1px solid #C3D1D5;} .lpHome-main .mainCnt .priMsg-info .submit-area textarea{border:0;outline:0;resize:none;font-size:13px;color:#4a5b65;line-height:24px;width:480px;float: left;background:#f8fafa;height:48px;} .lpHome-main .mainCnt .priMsg-info .submit-area #sendReply{float: right;margin-top:8px;width:70px;height:32px;text-align:center;line-height:32px;background:#ee5b2e;color:#fff;font-size:14px;letter-spacing: 5px;border-radius:2px;} /*我的评论*/ .lpHome-main .myCmt-main{padding-top: 10px;margin: 0 50px;} .lpHome-main .myCmt-main li{border-bottom: 1px dotted #C3D1D5;padding: 12px 0;margin:0；} .lpHome-main .myCmt-main li .hdTit a{font-size: 13px;color: #ee5b2e;position:relative;left:-5px;} .lpHome-main .myCmt-main li .des{color: #4a5b65;} /*我的收藏*/ .lpHome-main .myCollect-main li .dataMsg .look{color:#ee5b2e;} /*我的活动*/ .myActive-main{margin: 0 40px;margin-top:-18px;} .myActive-main li{margin-top: 43px;overflow: hidden;position: relative;} .myActive-main li .pic{float: left;width: 248px;} .myActive-main li .pic img{vertical-align: top;} .myActive-main li .txt{overflow:hidden;position: relative;background: #eaeeef;height: 146px;width: 605px;border:1px solid #eaeeef;color: #34495e;} .myActive-main li .txt .lecMsg{float: left;padding:25px 35px 0 35px;width: 270px;font-size: 12px;font-size: 12px;line-height: 24px;} .myActive-main li .txt .lecMsg h2{padding-bottom: 12px;} .myActive-main li .txt .lecMsg h2 a{font-size: 15px;color: #ee5b2e;font-weight: bold;display: inline-block;max-height: 48px;overflow: hidden;} .myActive-main li .txt .lecMsg p b{font-weight: bold;} .myActive-main li .txt .perMsg{overflow: hidden;padding:25px 0 0 60px;font-size: 12px;font-size: 12px;line-height: 24px;} .myActive-main li .txt .perMsg .tit{color: #ee5b2e;font-size: 14px;font-weight: bold;} .myActive-main li .txt .perMsg p b{font-weight: bold;} .myActive-main li .line{position: absolute;right:255px;top: 0;background: url(../images/userCenter/act-ico1.jpg) no-repeat; width: 17px;height: 148px;} .myActive-main li.over .pic img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .myActive-main li.over .txt{background: #f9f9f9;border-color: #f9f9f9;color: #a9b3bd;} .myActive-main li.over .txt .lecMsg h2 a, .myActive-main li.over .txt .perMsg .tit{color: #a9b3bd;} .myActive-main li.over .line{background: url(../images/userCenter/act-ico2.jpg) no-repeat;} /*订单中心*/ /*我的发票*/ .myOrder-main .myBill{margin:25px 25px 0 0;} .myOrder-main .myBill table{border:1px dotted #DAE3EB;border-top:8px solid #eaeeef;width:927px;text-align: center;;line-height:23px;font-size: 14px;color:#4a5b65;} .myOrder-main .myBill table thead tr td{font-weight:bold;padding:15px 0;} .myOrder-main .myBill table tbody tr td{padding:22px 10px;} .myOrder-main .myBill table tbody tr:nth-child(2n+1){background: #eff1f2;border-bottom:1px dotted #DAE3EB;} .myOrder-main .myBill table tbody tr td:first-child{padding:15px 20px;text-align:left;} .myOrder-main .myBill table tbody tr td:nth-child(4){font-size:12px;color:#afb7c7;} .myOrder-main .myBill .h_pages{text-align:center;} /*开票信息*/ .myOrder-main .billMsg{padding:0 44px 0 18px;} .myOrder-main .billMsg .item{margin-top:35px;overflow: hidden;background:#c3d1d5;position:relative;padding-left:146px;} .myOrder-main .billMsg .item .type{position:absolute;;left: 0;top: 30%;width: 146px;text-align:center;color: #fff;font-size: 14px;font-weight:bold;} .myOrder-main .billMsg .item .type em{display: block;margin:0 auto;background: url(../images/userCenter/home-v2.png) no-repeat -11px -311px;width: 48px;height: 48px;} .myOrder-main .billMsg .item .type p{padding-top: 10px;} .myOrder-main .billMsg .item .txt{position: relative;overflow:hidden;background:#eaeeef;padding:30px 40px;font-size:14px;color:#4a5b65;line-height:24px;} .myOrder-main .billMsg .item .txt .operate-link{position: absolute;right:40px;top:30%;text-align: right;} .myOrder-main .billMsg .item .txt .operate-link .setDefault{cursor:pointer;color: #ee5b2e;font-size: 14px;font-weight: bold;} .myOrder-main .billMsg .item .txt p span{color:#ee5b2e;} .myOrder-main .billMsg .item-default .txt .operate-link{top: 45%;} .myOrder-main .billMsg .item-default{background:#ee5b2e;} .myOrder-main .billMsg .item-default .txt{background:#fbf3f0;} .myOrder-main .billMsg .item-default .type em{background-position: -11px -250px;width: 48px;height: 48px;} .myOrder-main .addBill-msg{padding:45px 0 0 25px;} .myOrder-main .addBill-msg .tit{font-size: 14px;color:#ee5b2e;font-weight: bold;padding-left:15px} .myOrder-main .addBill-msg .tit em{display:inline-block;vertical-align:middle;margin-right:8px;background: url(../images/userCenter/home-v2.png) no-repeat -11px -367px;width: 20px;height: 20px;} .myOrder-main .addBill-msg .row{overflow: hidden;padding-top:28px;font-size: 14px;color: #4a5b65;line-height: 40px;} .myOrder-main .addBill-msg .row .label-name{float: left;width: 115px;text-align:right;} .myOrder-main .addBill-msg .row .label-cnt{overflow: hidden;padding-left:10px;position:relative;} .myOrder-main .addBill-msg .row .label-cnt input[type='text']{width: 210px;height:40px;padding: 8px 14px;line-height:24px;background:#eaeeef;border:0;outline:0;box-sizing:border-box;} .myOrder-main .addBill-msg .row .label-cnt input[type="file"]{width: 66px;height: 38px;float: left;opacity: 0;filter:alpha(opacity=0);position: relative;z-index: 2;} .myOrder-main .addBill-msg .row .label-cnt .uploadBtn{position: absolute;cursor: pointer;width: 66px;height: 38px;text-align: center;line-height: 40px;left: 10px;top:1px;background: #ee5b2e;color: #fff;font-size: 14px;} .myOrder-main .addBill-msg .row .bill-type label{float: left;margin-right: 35px;position: relative;padding-left: 24px;cursor: pointer;} .myOrder-main .addBill-msg .row .bill-type label input[type='radio']{width:14px;height: 14px;position: absolute;opacity: 0;filter:alpha(opacity=0);left: 0;top:13px;} .myOrder-main .addBill-msg .row .bill-type label .under-btn{position: absolute;left: 0;top: 13px;width: 14px;height: 14px;background: url(../images/userCenter/home-v2.png) no-repeat -42px -370px;;} .myOrder-main .addBill-msg .row .bill-type label.sel .under-btn{background-position: -64px -371px;} .myOrder-main .addBill-msg .row-set label{position:relative;padding-left:24px;float:left;} .myOrder-main .addBill-msg .row-set label input{position:absolute;left: 0;top:12px;opacity: 0;filter:alpha(opacity=0);width:16px;height: 16px;z-index: 2} .myOrder-main .addBill-msg .row-set label .under-btn{position: absolute;left: 0;top:12px;width:16px;height:16px;background:url(../images/userCenter/home-v2.png) no-repeat -34px -396px;} .myOrder-main .addBill-msg .row-set label.sel .under-btn{background-position: -13px -396px;} .myOrder-main .addBill-msg .row-set, .myOrder-main .addBill-msg .row-btn{padding-top: 8px;} .myOrder-main .addBill-msg .row-set label{position:relative;cursor:pointer;} .myOrder-main .addBill-msg .row-btn input{width:96px;height: 38px;display: inline-block;background:#ee5b2e;color: #fff;text-align: center;line-height:38px;border:0;cursor: pointer;} .myOrder-main .addBill-msg .row-btn a{width:96px;height: 38px;display: inline-block;background:#ebebeb;color: #666;text-align: center;line-height:38px;margin-left: 12px;} /*.zyBill, .emlBill{display:none;}*/ /*我的订单*/ .myOrder-list{padding-top:45px;} .myOrder-list .tab-tit{height: 42px;line-height:42px;text-align: center;} .myOrder-list .tab-tit a{float:left;width:120px;font-size: 13px;color: #4a5b65;} .myOrder-list .tab-tit a.cur{background:#eaeeef;border-top-left-radius:5px;border-top-right-radius:5px;} .myOrder-list .tab-tit a em{display:inline-block;vertical-align: 0;margin-left: 5px;padding:0 10px;height: 20px;line-height: 20px;border-radius:10px;-webkit-border-radius:10px;background: #4a5b65;color:#fff;font-weight:bold;} .myOrder-list table{border:1px dotted #D5E0E8;border-top:9px solid #eaeeef;width:927px;font-size:14px;color:#4a5b65;} .myOrder-list table thead tr{height:55px;line-height:55px;font-weight:bold;color:#4a5b65;text-align:center;} .myOrder-list table tbody tr:nth-child(odd){background:#eff1f2;} .myOrder-list table tbody td{padding:16px 20px;border-bottom:1px dotted #D5E0E8;text-align:center;} .myOrder-list table tbody td.status{word-break: keep-all;} .myOrder-list table tbody .msg{font-size: 12px;color:#afb7c7;line-height: 24px;text-align:left;} .myOrder-list table tbody .msg .hdTit{font-size:14px;font-weight:bold;color:#4a5b65;display:block;} .myOrder-list table tbody .status .noPay{color:#ee5b2e;} .myOrder-list table tbody .status .end{color:#339966;} .myOrder-list table tbody .status .cancel{color:#afb7c7;} .myOrder-list table tbody .operate .btn{display:inline-block;height: 32px;line-height: 32px;word-break: keep-all;background:#ee5b2e;color:#fff;font-size:14px;border-radius:2px;-webkit-border-radius:2px;padding:0 13px;} .myOrder-list table tbody .operate .undoBtn{font-size:14px;color:#afb7c7;padding-left:5px;} .myOrder-list table tbody .operate span{color: #ee5b2e;} /*发票弹窗*/ .applyBill-mask{position:fixed;width:100%;height:100%;left: 0;top:0;background: rgba(0,0,0,0.27);z-index: 99;display: none;} .applyBill-pop{width:574px;background:#fff;background:#fff;position:fixed;left:50%;margin-left:-287px;top:50%;margin-top:-345px;z-index:100;display: none;} .applyBill-pop .tit{text-align:center;font-size:15px;color:#4a5b65;padding:32px;line-height:1;} .applyBill-pop .item{margin:0 35px 25px 35px;background:#eaeeef;padding:15px 24px;position: relative;font-size:13px;color:#4a5b65;line-height:24px;} .applyBill-pop .item h2{font-size:14px;color:#ee5b2e;font-weight:bold;padding-bottom:5px;} .applyBill-pop .item h2 span{font-weight: normal} .applyBill-pop .item .edit{position: absolute;right: 0;top: 50%;margin-top:-15px;width:60px;height:30px;text-align:center;line-height: 30px;background:#ee5b2e;color: #fff;font-size:14px;} .applyBill-pop .remark{margin:0 35px;padding-left:94px;position:relative;} .applyBill-pop .remark h3{position:absolute;left: 0;top: 0;width:94px;font-size:14px;color:#4a5b65;font-weight: bold;line-height:74px;text-align:center;} .applyBill-pop .remark textarea{width:410px;height:74px;box-sizing:border-box;-webkit-box-sizing:border-box;height: 74px;padding:6px 10px;resize:none;outline: 0;font-size:13px;color:#4a5b65;line-height:20px;} .applyBill-pop .btn{text-align:center;padding: 40px 0;} .applyBill-pop .btn input{display: inline-block;outline:0;border:0;cursor:pointer;width:154px;height:40px;text-align: center;line-height: 40px;background:#ee5b2e;color:#fff;font-size:14px;letter-spacing:5px;} .applyBill-pop #cls{cursor:pointer;position:absolute;right:0;top:0;background: url(../images/userCenter/home-v2.png) no-repeat -11px -425px;width: 37px;height: 40px;} /*收货地址*/ .myOrder-main .receAddress .item .type em{background-position: -148px -10px;width: 34px;height: 48px;} .myOrder-main .receAddress .item-default .type em{background-position: -102px -9px;} .myOrder-main .addAddress .row .label-cnt input[type='text']{width: 166px;} .myOrder-main .addAddress .row textarea{width: 506px;height: 90px;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 10px;border: 0;outline: 0;background: #eaeeef;resize:none;line-height:22px;} .myOrder-main .addAddress .row select{outline: 0;background: #eaeeef;border: 0;padding: 10px 64px 10px 10px;font-size:13px;color: #366783;} .myOrder-main .addAddress .row select option{padding:8px 10px;} .myOrder-main .addAddress .row-btn input[type="reset"]{background: #c3d1d5;border:0;} /*footer*/ .wrapper{width: 1200px;margin:0 auto;} .yp-footer{margin-top: 85px;} .yp-footer-link .tab_tit a{float: left;font-size: 14px;color: #9eacb5;padding-right: 25px;} .yp-footer-link .tab_tit a.cur{color: #31424e;} .yp-footer-link .tab_con{padding: 15px 0 55px 0;} .yp-footer-link .tab_con li{display: none;overflow: hidden;} .yp-footer-link .tab_con li.cur{display: block;} .yp-footer-link .tab_con li a{float: left;font-size: 12px;color: #9baab6;margin-right: 15px;line-height: 22px;} .yp-footer-msg{border-top:1px solid #E6E6E6;padding: 30px 0;height: 96px;} .yp-footer-msg .links{float: left;width: 490px;/*border-right:1px solid #E6E6E6;*/height:82px;line-height: 82px;margin-top: 12px;} .yp-footer-msg .links a{font-size: 14px;color: #5e6b73;float: left;margin-right:30px;} .yp-footer-msg .links a:hover{color: #ee5b2e;} .downLoad-app{padding-left: 102px;float: left;width: 280px;display: none;} .downLoad-app .qrcode{width: 96px;float: left;} .downLoad-app .qrcode img{vertical-align: top;width: 96px;height: 96px;} .downLoad-app .txt{overflow: hidden;padding-left: 18px;} .downLoad-app .txt p{font-size: 14px;color:#697887;} .downLoad-app .txt a{display: block;margin-top: 10px;width: 98px;height: 26px;font-size: 13px;color: #fff;text-align: center;line-height: 26px;border-radius: 13px;-webkit-border-radius: 13px;} .downLoad-app .txt a:hover{opacity: 0.9;filter:alpha(opacity=90);} .downLoad-app .txt a em{display: inline-block;vertical-align: -2px;margin-right: 5px;background: url(../../images/common/yp_spirit.png) no-repeat ;} .downLoad-app .txt a.iPhone{background: #191a26;} .downLoad-app .txt a.Android{background: #597795;} .downLoad-app .txt a.iPhone em{background-position:0 -139px;width: 14px;height: 16px; } .downLoad-app .txt a.Android em{background-position: 0 -161px;width: 14px;height: 16px;} .yp-footer-msg .contact{float: right;/*border-left:1px solid #E6E6E6;*/width: 185px;height: 82px;margin-top: 12px;} .yp-footer-msg .contact a{float: right;width: 32px;height: 32px;position: relative;margin-left: 10px;margin-top: 25px;} .yp-footer-msg .contact a em{display: inline-block;background: url(../../images/common/yp_spirit.png) no-repeat;} .yp-footer-msg .contact .sina em{background-position: -126px -98px;width: 24px;height: 20px;margin: 6px 4px;} .yp-footer-msg .contact .eml em{background-position: -161px -100px;width: 22px;height: 14px;margin: 9px 5px;} .yp-footer-msg .contact .sub_a:before{content: '';display: block;-webkit-transform: scale(.9);transform: scale(.8);position: absolute;left: -2px;top: -2px;width: 100%;height: 100%;border-radius: 50%;border: 2px solid transparent;} .yp-footer-msg .contact .sub_a.enter:before{opacity: 1;transform:scale(1);border-color: #ACBABF;transition: all .4s;} .yp-footer-msg .contact .sub_a.leave:before{opacity: 0;transform:scale(1.1);border-color: #ACBABF;transition: all .4s;} .yp-footer .yp-copyright{height: 45px;line-height: 45px;background-color: #ededed;border-top: 1px solid #E6E6E6;color: #9baab6;font-size: 12px;} .yp-footer .yp-copyright img{vertical-align: middle;margin-left: 3px;} .yp-footer .yp-copyright p a{color: #9baab6;} /*分页*/ .h_pages{font-size:0;padding-top: 60px;} .h_pages a, .h_pages span{display:inline-block;vertical-align:middle;width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;border:1px solid #A0B0BC;color:#A0B0BC;font-size: 14px;font-weight:bold;text-align:center;line-height:40px;margin-right:18px;} .h_pages a.cur{border-color:#ee5b2e;color:#ee5b2e;} .h_pages .lastPage, .h_pages .nextPage{ font-size: 12px; } /*导航栏右侧*/ .yp-header-user{position: relative; float: right;margin-right: 45px;border-top:0;border-bottom: 0;} .yp-header-user .user-main{position:relative;width: 62px;height:62px;text-align: center;cursor:pointer} .yp-header-user .avatar img{display:block;border-radius:50%;width: 36px;height: 36px;margin-top: 12px;margin-left: 13px;} .yp-header-user .avatar{float:left} .yp-header-user .avatar i{ width: 4px; height: 4px; background: #ff3838; border-radius: 50%; position: absolute; right: -2px; top:15px; border:2px solid #fff; } .yp-header-user .user-main .avatar{position:relative;} .yp-header-user .user-main .avatar em{position:absolute;background: url(../images/userCenter/home-v2.png) no-repeat -134px -298px;;width: 16px;height: 16px;right:-7px;bottom:0px;} .yp-header-user .user-main .avatar em.is_authed{background-position: -134px -280px;} .yp-header-user:hover{border-color:transparent;background:#FCFCFC;} .yp-header-user:hover .user-link{display:block} .yp-header-user .user-link{position:absolute;top:60px;right: -1px;z-index:101;display:none;width:142px;;border-top:0;background:#FCFCFC; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .yp-header-user .user-link a{display:block;line-height: 40px;padding-left:28px;color:#888;font-size:14px;font-family:'\5FAE\8F6F\96C5\9ED1'; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s;} .yp-header-user .user-link li{line-height: 42px;} .yp-header-user .user-link li:hover, .yp-header-user .user-link .user-name:hover, .yp-header-user:hover .user-main.user-haslg{background:#eaeeef;} .yp-header-user .user-link li i { position: relative; top: 2px; margin-right: 10px; display: inline-block; background: url(../images/userCenter/home-v2.png) no-repeat; } .yp-header-user .user-link li.l1 i {background-position:-105px -279px;width: 14px;height: 18px;top:3px;} .yp-header-user .user-link li.l2 i {background-position:-102px -307px;width: 19px;height: 19px;margin-left: -2px} .yp-header-user .user-link li.l3 i {background-position:-106px -335px;width: 14px;height: 16px;margin-left:2px;} .yp-header-user .user-link li.l6 i {background-position:-106px -358px;width: 14px;height: 18px;top: 3px;} .yp-header-user .user-link li.lab i {background-position:-103px -385px;;width: 19px;height: 20px;margin-left: -2px;top:5px;} .yp-header-user .user-link li.email i {background-position: -11px -474px;width: 17px;height: 14px;} .yp-header-user .user-link li.email em{ position: absolute; width: 18px; height: 18px; border-radius: 50%; -webkit-border-radius: 50%; background: #ff3333; color:#fff; font-size: 12px; text-align: center; line-height: 18px; right: -10px; top: -10px; } .yp-header-user .user-link .user-name{height: 42px;line-height:42px;text-align:center;padding: 0 10px;font-size: 14px;color:#4a5b65;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;} .yp-header-user .user-link .user-name em.isvip{display:inline-block;margin-right: 6px;vertical-align: middle;background: url(../images/userCenter/vipIcon-s.png) no-repeat ;width: 20px;height: 16px;} /*右侧消息栏*/ .yp-header-message{float:right; width:52px;position: relative;height: 60px;margin-right: 15px;} .yp-header-message .bell{position: absolute; display: block;;width:52px;height: 68px;border-top: 0;border-bottom: 0;} .yp-header-message .bell{ -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; transition:all 0s; -webkit-animation:all 0s; -moz-animation:all 0s; -o-animation:all 0s; animation:all 0s; } .yp-header-message i{background: url(../../images/common/yp_spirit.png) no-repeat -174px -11px;;width: 21px;height: 16px;display: block;-webkit-border-radius:5px;border-radius:5px;border:1px solid transparent;position: relative;z-index:102;top:22px;margin: 0 auto;} .yp-header-message .bell .count{display: none;position: relative;top: 23px;text-align: center;font-size: 12px;color: #4a5b65;} .yp-header-message .bell:hover i{background-position: -22px -533px;} .yp-header-message .expand .count{display: block;text-align: center;font-size: 12px;display: block;position: relative;color: #fff;} .yp-header-message .bell.expand{z-index: 8;background: #333740;position: absolute;height:68px;right: 0;top:0;} .yp-header-message .bell.expand .ico{background-position:-201px -11px;} .yp-header-message .bell.expand .count{color: #fff;} .yp-header-message .bell.hover .count{color: #4a5b65;} .yp-header-message .bell.hover .ico{background-position: -174px -11px;} .yp-header-message .bell-shake{ -webkit-animation:bellshake 2s linear 2s infinite; -moz-animation:bellshake 2s linear 2s infinite; animation:bellshake 2s linear 2s infinite; -webkit-transform-origin:top center; -moz-transform-origin:top center; transform-origin:top center } .yp-header-message .bell.hover{ background: #fcfcfc; -webkit-box-shadow: 1px 1px 5px #e2e2e2; -moz-box-shadow: 1px 1px 5px #e2e2e2; box-shadow: 1px 1px 5px #e2e2e2; } .yp-header-message .message{ display: none; width:282px; background: #fcfcfc; -webkit-box-shadow: 1px 1px 5px #e2e2e2; -moz-box-shadow: 1px 1px 5px #e2e2e2; box-shadow: 1px 1px 5px #e2e2e2; position: absolute; right: 0px; top: 68px; z-index: 9; } .yp-header-message .message .select-all{height:20px;position: relative;} .yp-header-message .message ul li{position: relative;} .yp-header-message .message ul li:hover{background: #e8eced;} .yp-header-message .message ul li a{ display:block; margin: 0px 22px; padding: 12px 0 10px 0; border-bottom: 1px dotted #E0E0E0; font-size: 14px; color: #666; position: relative; } .yp-header-message .message ul li .read{cursor: pointer;position: absolute;right: 0px;top: 10px;background: url(../../images/common/yp_spirit.png) no-repeat -259px -98px;;width: 20px;height: 20px;} .yp-header-message .message ul li .read:hover{background-position: -260px -124px;} .yp-header-message .message ul li a p{font-size: 14px;color: #869ca3;line-height: 24px;} .yp-header-message .message ul li a .p-type{color: #31424e;font-weight: bold;font-size: 14px;padding-bottom: 3px;} .yp-header-message .message ul li a p span{color: #ee5b2e;} .yp-header-message .message .readed p{color: #ccc;} .yp-header-message .message .select-all .success, .yp-header-message .message .success{ display:block; width:21px; height:14px; background: url(../../images/success.png) 0 -15px; position: absolute; top:50%; margin-top: -7px; right:80px; cursor:pointer; } .yp-header-message .message .select-all .success{right:20px;} .yp-header-message .message .success:hover{background-position: 0 0;} .yp-header-message .message .pubtime{position: absolute;top: 50%;right: 15px;width: 60px;margin-top: -10.5px;color: #e7b6a6;font-size: 12px;} .yp-header-message .message .check-all{text-align: center;padding: 10px 0;} .yp-header-message .message .check-all a{font-size: 12px;color: #5e6b73;} .yp-header-message .message ul li pre{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break:break-all; overflow:hidden; font-size: 14px; color: #869ca3; line-height: 24px; font-family: Microsoft yahei,Arial; } /****************他的主页*******************/ .lhHis-home{width:1200px;margin:0 auto;background:#fff;position:relative;min-height:600px;} .lhHis-home .lhHis-nav{position:absolute;width: 100%;top: -54px;left:0;font-size:0;text-align:center;} .lhHis-home .lhHis-nav a{display: inline-block;margin:0 3px;background:#fff;width:176px;height:54px;text-align:center;line-height:54px;font-size:14px;font-weight: bold;color:#4a5b65;} .lhHis-home .lhHis-nav a.cur{color:#ee5b2e;} /*发送私信*/ .lpHome-msg .l-msg .send-btn{padding-top:16px;} .lpHome-msg .l-msg .send-btn a{display: inline-block;width:60px;height:30px;text-align: center;line-height:30px;color: #fff;background:#ee5b2e;font-size: 14px;border-radius: 2px;-webkit-border-radius: 2px;} /*私信弹窗*/ .sendMsg-mask{display: none;position:fixed;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.3);z-index: 9;} .sendMsg-pop{display: none;position: fixed;z-index: 10;width: 370px;padding: 0 60px;height: 280px;margin-top: -140px;left: 50%;margin-left: -245px;top:50%;background: #ffffff;} .sendMsg-pop .closePop{position: absolute;right: 0;top: 0;} .sendMsg-pop .closePop em{display: inline-block;background: url(../images/userCenter/home-v2.png) no-repeat -11px -425px;width: 37px;height: 40px;} .sendMsg-pop .closePop:hover{background: #e5e5e5;} .sendMsg-pop .title{padding: 30px 0;font-size: 14px;color: #4a5b65;} .sendMsg-pop .title span{color: #ee5b2e;} .sendMsg-pop .main textarea{display: block;width:370px;height: 110px;line-height:20px;resize:none;font-size: 13px;color: #4a5b65;padding: 10px;background:#eaeeef;border:0;} .sendMsg-pop .main textarea:focus, .sendMsg-pop .btns input:focus{outline: 0} .sendMsg-pop .btns{padding-top:20px;text-align:center;} .sendMsg-pop .btns .send-button{display: inline-block;background: #ee5b2e;border:0;cursor: pointer;width: 102px;height: 40px;color: #fff;font-size: 14px;text-align: center;line-height: 40px;} /*他的资料*/ .lhHis-source{padding:60px 175px;} .lhHis-source .row{overflow:hidden;font-size: 14px;color: #4a5b65;padding-bottom:20px;} .lhHis-source .row .label-name{float: left;width:90px;text-align: right;} .lhHis-source .row .label-cnt{overflow: hidden;padding-left:30px;} .lhHis-source .row .label-cnt a{color:#ee5b2e;font-size:14px;} /*他的评论*/ .lhHis-comment{padding:100px 175px;} .lhHis-comment li{border-bottom: 1px dotted #C3D1D5;padding: 12px 0;font-size: 14px;color: #4a5b65;} .lhHis-comment li .hdTit a{font-size: 13px;color: #ee5b2e;position:relative;left:5px;} .lhHis-comment li .des{line-height: 24px;padding-top: 10px;} .lhHis-comment li .dataMsg{padding-top:13px;font-size: 12px;color: #afb7c7;} .lhHis-comment li .dataMsg a{color: #afb7c7;font-size: 12px;padding-left: 20px;display: inline-block;} /*************账户设置************/ .lpHome-account{margin-top:35px;color: #4f5b60;font-size:14px;} .lpHome-account .mainCnt{min-height: 800px;} .lpHome-account .menu{top: 25px;text-align:center;} .lpHome-account .menu .avatar{width:120px;;margin:0 auto;position: relative;} .lpHome-account .menu .avatar img{width:110px;height:110px;border-radius: 50%;-webkit-border-radius: 50%;border:5px solid #EAEEEF;vertical-align: top;} .lpHome-account .menu .avatar em{position: absolute;background: url(../images/userCenter/home-v2.png) no-repeat -232px -9px;width: 25px;height: 25px;bottom:10px;right:0;} .lpHome-account .menu .avatar em.noVip{background-position: -261px -9px;} .lpHome-account .menu .name{margin:15px 10px;line-height: 29px;position: relative;padding-right:30px;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 20px;} .lpHome-account .menu .name em{position:absolute;top: 2px;vertical-align: middle; background: url(../images/userCenter/vipIcon.png) no-repeat; width: 30px; height: 24px;right:5px;} .lpHome-account .menu .quote{text-align: center;} .lpHome-account .menu .quote em{display: inline-block;vertical-align: middle;background: url(../images/userCenter/home-v2.png) no-repeat -108px -201px;width: 36px;height: 36px;} .lpHome-account .menu .abstract{padding: 15px 0 26px 0;} .lpHome-account .menu li{padding-left:80px;text-align: left;} .lpHome-account .menu .li_tit{background: #eaeeef;} .lpHome-account .menu .li_tit em{position: absolute;background: url(../images/userCenter/home-v2.png) no-repeat;top:19px;left:50px;} .lpHome-account .menu .li_tit .per{background-position: -106px -251px;width: 21px;height: 16px;} .lpHome-account .menu .li_tit .acc{background-position: -134px -248px;width: 16px;height: 21px;} .lpHome-account .menu li.cur{background: transparent;} .lpHome-account .menu li.cur a, .lpHome-account .menu li:hover a{color:#ee5b2e;} .lpHome-account .menu li.liVip a{color:#ee5b2e!important;} .lpHome-main .menu .liVip-level1 a{color:#ca8252!important;} .lpHome-main .menu li .icoVip{ position: absolute; background:url(../images/userCenter/lphVip.png) no-repeat; width: 22px; height: 19px; left: 61px; } /*密码设置*/ .setComon-box{padding-top: 32px;} .setComon-box .row{overflow: hidden;padding-bottom: 28px;font-size: 13px;color: #4a5b65;} .setComon-box .row input{outline: 0;border:0;} .setComon-box .row .row-name{float: left;width: 120px;text-align: right;line-height: 40px;} .setComon-box .row .row-cnt{overflow: hidden;padding-left: 8px;} .setComon-box .row .row-cnt input[type="text"], .setComon-box .row .row-cnt input[type="password"]{float: left;width: 238px;height: 40px;background: #eaeeef;padding: 8px 10px;line-height: 24px;color: #366783;box-sizing:border-box;-webkit-box-sizing:border-box;} .setComon-box .row .row-cnt input.w150{width:150px;} .setComon-box .row .row-cnt input[type="password"]{font-size: 20px;font-weight: bold;} .setComon-box .row .row-cnt a{font-size: 13px;color: #ee5b2e;float: left;padding-left: 20px;line-height: 40px;} .setComon-box .row .row-cnt input[type="submit"]{float: left;width: 112px;height: 40px;text-align: center;line-height: 40px;background: #ee5b2e;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;} .setComon-box .row .row-cnt .getCode{float: left;width:145px;height: 40px;text-align:center;line-height: 40px;background:#ee5b2e;color:#fff;font-size: 14px;border:0;outline:0;cursor:pointer;padding-left: 0;} .setComon-box .row .row-cnt .getCode.disable{background-color: #ccc;} .setComon-box .row .row-cnt img{float:left;margin-left: 10px;vertical-align:middle;} .setComon-box .row .tips, .setComon-box .row .error{float: left;margin-left: 10px;line-height: 40px;} .setComon-box .row .error{color: #ee5b2e;} /**/ .removeBind{padding:0px 45px;overflow:hidden;color:#4a5b65;font-size:13px;line-height:32px;} .removeBind span, .removeBind a{float:left;} .removeBind .status{padding-left:36px;color: #97a6ae;} .removeBind a{height: 32px;margin-left:15px;padding:0 18px;border-radius:3px;-webkit-border-radius:3px;font-size: 14px;color:#fff;background: #ee5b2e;} .removeBind #ubEml, .removeBind #ubPhone{background: #c3d1d5;} /*第三方登录*/ .thirdLogin{padding:0 0 55px 45px;font-size: 13px;overflow:hidden;} .thirdLogin .icon{float:left;background: url(../images/userCenter/home-v2.png) no-repeat -98px -71px;width: 55px;height: 55px;} .thirdLogin .txt{float:left;line-height: 27px;color:#4a5b65;width:120px;margin-left:16px;} .thirdLogin .txt .p2{color:#ee5b2e;} .thirdLogin a{float:left;width:92px;height: 32px;margin-top:11px;text-align: center;line-height: 32px;border-radius:2px;-webkit-border-radius:2px;background:#ee5b2e;color:#fff;} .thirdLogin.bind .icon{background-position:-102px -134px;} .thirdLogin.bind a{background:#c3d1d5;} /*解除绑定*/ .unbind-mask{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 99;display: none;background: rgba(0,0,0,.65);} .unbind-pop{display: none;width:500px;position: fixed;z-index: 100;left: 50%;margin-left: -250px;background: #fff;top: 200px;} .unbind-pop .tit{;line-height: 1;font-size: 15px;text-align: center;position: relative;padding:32px 0;} .unbind-pop .tit .cls{position: absolute;background: url(../images/userCenter/home-v2.png) no-repeat -11px -425px;width: 37px;height: 40px;;right: 0;top: 0;cursor: pointer;} .unbind-pop .main{padding:5px 85px 50px 85px;font-size: 13px;color:#4a5b65;} .unbind-pop .row{padding-bottom: 28px;} .unbind-pop .row span{float: left;width: 82px;line-height: 36px;text-align:right;} .unbind-pop .row input{width: 120px;height: 40px;line-height: 26px;padding: 7px;background: #eaeeef;border:0;float:left;margin-left:10px;outline:0;box-sizing:border-box;-webkit-box-sizing:border-box;} .unbind-pop .row1 input{width: 238px;} .unbind-pop .row #getCode{float: left;width:118px;cursor: pointer;height: 40px;line-height: 40px;background:#ee5b2e;border: 0;outline: 0;color: #fff;text-align: center;} .unbind-pop .row #getCode.disable{background: #ccc;} .unbind-pop .row img{float: left;} .unbind-pop .btns{padding-top: 10px;} .unbind-pop .btns input{display: block;cursor: pointer;height: 50px;line-height: 50px;text-align: center;border-radius: 3px;-webkit-border-radius: 3px;background:#ee5b2e;color: #fff;width: 100%;border: 0;outline: 0;} /*头像设置*/ .set-avatar{padding-left: 50px;} .set-avatar .now-avatar{padding-left: 90px;font-size:13px;color:#4a5b65;position:relative;} .set-avatar .now-avatar .hdTit{position:absolute;left: 0;top:0;line-height:20px;} .set-avatar .now-avatar .show-avatar img{width: 128px;height:128px;display:block} .set-avatar .now-avatar .show-avatar .tips{font-size: 13px;color:#97a6ae;padding:15px 0;} .set-avatar .now-avatar .show-avatar .btn{position:relative;} .set-avatar .now-avatar .show-avatar .btn a{display:inline-block;width: 155px;height:40px;text-align:center;line-height: 40px;background: #ee5b2e;color: #fff;cursor:pointer;font-size: 13px;border-radius: 3px;-webkit-border-radius: 3px;} .set-avatar .now-avatar .show-avatar .btn input{position:absolute;left: 0;top:0;width: 155px;height:40px;opacity:0;filter:alpha(opacity=0);cursor:pointer;} .set-avatar .row{padding-bottom: 0;} .set-avatar .cropper-img{padding: 100px 0 0 90px;display:none;} .set-avatar .cropper-img #cropper-target{position:relative;float:left;width: 208px;height:208px;border:1px solid #C3D1D5;overflow:hidden;} .set-avatar .cropper-img #preview-large{position:relative;margin-left:30px;float:left;width: 128px;height:128px;border:1px solid #C3D1D5;overflow:hidden;} .set-avatar .cropper-img #cropper-target img{width: 208px;height: 208px;} .set-avatar .cropper-img #preview-large img{width: 128px;height:128px;} .set-avatar .cropper-img p{padding: 15px 0 25px 0;color:#fd3131;font-size: 13px;} .set-avatar .cropper-img button{border:0;outline: 0;display:inline-block;width:112px;height:40px;background:#ee5b2e;color: #fff;font-size: 13px;cursor:pointer;border-radius: 3px;-webkit-border-radius: 3px;} .set-avatar .cropper-img img{position: absolute;} .cropper .resizer .wrapper{width:auto;} /*基本资料*/ .set-basicMsg .row-cnt p{line-height: 40px;font-size:13px;color:#4a5b65;} .set-basicMsg .row .row-cnt a{display:inline-block;padding-left: 12px;float:none;color: #ee5b2e;} .set-basicMsg .row-cnt p a em{display:inline-block;vertical-align: middle;background: url(../images/userCenter/home-v2.png) no-repeat -16px -225px;width: 15px;height: 16px;margin-right:9px;} .set-basicMsg .row .row-cnt span{line-height:40px;padding-left:10px;} .set-basicMsg .row .row-cnt label{float:left;margin-right: 10px;} .set-basicMsg .row .row-cnt select{padding: 9px;border: 0;background: #eaeeef;border:0;} .set-basicMsg .row .row-cnt textarea{width:370px;height:110px;background:#eaeeef;padding: 8px;border:0;outline: 0;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;} .accountSet-banner{ height: 159px; background: url(../images/userCenter/accountSet-banner.jpg) no-repeat center top; min-width: 1100px; } .accountSet-banner .logo{ float: left; margin: 56px 0 0 38px; } .accountSet-banner span{ float: left; width:72px; height: 32px; text-align: center; line-height: 32px; background:#fd6131; color:#fff; font-size: 16px; font-weight: bold; margin: 60px 0 0 20px; border-radius: 3px; -webkit-border-radius: 3px; letter-spacing: 2px; } .contRight{ overflow: hidden;margin-left: 220px;border-left:1px solid #D4D6D6;padding-left: 25px;padding-bottom: 65px;min-height: 800px; } /*我的发票*/ .invoice-main{ padding: 0 60px 80px 60px; } .invoice-main .title{ padding: 42px 0; line-height: 34px; padding-left: 38px; position: relative; font-size: 24px; color:#707f88; } .invoice-main .title span{ color:#ee5b2e; } .invoice-main .title em{ background: url(../images/userCenter/billIcons.png) no-repeat -9px -8px; width: 22px; height: 33px; position: absolute; left: 0; top:42px; } .invoice-main .myBill table{border:1px dotted #DAE3EB;border-top:8px solid #eaeeef;width:1078px;line-height:22px;font-size: 14px;color:#4a5b65;} .invoice-main .myBill table thead tr td{font-weight:bold;padding:15px 25px;} .invoice-main .myBill table tbody tr td{padding:15px 25px;} .invoice-main .myBill table tbody tr:nth-child(2n+1){background: #eff1f2;border-bottom:1px dotted #DAE3EB;} .invoice-main .myBill table tbody tr td .c1{color:#4a5b65;} .invoice-main .myBill table tbody tr td .c2{color:#ff0c00;} .invoice-main .myBill table tbody tr td .c3{color:#ff6c00;} .invoice-main .myBill table tbody tr td .c4{color:#1ab161;} .invoice-main .myBill table tbody tr td a{color:#49a6dc;} .invoice-main .apply-bill{ } .invoice-main .apply-bill .goods-msg{ background: #eff1f2; padding: 15px 32px; font-size: 14px; color:#4a5b65; line-height: 30px; } .invoice-main .apply-bill .goods-msg .tit{ font-size: 14px; color:#ee5b2e; } .invoice-main .apply-bill .goods-msg .row .label-name{ width: 72px; float: left; text-align: right; } .invoice-main .apply-bill .goods-msg .row .label-cnt{ overflow: hidden; padding-left: 12px; } .invoice-main #electBill h2{ font-size: 14px; color:#4a5b65; font-weight: bold; padding: 30px 0 15px 35px; } .invoice-main #electBill .row{ font-size: 14px; color:#4a5b65; margin-bottom: 16px; } .invoice-main #electBill .row .label-name{ float: left; width: 136px; text-align: right; line-height: 32px; } .invoice-main #electBill .row .label-name span{ color:#fd8965; padding-right:3px; } .invoice-main #electBill .row .label-cnt{ float: left; padding-left: 18px; } .invoice-main #electBill .row .label-cnt input{ width: 270px; padding:6px 16px; line-height: 20px; background: #eff1f2; border:0; outline: 0; float: left; } .invoice-main #electBill .row .label-cnt .personAddr{ width: 280px; background: #fff; border:1px solid #DCDCDC; padding: 5px 16px; } .invoice-main #electBill .row .label-cnt select{ float: left; margin-right:8px; border-color: #DCDCDC; height: 30px; min-width: 80px; color:#4a5b65; } .invoice-main #electBill .row1 .label-cnt{ line-height: 32px; } .invoice-main #electBill .row .label-cnt .error{ float: left; margin-left: 20px; line-height: 32px; color:#f00; font-size: 12px; } .invoice-main .row .label-cnt .tips{ float: left; margin-left: 12px; position: relative; padding-right: 38px; } .invoice-main .row .label-cnt .tips em{ float: left; margin-top: 6px; background: url(../images/userCenter/billIcons.png) no-repeat -79px -8px; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; } .invoice-main .row .label-cnt .tips .tipTxt{ position: absolute; width: 242px; padding: 12px; border:1px solid #FFD3B5; border-radius: 2px; -webkit-border-radius: 2px; left: 38px; top: -3px; font-size: 12px; color: #fd5f2f; line-height: 22px; display: none; background: #fff; z-index: 2; outline: 0; } .invoice-main .row .label-cnt .tips .tipTxt:before{ content: ""; position: absolute; width: 13px; height: 18px; background: url(../images/userCenter/arrows.jpg) no-repeat; top: 10px; left: -13px; z-index: 2; } .invoice-main .row .label-cnt .tips .tipTxt img{ width: 100%; } .invoice-main .row .label-cnt .tips .tipTxt .btn{ padding-top: 10px; } .fl{float: left;} .fr{float: right;} .invoice-main .row .label-cnt .tips .tipTxt .btn a{ padding: 0px 14px; line-height: 26px; background: #fd8965; color:#fff; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; } .invoice-main .explain{ font-size: 14px; color:#4a5b65; line-height: 30px; background: #eff1f2; padding: 15px 32px; } .invoice-main .explain{ font-size: 14px; color:#4a5b65; line-height: 30px; background: #eff1f2; padding: 15px 32px; margin-top: 15px; } .invoice-main .explain .tit{ color:#ee5b2e; } .invoice-main .explain a{ display: inline-block; height: 28px; line-height: 28px; padding: 0px 18px; background: #6f93a8; font-size: 14px; color:#fff; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 20px; } .invoice-main .submitBtn{ padding: 28px 0 56px 0; border-bottom: 1px dotted #B4C7D2; } .invoice-main .submitBtn input{ width: 185px; height: 38px; line-height: 38px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; background: #ee5b2e; color:#fff; font-size: 16px; border:0; cursor: pointer; } .invoice-main #electBill .row #look{ display: none; } .invoice-main #electBill .row .have-href{ color:#ee5b2e; float: left; margin-left: 154px; } .applyBill-mask{ position: fixed; z-index: 8; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); } .applyBill-pop1{ position: fixed; z-index: 9; width: 400px; padding: 36px 45px; background: #fff; border-radius: 2px; top: 50%; left: 50%; margin-top: -150px; margin-left: -245px; display: none; } .applyBill-pop1 .cls, .applyBill-success .cls{ position: absolute; right: 15px; top:15px; background: url(../images/userCenter/billIcons.png) no-repeat -45px -8px; width: 20px; height: 20px; cursor: pointer; } .applyBill-pop1 .txt{ font-size: 14px; color:#4a5b65; line-height: 30px; } .applyBill-pop1 .btns{ padding-top: 25px; text-align: center; } .applyBill-pop1 .btns a{ display: inline-block; line-height: 28px; padding: 0 18px; background: #fd8965; border-radius: 3px; -webkit-border-radius: 3px; color:#fff; font-size: 14px; margin: 0 15px; } .applyBill-success{ position: absolute; width: 468px; background: #fff; border-radius: 3px; left: 50%; margin-left: -234px; top: 50%; margin-top: -100px; display:none; position: fixed; z-index: 99; } .applyBill-success .txt{ padding: 70px 0 45px 0; text-align: center; color: #4a5b65; font-size: 14px; } .applyBill-success .btns { text-align: center; padding-bottom: 45px; } .applyBill-success .btns a{ display: inline-block; width: 140px; height: 28px; line-height: 28px; text-align: center; background: #fd8965; color:#fff; font-size: 14px; border-radius: 3px; -webkit-border-radius: 3px; } .applyBill-success .btns a.active{ opacity: 0.8; flitler:alpha(opacity=80); } .paperArea, .specialArea{ display: none; } /*开票状态弹窗*/ .progress-pop{ width:400px; position: fixed; left: 50%; margin-left: -270px; top:50%; transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; z-index: 100; border-radius: 2px; -webkit-border-radius: 2px; padding: 40px 50px 50px 90px; display:none; } .progress-pop iframe{ transition:height 0.3s ease-in; } .progress-pop .cls, .parper-pop .cls{ position: absolute; right: 20px; top:20px; width: 20px; height: 20px; background: url(../images/userCenter/billIcons.png) no-repeat -45px -8px; cursor: pointer; } .parper-pop{ position: fixed; width: 730px; height: 640px; left: 50%; margin-left: -365px; top: 50%; margin-top: -320px; background: #fff; text-align: center; display: none; z-index: 9; } .parper-pop img{ vertical-align: top; margin-top: 13px; } .parperTip{ cursor: pointer; }