.mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity .4s,z-index .4s;transition:opacity .4s,z-index .4s}.mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0,0,0,.7);z-index:888;display:block}.mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:#000;-webkit-transition:all .4s;transition:all .4s;bottom:-350px;left:0;background:#fff}.mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}.mobileSelect .content .fixWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .btnBar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}.mobileSelect .content .btnBar .cancel{left:0;color:#666}.mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}.mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}.mobileSelect .content .panel .wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width .3s ease;transition:width .3s ease}.mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform .18s ease-out;transition:-webkit-transform .18s ease-out;transition:transform .18s ease-out;transition:transform .18s ease-out,-webkit-transform .18s ease-out}.mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel .selectLine{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0),#fff);opacity:.9;pointer-events:none}.mobileSelect-show{opacity:1;z-index:10000;visibility:visible}.mobileSelect-show .content{bottom:0}.list-role{padding:8vw 4vw;position:absolute;left:0;right:0;top:12vw;bottom:0;overflow-x:hidden;overflow-y:auto;content:"viewport-units-buggyfill; padding: 8vw 4vw; top: 12vw"}.list-role .role-group{margin-bottom:4.267vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; margin-bottom: 4.267vw"}.list-role .role-group em{display:inline-block;width:12.8vw;font-size:3.733vw;font-style:normal;font-weight:700;color:#333;text-align:left;content:"viewport-units-buggyfill; width: 12.8vw; font-size: 3.733vw"}.list-role .role-group .bind-select{width:77.067vw;height:9.333vw;font-size:3.733vw;color:#333;border-radius:1.067vw;border:.267vw solid #eee;position:relative;content:"viewport-units-buggyfill; width: 77.067vw; height: 9.333vw; font-size: 3.733vw; border-radius: 1.067vw; border: 0.267vw solid #eee"}.list-role .role-group .bind-select,.list-role .role-group .bind-select .select{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-role .role-group .bind-select .select{width:100%;height:100%;padding:0 11.733vw 0 3.733vw;-webkit-box-sizing:border-box;box-sizing:border-box;content:"viewport-units-buggyfill; padding: 0 11.733vw 0 3.733vw"}.list-role .role-group .bind-select .select span{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b1b1b1}.list-role .role-group .bind-select i{display:block;width:9.333vw;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAb1BMVEUAAACqqqqZmZmqqqq/v7+qqqqzs7O2traqqqqxsbGysrKzs7Ozs7OysrKysrKzs7Ozs7OysrKysrKxsbGysrKysrKzs7OysrKzs7OysrKysrKysrKxsbGysrKysrKysrKysrKysrKysrKysrKysrKjU3hlAAAAJHRSTlMAAwUGCAkKDg95gYKJi4+Tlp+trrm6u72+yMnK2dzh5enq7fDLF2ziAAAAqklEQVQ4y+3UyRKCMBAE0BYk4oL7voP9/9/oIUgiJJNctejTVNe7TVUDfX48g+m9XI1kky1fVZECGJPkJZesOpJkAeDKkNaWTwA3BnRt+QAw0SfPuWw5B5CsRd3Y7RAAUkkbm+lC0B0raGOVKT3aaT3aY51aHTzWoQXb0aJt6cbulPux6aYGpzxobR22lo6wbS3bbx2ytg5bo2PsR+9V3Dgks7JaZP1I/mPe1HMuiYWOSXcAAAAASUVORK5CYII=) no-repeat 50%;background-size:3.467vw;position:absolute;right:0;top:0;z-index:1;content:"viewport-units-buggyfill; width: 9.333vw; background-size: 3.467vw"}.list-role .btn-bind{width:40vw;height:9.6vw;margin:9.333vw auto 5.333vw;background:#33bfff;border-radius:1.067vw;font-size:3.733vw;font-weight:700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; width: 40vw; height: 9.6vw; margin: 9.333vw auto 5.333vw; border-radius: 1.067vw; font-size: 3.733vw"}.list-role .bind-tips{font-size:3.467vw;color:#b1b1b1;text-align:center;content:"viewport-units-buggyfill; font-size: 3.467vw"}.list-role .bind-tips span{color:#33bfff}.code-role{padding:8vw 4vw;position:absolute;left:0;right:0;top:12vw;bottom:0;overflow-x:hidden;overflow-y:auto;content:"viewport-units-buggyfill; padding: 8vw 4vw; top: 12vw"}.code-role .code{font-size:4vw;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; font-size: 4vw"}.code-role .code em{display:inline-block;width:14.667vw;font-size:3.733vw;font-style:normal;font-weight:700;text-align:left;content:"viewport-units-buggyfill; width: 14.667vw; font-size: 3.733vw"}.code-role .code input{-webkit-box-flex:1;-ms-flex:1;flex:1;width:77.067vw;height:9.333vw;padding:0 3.733vw;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:3.733vw;color:#333;line-height:normal;border-radius:1.067vw;background:none;border:.267vw solid #eee;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; width: 77.067vw; height: 9.333vw; padding: 0 3.733vw; font-size: 3.733vw; border-radius: 1.067vw; border: 0.267vw solid #eee"}.code-role .explain{padding:8vw 0 0;font-size:3.733vw;line-height:5.6vw;color:#333;text-align:left;content:"viewport-units-buggyfill; padding: 8vw 0 0; font-size: 3.733vw; line-height: 5.6vw"}.code-role .btn-bind{width:40vw;height:9.6vw;margin:9.333vw auto 5.333vw;background:#33bfff;border-radius:1.067vw;font-size:3.733vw;font-weight:700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; width: 40vw; height: 9.6vw; margin: 9.333vw auto 5.333vw; border-radius: 1.067vw; font-size: 3.733vw"}.bind-role{width:100%;min-height:100vh;content:"viewport-units-buggyfill; min-height: 100vh"}.bind-role .role-content{width:100%;position:absolute;top:11.733vw;bottom:0;overflow:hidden;content:"viewport-units-buggyfill; top: 11.733vw"}.bind-role .role-content .van-tabs,.bind-role .role-content .van-tabs__content{height:100%}.bind-role .role-content .van-tabs__nav--line{padding-bottom:0}.bind-role .role-content .van-tabs--line .van-tabs__wrap{height:12vw;margin:0 4vw;border-bottom:1px solid #eee;content:"viewport-units-buggyfill; height: 12vw; margin: 0 4vw"}.bind-role .role-content .van-tabs__line{width:4vw;height:1.067vw;bottom:0;background-color:#33bfff;border-radius:.533vw;content:"viewport-units-buggyfill; width: 4vw; height: 1.067vw; border-radius: 0.533vw"}.bind-role .role-content .van-tab{font-size:3.467vw;line-height:normal;content:"viewport-units-buggyfill; font-size: 3.467vw"}.sy-screen-landscape .bind-role .role-content{left:13.333vw;width:calc(100% - 13.333vw);content:"viewport-units-buggyfill; left: 13.333vw; width: calc(100% - 13.333vw)"}