.switchWindow { width: 5.6rem; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; background-color: #fff; position: fixed; top: 50%; left: 50%; margin-left: -2.8rem; margin-top: -3rem; z-index: 99; padding: 0.5rem 0.3rem 0.4rem 0.3rem; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .switchWindow.on { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .switchWindow .pictrue { width: 2.36rem; height: 2.36rem; margin: 0 auto; } .switchWindow .pictrue ._img { width: 100%; height: 100%; display: block; } .switchWindow .info { font-size: 0.32rem; color: #282828; margin-top: 0.44rem; font-weight: bold; } .switchWindow .switchBnt { font-size: 0.32rem; color: #fff; width: 3.6rem; height: 0.82rem; border-radius: 0.41rem; -webkit-border-radius: 0.41rem; margin: 0.57rem auto 0 auto; line-height: 0.82rem; background-image: -webkit-linear-gradient(left, #f67a38 0%, #f11b09 100%); background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: -webkit-linear-gradient(to right, #f67a38 0%, #f11b09 100%); background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%); } .switchWindow .switchBnt.cancelBnt { background-color: #fff; color: #999; background-image: none; margin-top: 0.1rem; }