.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";} .clearfix{zoom:1;} /*滚动条*/ .scrollStyle::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;} .scrollStyle::-webkit-scrollbar-thumb{background: #C9141E;border-radius: 2px;} /*文字截断*/ .TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /*transition*/ .tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;} .tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;} .tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;} .tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;} /*动效*/ .scaleimg:hover .pic img, .scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);} *:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;} *:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); } .bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} /* flex布局 */ .disflex{display: flex;} .flexCenter{display: flex;justify-content: center;align-items: center;} .flexBetween{display: flex;justify-content: space-between;align-items: center;} input[type="submit"],input[type="reset"],select,button,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;} .aBtnStyle{display: block;border: none;width: 100%;height: 60px;background: #C9151E;border-radius: 4px;text-align: center;line-height: 60px;color: #fff;font-size: 16px;border-radius: 4px;cursor: pointer;} .aBtnStyle:hover{background: #A4040C;} .aListStyle{padding-top: 50px;} .aListStyle .title{margin-bottom: 20px;display: flex;align-items: center;font-size: 16px;line-height: 24px;color: #333333;font-weight: bold;} .aListStyle .title img{margin-right: 8px;} .aListStyle ul li{margin-bottom: 20px;} .aListStyle ul .wrap{display: flex;align-items: center;height: 72px;padding: 0 20px;background: #F5F5F6;line-height: 32px;font-size: 14px;color: #999999;} .aListStyle ul h5{flex: 1;overflow: hidden;color: #333333;font-weight: bold;font-size: 14px;} .aListStyle ul .right{flex-shrink: 0;} .aListStyle ul .btn{display: block;margin-left: 30px;padding: 0 16px;background: #C9141E;border-radius: 4px;color: #fff;} .aListStyle ul li:hover h5{color: #C9141E;} .aListStyle ul .btn:hover{background: #A4040C;} .aPopWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;display: none;} .aPopWrap .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(51, 51, 51, 0.6);} .aPopWrap .content{width: 90%;max-width: 600px;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;background: #FFFFFF;box-sizing: border-box;padding: 60px;} .aPopWrap .content .close{width: 48px;height: 48px;position: absolute;right: 0;top: 0;z-index: 2;background: url(../images/add/icon-close.svg) no-repeat center;cursor: pointer;filter: brightness(0) invert(0.6);opacity: 0.5;} .aPopWrap .content .close:hover{filter: brightness(1) invert(0);opacity: 1;} .aTipsPop .content{text-align: center;} .aTipsPop .content .tips{font-size: 16px;line-height: 24px;color: #999999;margin: 28px auto 60px;} .aFormPop .content{padding: 40px 0 30px;height: auto;} .aFormPop .scrollStyle{max-height: 80vh;overflow: auto;padding: 0 60px;} .aFormPop .title{margin-bottom: 10px;color: #333333;font-weight: bold;text-align: center;line-height: 1;font-size: 24px;} .aFormPop .subTitle{border-bottom: 1px solid #DDDDDD;padding: 20px 0 0;margin-bottom: 20px;} .aFormPop .subTitle span{display: inline-block;color: #333333;font-size: 20px;line-height: 27px;padding-bottom: 11px;position: relative;} .aFormPop .subTitle span::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: -1px;background: #C9151E;} .aFormPop .formItem{margin-bottom: 16px;display: flex;align-items: flex-start;color: #333333;line-height: 24px;font-size: 14px;color: #333333;} .aFormPop .formItem.center{align-items: center;} .aFormPop .formItem dt{width: 98px;flex-shrink: 0;margin-right: 16px;display: flex;justify-content: flex-end;} .aFormPop .formItem dt span{color: #C9151E;flex-shrink: 0;margin-right: 4px;} /* .aFormPop .formItem dt em{flex: 1;overflow: hidden;} */ .aFormPop .formItem dd{flex: 1;overflow: hidden;} .aFormPop .formItem .text{width: 100%;height: 24px;border: none;background: none;color: #333333;line-height: 24px;background: #F5F5F6;border-radius: 4px;height: 30px;line-height: 30px;box-sizing: border-box;padding: 0 12px;} .aFormPop .formItem .tips{color: #999999;margin-bottom: 4px;} .aFormPop .formItem dd .btn{color: #C9151E;text-decoration: underline;margin-right: 16px;position: relative;cursor: pointer;} .aFormPop .formItem dd .btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;opacity: 0;cursor: pointer;} .aFormPop .formItem dd .wordList{display: flex;} .aFormPop .formItem dd .wordList .delete{width: 12px;filter: brightness(0) invert(0.2);cursor: pointer;margin-left: 16px;} .aFormPop .formItem dd .wordList .delete:hover{filter: brightness(1) invert(0);} .aFormPop .formItem dd .ewm img{width: 212px;margin-top: 6px;} .aFormPop .aBtnStyle{border-radius: 4px;margin-top: 30px;} .aFormPop .btm{margin-top: 12px;color: #999999;line-height: 22px;} .aCheckboxStyle{padding-top: 8px;} .aCheckboxStyle label{float: left;margin-right: 16px;} .aCheckboxStyle label input{display: none;} .aCheckboxStyle label span{display: block;padding-left: 16px;position: relative;color: #999999;line-height: 24px;cursor: pointer;} .aCheckboxStyle label span::before, .aCheckboxStyle label span:after{content: "";width: 12px;height: 12px;position: absolute;left: 0;top: 50%;margin-top: -6px;box-sizing: border-box;} .aCheckboxStyle label span::before{border: 1px solid #979797;} .aCheckboxStyle label span::after{background: url(../images/add/icon-checked.svg) no-repeat center;opacity: 0;} .aCheckboxStyle label input:checked + span::after{opacity: 1;} .aCheckboxStyle label input:checked + span::before{opacity: 0;} .aRadioStyle label{float: left;margin-right: 16px;} .aRadioStyle label input{display: none;} .aRadioStyle label span{display: block;padding-left: 16px;position: relative;color: #999999;line-height: 24px;cursor: pointer;} .aRadioStyle label span i{width: 14px;height: 14px;box-sizing: border-box;border: 1px solid #999999;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -7px;} .aRadioStyle label span i::before{content: "";width: 6px;height: 6px;position: absolute;left: 3px;top: 3px;background: #C9151E;border-radius: 50%;opacity: 0;transform: scale(0);} .aRadioStyle label input:checked + span i{border-color: #C9151E;} .aRadioStyle label input:checked + span i::before{opacity: 1;transform: scale(1);} .aUploadList li{width: 140px;height: 80px;position: relative;float: left;text-align: center;} .aUploadList li input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;cursor: pointer;opacity: 0;} .aUploadList li .default{width: 100%;height: 100%;font-size: 14px;line-height: 24px;color: #999999;text-align: center;} .aUploadList li .default img{margin: 0 auto 8px;filter: brightness(0) invert(0.6);opacity: 0.8;} .aUploadList li:hover{color: #C9151E;} .aUploadList li:hover .default img{filter: brightness(1) invert(0);opacity: 1;} .aUploadList li .closeStyle{width: 20px;height: 20px;position: absolute;right: 0;top: 0;z-index: 2;background: url(../images/add/icon-close1.svg) no-repeat center;cursor: pointer;} .aLoginStyle{padding: 120px 0;background: url(../images/add/loginBg.jpg) no-repeat center top;background-size: cover;} .aLoginStyle .content{width: 90%;max-width: 600px;margin: 0 auto;box-sizing: border-box;padding: 60px;background: #FFFFFF;} .aLoginStyle .title{font-size: 24px;color: #333333;line-height: 1;text-align: center;margin-bottom: 40px;} .aLoginStyle .formItem{margin-bottom: 20px;} .aLoginStyle .formItem dl{flex: 1;overflow: hidden;background: #F5F5F6;border-radius: 4px;height: 60px;line-height: 60px;} .aLoginStyle .formItem dt{flex-shrink: 0;width: 48px;text-align: center;position: relative;} .aLoginStyle .formItem dt::before{content: "";width: 1px;height: 16px;background: #DDDDDD;position: absolute;right: 0;top: 50%;margin-top: -6px;} .aLoginStyle .formItem dd{flex: 1;overflow: hidden;position: relative;} .aLoginStyle .formItem dd .text{width: 100%;height: 60px;border: none;background: none;box-sizing: border-box;padding: 0 12px;color: #333;font-size: 14px;line-height: 60px;} .aLoginStyle .formItem .code{flex-shrink: 0;margin-left: 12px;width: 138px;height: 60px;overflow: hidden;border-radius: 4px;} .aLoginStyle .formItem .code img{width: 100%;height: 100%;cursor: pointer;} .aLoginStyle .formItem dd .btn{position: absolute;right: 0;top: 0;color: #C9151E;font-size: 14px;padding: 0 20px;z-index: 2;cursor: pointer;} .aLoginStyle .formItem dd .btn:before{content: "";width: 1px;height: 16px;background: #DDDDDD;position: absolute;left: 0;top: 50%;margin-top: -6px;} .aLoginStyle .aBtnStyle{margin-top: 40px;} .memberTop{padding: 30px;background: #fff;margin-bottom: 30px;} .memberTop .left{flex: 1;overflow: hidden;} .memberTop .portrait{flex-shrink: 0;} .memberTop .portrait{width: 60px;height: 60px;margin-right: 16px;} .memberTop .text{flex: 1;overflow: hidden;} .memberTop .text .name{font-size: 20px;line-height: 1;color: #333333;margin-bottom: 8px;} .memberTop .text .info{font-size: 14px;line-height: 24px;color: #999999;} .memberTop .text .info span{margin: 0 4px;} .memberTop .text .info em{color: #333333;margin-right: 20px;} .memberTop .btn{margin-left: 16px;height: 36px;box-sizing: border-box;border: 1px solid #C9151E;border-radius: 4px;padding: 0 16px;line-height: 34px;font-size: 16px;color: #C9151E;} .memberTop .btn:last-child, .memberTop .btn:hover{background: #C9151E;color: #fff;} .memberTop .btn:last-child:hover{color: #C9151E;background: #fff;} .aMember{padding-bottom: 60px;} .aMember .tabs{margin-bottom: 30px;display: flex;align-items: center;line-height: 32px;} .aMember .tabs h4{color: #333333;font-size: 24px;font-weight: bold;} .aMember .tabs li{margin-left: 40px;} .aMember .tabs li a{display: block;position: relative;font-size: 20px;color: #333333;} .aMember .tabs li a::before{content: "";width: 100%;height: 2px;background: #C9151E;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;} .aMember .tabs li.on a{font-weight: bold;} .aMember .tabs li.on a:before, .aMember .tabs li a:hover::before{transform: scale(1);opacity: 1;} .mDownList{padding: 16px;background: #F5F5F6;margin-bottom: 20px;} .mDownList li{margin-top: 12px;line-height: 24px;font-size: 14px;} .mDownList li:first-child{margin-top: 0;} .mDownList .icon{flex-shrink: 0;width: 16px;} .mDownList .btn{flex-shrink: 0;color: #C9151E;} .mDownList .btn img{margin-right: 4px;} .mDownList h5{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 8px;font-size: 14px;color: #333;} .mDownList a:hover h5{color: #C9151E;} .verifyList{min-height: 200px;} .verifyList > li{width: 49%;box-sizing: border-box;padding: 20px;border-left: 1px solid #C9151E;margin-bottom: 20px;background: #FFFFFF;font-size: 14px;line-height: 24px;} .verifyList > li:nth-child(2n){float: right;} .verifyList .title{color: #333333;margin-bottom: 4px;font-size: 14px;} .verifyList .info{color: #999999;} .verifyList .info span{margin-right: 30px;} .verifyList .info span:last-child{margin-right: 0;} .verifyList .billBtn{display: block;width: 88px;height: 32px;background: #C9141E;border-radius: 4px;text-align: center;line-height: 32px;color: #fff;} .verifyList .billBtn:hover{background: #A4040C;} .verifyList .cause{padding: 16px;background: #F5F5F6;font-size: 14px;color: #999999;line-height: 24px;} .verifyList .cause p{height: 48px;overflow: hidden;} .aBillPop .content{text-align: center;color: #333333;font-size: 24px;line-height: 1;padding: 40px 60px 60px;} .aBillPop .content .btm{color: #C9151E;} .aBillPop .content .pic{width:80%;max-width: 400px;margin: 40px auto 30px;} .aModifyInfo{padding: 30px 0;} .aModifyInfo .title{font-size: 24px;color: #333333;line-height: 32px;font-weight: bold;margin-bottom: 30px;} .aModifyInfo .cont{padding: 30px;box-sizing: border-box;min-height: 570px;background: #FFFFFF;} .aModifyInfo .cont .formItem{margin-bottom: 30px;} .aModifyInfo .cont dt{font-size: 14px;line-height: 24px;color: #333333;margin-bottom: 12px;} .aModifyInfo .cont dd{justify-content: flex-start;} .aModifyInfo .cont .text{width: 380px;height: 48px;box-sizing: border-box;padding: 0 12px;background: #F5F5F6;border: none;font-size: 14px;color: #333333;line-height: 48px;margin-right: 30px;} .aModifyInfo .cont .tips{font-size: 14px;color: #999999;line-height: 24px;padding-left: 18px;background: url(../images/add/icon-tips.svg) no-repeat left center;cursor: pointer;} .aModifyInfo .cont .tips:hover{color: #C9151E;} .aModifyInfo .cont .tips.hide{opacity: 0;visibility: hidden;pointer-events: none;} .aModifyInfo .aBtnStyle{width: 120px;height: 48px;line-height: 48px;border-radius: 4px;} .aModifyInfo .apopWrap{padding-top: 12px;display: none;} .aModifyInfo .editName .tips{font-size: 14px;line-height: 24px;color: #999999;margin-bottom: 4px;} .aModifyInfo .editTel .line{margin-top: 12px;position: relative;max-width: 380px;display: flex;align-items: center;justify-content: space-between;} .aModifyInfo .editTel .line .lContent{flex: 1;overflow: hidden;background: #F5F5F6;border-radius: 4px;} .aModifyInfo .editTel .line .code{flex-shrink: 0;margin-left: 8px;width: 120px;height: 48%;overflow: hidden;border-radius: 4px;cursor: pointer;} .aModifyInfo .editTel .line .code img{width: 100%;height: 100%;} .aModifyInfo .editTel .line .icon{flex-shrink: 0;width: 48px;height: 48px;position: relative;text-align: center;line-height: 48px;} .aModifyInfo .editTel .line .icon::before{content: "";width: 1px;height: 16px;background: #DDDDDD;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .aModifyInfo .editTel .line .icon img{width: 16px;display: inline-block;} .aModifyInfo .editTel .line .text{flex: 1;width: auto;box-sizing: border-box;padding: 0 12px;margin-right: 0;background: none;} .aModifyInfo .editTel .line .sendMsg{position: absolute;right: 0;top: 0;padding: 0 20px;font-size: 14px;color: #C9151E;line-height: 48px;cursor: pointer;z-index: 2;} .aModifyInfo .editTel .line .sendMsg::before{content: "";width: 1px;height: 16px;background: #DDDDDD;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .aModifyInfo .editTel .line .sendMsg:hover{text-decoration: underline;} .aModifyInfo .aBtnStyle{float: left;margin-right: 12px;} .aModifyInfo .aBtnStyle.aBackBtn{background: #fff;color: #C9151E;border: 1px solid #C9151E;} .aModifyInfo .aBtnStyle.aBackBtn:hover{background: #C9151E;color: #fff;} body .layer-skin .layui-layer-title{background: #ca1922; color:#fff; border: none;} body .layer-skin .layui-layer-btn{border-top:1px solid #E9E7E7} body .layer-skin .layui-layer-btn a{background:#ca1922;border-color: #ca1922;} body .layer-skin .layui-layer-btn .layui-layer-btn1{background:#ca1922;} body .layer-skin .layui-layer-setwin .layui-layer-close1{filter: brightness(0) invert(1);} @media screen and (max-width: 1024px){ .aListStyle ul .wrap{height: 58px;} } @media screen and (max-width: 760px){ .aListStyle{padding-top: 30px;} .aListStyle .title{margin-bottom: 12px;} .aListStyle ul li{margin-bottom: 12px;} .aListStyle ul .wrap{display: block;height: auto;padding: 12px;} .aListStyle ul .right{justify-content: flex-start;} .aListStyle ul .btn{line-height: 26px;padding: 0 12px;margin-left: 20px;} .aBtnStyle{height: 52px;line-height: 52px;} .aPopWrap .content{padding: 30px;} .aTipsPop .content .tips{margin: 20px auto 40px;} .aFormPop .content{padding: 30px 0;} .aFormPop .scrollStyle{padding: 0 30px;} .aLoginStyle .content{padding: 30px;} .aLoginStyle .title{margin-bottom: 20px;} .aLoginStyle .formItem{margin-bottom: 12px;} .aLoginStyle .formItem dl, .aLoginStyle .formItem dd .text{height: 44px;line-height: 44px;} .aLoginStyle .formItem .code{width: 120px;height: 44px;} .memberTop{padding: 20px;margin-bottom: 20px;display: block;} .memberTop .btnWrap{padding: 12px 0 0 76px;justify-content: flex-start;} .memberTop .btn:first-child{margin-left: 0;} .memberTop .btn{height: 32px;line-height: 30px;padding: 0 12px;} .aMember .tabs{display: block;} .aMember .tabs h4{text-align: center;margin-bottom: 12px;} .aMember .tabs ul{justify-content: space-between;} .aMember .tabs li{margin: 0;} .verifyList > li{width: 100%;padding: 16px;margin-bottom: 16px;} .aPopWrap .content{padding: 20px 0;font-size: 16px;} .aBillPop .content .pic{margin: 20px 0;} .aBillPop .content .btm img{width: 18px;} .mDownList{padding: 10px;} .aModifyInfo .title{margin-bottom: 20px;font-size: 18px;line-height: 1;} .aModifyInfo .cont{padding: 16px;min-height: 370px;} .aModifyInfo .cont dt{margin-bottom: 6px;} .aModifyInfo .cont dd{display: block;} .aModifyInfo .cont .text{width: 100%;height: 40px;line-height: 40px;} .aModifyInfo .cont .tips{margin: 0 12px;font-size: 12px;line-height: 20px;background-size: 10px;padding-left: 14px;} .aModifyInfo .aBtnStyle{height: 40px;line-height: 40px;width: 108px;} .aModifyInfo .cont .tips{margin-bottom: 12px;} .aModifyInfo .editTel .line{width: 100%;max-width: 100%;} .aModifyInfo .editTel .line .icon{height: 40px;line-height: 40px;} .aModifyInfo .editTel .line .code{width: 102px;height: 40px;} .aModifyInfo .editTel .line .sendMsg{line-height: 40px;} .aFormPop .scrollStyle{padding: 0 16px;} .aFormPop .formItem{display: block;margin-bottom: 8px;padding: 12px;background: #F5F5F6;border-radius: 4px;} .aFormPop .formItem .text{height: 38px;line-height: 38px;background: #fff;} .aFormPop .formItem dt{width: 100%;justify-content: flex-start;} } @media screen and (max-width: 468px){ .memberTop .left{display: block;} .memberTop .portrait{margin: 0 0 12px;} .memberTop .btnWrap{justify-content: flex-start;padding-left: 0;} }