.exchange-rule {padding: .4rem .32rem;background: #fff;}.exchange-rule h3 {font-size: .32rem;line-height: .45rem;margin-bottom: .3rem ;text-indent: .18rem;color: #000;position: relative;}.exchange-rule h3:before {position: absolute;content: ' ';width: .08rem;background: #0087ff;height: .32rem;left: 0;top: .07rem;}.exchange-rule p {font-family: PingFangSC-Regular;font-size: .28rem;color: #2A2A2A;line-height: .4rem;word-break: break-all;}.icbc-page,.cm-page,.ccb-page,.authorization-page {background: #F6F6FB;min-height: 100vh;}.confirm-exchange {min-height: 100vh;background: #F6F6FB;}.confirm-exchange:before {border-top-style: solid;border-top-width: 1px;border-color: #cccccc;border-radius: 0 ;z-index: 10;}.confirm-exchange.authorization {padding-bottom: 1.58rem ;}.confirm-exchange .agree-text {position: relative;font-family: PingFangSC-Regular;font-size: .28rem;color: #000000;line-height: .68rem;letter-spacing: 0;padding-left: .32rem;text-indent: .45rem;}.confirm-exchange .agree-text:before {position: absolute;content: ' ';left: .32rem;top: .17rem;width: .3rem;height: .3rem;border-radius: 100%;border: 1px solid #F22D47;}.confirm-exchange .agree-text:after {position: absolute;content: ' ';left: .4rem;top: .25rem;width: .18rem;height: .18rem;border-radius: 100%;background: #F22D47;}.confirm-exchange .img-wrapper {text-align: center;width: 6rem ;margin: 0 auto;padding: 0.8rem 0 0.4rem 0 ;}.confirm-exchange .bind-company {line-height: 0.24rem ;color: #666;font-size: 0.28rem ;text-align: center;}.confirm-exchange .instruction {background: #FFFFFF;padding: 0.3rem 0 0.3rem 0.3rem ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0.28rem ;margin-top: 0.5rem ;-webkit-box-shadow: inset 0px -1px 0px 0px #DDDDDD, inset 0px 1px 0px 0px #DDDDDD;box-shadow: inset 0px -1px 0px 0px #DDDDDD, inset 0px 1px 0px 0px #DDDDDD;}.confirm-exchange .instruction .title {line-height: 0.28rem ;color: #999999;letter-spacing: 0;}.confirm-exchange .instruction .content {color: #333;line-height: 0.5rem ;margin-top: 0.08rem ;padding-right: 0.3rem ;}.confirm-exchange .instruction .tag-box {margin-top: 0.3rem ;font-size: 0;}.confirm-exchange .instruction .tag-box .tag-text {margin-left: 0.2rem ;font-size: 0.28rem ;color: #333333;}.confirm-exchange .instruction .tag-box .yqbfont_gg_jf_active {color: #F22D47;font-size: 0.24rem ;}.confirm-exchange .instruction .merchant-tag {display: inline-block;margin-bottom: 0.2rem ;width: 50%;}.confirm-exchange .instruction .merchant-tag.special {margin-left: 0;}.confirm-exchange .btn-box {margin: 0.6rem 0.3rem 0.2rem 0.3rem ;}.confirm-exchange .button-wrapper {margin-top: 0.3rem ;}.confirm-exchange .button-wrapper:first-child {margin-top: 0;}.wide-screen .confirm-exchange .img-wrapper {padding: 0.45rem 0 0.225rem 0 ;}.wide-screen .confirm-exchange .img-wrapper img {width: 0.675rem ;height: 0.675rem ;}.wide-screen .confirm-exchange .img-wrapper span {width: 0.489375rem ;padding: 0 0.225rem 0 0.225rem ;height: 0.675rem ;line-height: 0.675rem ;font-size: 0.39375rem ;}.wide-screen .confirm-exchange .img-wrapper .left.special,.wide-screen .confirm-exchange .img-wrapper .right.special {height: 0.675rem ;width: 0.675rem ;}.wide-screen .confirm-exchange .img-wrapper .left.special img,.wide-screen .confirm-exchange .img-wrapper .right.special img {height: 0.45rem ;width: 0.45rem ;top: 0.1125rem ;}.wide-screen .confirm-exchange .bind-company {line-height: 0.135rem ;font-size: 0.1575rem ;}.wide-screen .confirm-exchange .instruction {padding: 0.16875rem 0 0.16875rem 0.16875rem ;margin-top: 0.28125rem ;font-size: 0.1575rem ;}.wide-screen .confirm-exchange .instruction .title {line-height: 0.1575rem ;}.wide-screen .confirm-exchange .instruction .content {margin-top: 0.045rem ;line-height: 0.28125rem ;}.wide-screen .confirm-exchange .instruction .tag-box {margin-top: 0.16875rem ;}.wide-screen .confirm-exchange .instruction .tag-box .tag-text {font-size: 0.1575rem ;}.wide-screen .confirm-exchange .instruction .tag-box .yqbfont_gg_jf_active {font-size: 0.135rem ;}.wide-screen .confirm-exchange .instruction .merchant-tag {margin-bottom: 0.1125rem ;}.wide-screen .confirm-exchange .btn-box {height: 0.495rem ;margin: 0.3375rem 0.16875rem 0 0.16875rem ;}.max-screen .confirm-exchange .img-wrapper {padding: 52px 0 26px 0 ;}.max-screen .confirm-exchange .img-wrapper img {width: 78px ;height: 78px ;}.max-screen .confirm-exchange .img-wrapper span {width: 56.550000000000004px ;padding: 0 26px 0 26px ;height: 78px ;line-height: 78px ;font-size: 45.5px ;}.max-screen .confirm-exchange .img-wrapper .left.special,.max-screen .confirm-exchange .img-wrapper .right.special {height: 78px ;width: 78px ;}.max-screen .confirm-exchange .img-wrapper .left.special img,.max-screen .confirm-exchange .img-wrapper .right.special img {height: 52px ;width: 52px ;top: 13px ;}.max-screen .confirm-exchange .bind-company {line-height: 15.600000000000001px ;font-size: 18.2px ;}.max-screen .confirm-exchange .instruction {padding: 19.5px 0 19.5px 19.5px ;margin-top: 32.5px ;font-size: 18.2px ;}.max-screen .confirm-exchange .instruction .title {line-height: 18.2px ;}.max-screen .confirm-exchange .instruction .content {margin-top: 5.2px ;line-height: 32.5px ;}.max-screen .confirm-exchange .instruction .tag-box {margin-top: 19.5px ;}.max-screen .confirm-exchange .instruction .tag-box .tag-text {font-size: 18.2px ;}.max-screen .confirm-exchange .instruction .tag-box .yqbfont_gg_jf_active {font-size: 15.600000000000001px ;}.max-screen .confirm-exchange .instruction .merchant-tag {margin-bottom: 13px ;}.max-screen .confirm-exchange .btn-box {height: 57.2px ;margin: 39px 19.5px 0 19.5px ;}.new-image-arae .img-wrapper {text-align: center;display: -webkit-box;width: 6.5rem ;margin: 0 auto;}.new-image-arae .img-wrapper .change-area {-webkit-box-flex: 1;display: block;font-family: PingFangSC-Medium;font-size: .24rem;color: #999;letter-spacing: 0;padding-top: .5rem;text-align: center;}.new-image-arae .img-wrapper .change-area .left-change {-webkit-transform: rotateZ(-180deg);-moz-transform: rotateZ(-180deg);-ms-transform: rotate(-180deg);transform: rotateZ(-180deg);}.new-image-arae .img-wrapper .change-area .left-change:only-child {-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-ms-transform: scaleX(-1);transform: scaleX(-1);}.new-image-arae .img-wrapper .change-area .top-box {color: #B7BFC6;position: relative;font-size: .32rem;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}.new-image-arae .img-wrapper .change-area .top-box .only-text {color: #666;}.new-image-arae .img-wrapper .change-area .top-box b:only-child {color: #F00;}.new-image-arae .img-wrapper .change-area .top-box .red-chose {color: #F00;}.new-image-arae .img-wrapper .change-area .top-box:before {position: absolute;top: 50%;left: -0.6rem;content: ' ';margin-top: -0.02rem;height: .01rem;width: .8rem;border-bottom: 2px dashed #FFCCCC;}.new-image-arae .img-wrapper .change-area .top-box:after {position: absolute;top: 50%;right: -0.6rem;content: ' ';margin-top: -0.02rem;height: .01rem;width: .8rem;border-bottom: 2px dashed #FFCCCC;}.new-image-arae .img-wrapper .change-area b {display: block;font-size: .56rem;line-height: .28rem;}.new-image-arae .img-wrapper .change-area p {padding-top: .1rem;}.new-image-arae .img-wrapper img {display: inline-block;width: 1rem ;height: 1rem ;}.new-image-arae .img-wrapper span {display: inline-block;padding: 0 0.4rem ;height: 1.2rem ;line-height: 1.2rem ;vertical-align: top;color: #D8D8D8;font-size: 0.87rem ;}.new-image-arae .img-wrapper .to-right-arrow {font-size: 0.78rem ;}.new-image-arae .img-wrapper .to-left-arrow {font-size: 0.78rem ;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}.new-image-arae .img-wrapper .logo {display: block;vertical-align: middle;width: 2.5rem;}.new-image-arae .img-wrapper .logo.special-logo {border: 1px solid #ddd;border-radius: 50%;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 1rem ;width: 1rem ;}.new-image-arae .img-wrapper .logo.special-logo img {height: 0.8rem ;width: 0.8rem ;position: relative;top: 0.2rem ;vertical-align: middle;}.new-image-arae .img-wrapper .logo .name {font-family: PingFangSC-Semibold;font-size: .32rem;color: #333;letter-spacing: 0;line-height: .36rem;margin: .2rem 0 .12rem;}.new-image-arae .img-wrapper .logo .name-info {font-family: PingFangSC-Regular;font-size: .24rem;color: #666;letter-spacing: 0;line-height: .28rem;}.new-image-arae .ani-class .arr-change {-webkit-animation: roll linear .5s;-moz-animation: roll linear .5s;animation: roll linear .5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;animation-fill-mode: forwards;}.new-image-arae .ani-class .logo:first-child {-webkit-transform: translateX(4rem);-moz-transform: translateX(4rem);-ms-transform: translateX(4rem);transform: translateX(4rem);opacity: 1;-webkit-animation: move1 linear .5s;-moz-animation: move1 linear .5s;animation: move1 linear .5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;animation-fill-mode: forwards;}.new-image-arae .ani-class .logo:last-child {-webkit-transform: translateX(-4rem);-moz-transform: translateX(-4rem);-ms-transform: translateX(-4rem);transform: translateX(-4rem);opacity: 1;-webkit-animation: move linear .5s;-moz-animation: move linear .5s;animation: move linear .5s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;animation-fill-mode: forwards;}@-webkit-keyframes roll {0 {-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}100% {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}}@-moz-keyframes roll {0 {-moz-transform: rotateZ(0deg);transform: rotateZ(0deg);}100% {-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}}@keyframes roll {0 {-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);transform: rotateZ(0deg);}100% {-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}}@-webkit-keyframes move1 {0 {opacity: 1;-webkit-transform: translateX(4rem);transform: translateX(4rem);}50% {opacity: 0;-webkit-transform: translateX(2rem);transform: translateX(2rem);}100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-moz-keyframes move1 {0 {opacity: 1;-moz-transform: translateX(4rem);transform: translateX(4rem);}50% {opacity: 0;-moz-transform: translateX(2rem);transform: translateX(2rem);}100% {opacity: 1;-moz-transform: translateX(0);transform: translateX(0);}}@keyframes move1 {0 {opacity: 1;-webkit-transform: translateX(4rem);-moz-transform: translateX(4rem);transform: translateX(4rem);}50% {opacity: 0;-webkit-transform: translateX(2rem);-moz-transform: translateX(2rem);transform: translateX(2rem);}100% {opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}}@-webkit-keyframes move {0 {opacity: 1;-webkit-transform: translateX(-4rem);transform: translateX(-4rem);}50% {opacity: 0;-webkit-transform: translateX(-2rem);transform: translateX(-2rem);}100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@-moz-keyframes move {0 {opacity: 1;-moz-transform: translateX(-4rem);transform: translateX(-4rem);}50% {opacity: 0;-moz-transform: translateX(-2rem);transform: translateX(-2rem);}100% {opacity: 1;-moz-transform: translateX(0);transform: translateX(0);}}@keyframes move {0 {opacity: 1;-webkit-transform: translateX(-4rem);-moz-transform: translateX(-4rem);transform: translateX(-4rem);}50% {opacity: 0;-webkit-transform: translateX(-2rem);-moz-transform: translateX(-2rem);transform: translateX(-2rem);}100% {opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}}.new-image-arae .auth-page .top-box b {color: #FF0000 !important;}