.Libary{width:100vw;height:100vh;background-image:url(../img/bg.4c6e3f08.png);background-position:top;background-repeat:no-repeat;background-size:100vw;margin:0;padding:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.Libary-head{width:80%;margin-top:10vw}.Libary-head img{width:100%}.Libary-body{width:95%;margin-top:5vw;background-image:url(../img/background.ed2db579.png);background-size:100% auto;height:135.28vw;background-repeat:no-repeat}.barcode,.Libary-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.barcode{width:80%;margin-top:8vw}.barcode img{width:100%;height:15vw}.barcode span{width:100%;text-align:center;line-height:10vw;color:#696969;font-size:4vw}.qrcode{margin-top:8vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.qrcode,.qrcode img.main{width:80%}.expire{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.expire img{width:5vw}.expire span{color:#008cff}.expire span,.qrcode span.msg{text-align:center;line-height:10vw;padding:0 1vw;font-size:4vw}.qrcode span.msg{color:#555}.library-btn{width:87%;margin-top:10vw;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.btns,.library-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.btns{width:48%;background-color:#ddd;border-radius:2vw}.btns span{margin-left:5vw;color:#fff;font-size:4vw}.div1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABKCAYAAAF4ALITAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQqADAAQAAAABAAAASgAAAADY3crWAAAJRUlEQVR4Ae2cx68cRRDG3yMImWCRg3DCSCTBAcENrgSJf9hw5MwRGWSJYGFjknPAJnipr9/8Zqtruyf07j7bMi2Nq7rCV9XVNb2783a9u2NjsVh8JloZJ3bN4CNT7tq1ELXxBcadbuchE/yNAUpHpUtGfzlhZJNO4d6PmjhXOFkrJ0bKrZuI73NSxt9gJWoR3mQOEnMpX+0m5HpTOR2RY2+1ZFJZLMJPMtLkhaVur16am8EviZrRULWXSZt1Vm1z/FgIKwlL2I1bRneHDNI2jFZYCMnSqK9qF6XLYbSqlvEDZnTb6BPm+rxdVHRHORzu8NhEX920iloO1w31qhA+7TPKGfbkRC5OO5/5jK40AnRzZdZXZqjgFf8k7ouh2WQQW/Zztv7fO+QMRDV5t1OIpDp0c897XZRnHSjDk9rDDiQjFuxJExzKhN1EmbxWUsyRZTWxLH6MzhbkWJS5ubns/qBMXjYh3cV6RRn9ViLo6MIAfhYvEB0ZxzvFXHJNSzlq17/Bk2x0QAx16wEB+F3wyxEm84CfAqYgAlD06lqjZzeXT6rVGEDFf5k1ADXDmryv2doAD1gIoQ1dKQvbbl4ENO/t1QejL04JofKPX0K/92brebkyh/ZwAvB9IIXfUs/3Ts5m4TO4bV130lt53pb6tp/De4D0moaiQPut87q1zwafgW7R7z162Dqv6nkPcKGXLpli2p067YiWcHhpnzi2CurVXib+jM8ApShjaBtv2pJvC2B2H5hjv2Mcaa8QMlBloOGz2pNs8F+t4ohdQwUfDGcr+nzQoFPafn1Ss/N7UbPZlLy60PsuCTUvPZZVl85GSQMyxzjK4xy7IfpPQZlwlISUgEY7kon6mjz6+7l6Ahz8k55KeOMm3rr/qDn6TybC0bvYr+0OEo1nifRp6Jx4j8mdovt5d1TXeFcnccr2sdTN1dV4hW3xW34+xqsnXjejYtcOOGOPSdbtBbxB+9rdUQMlKBS7WpAoL/ll76YwED1t21E96zG0KrZ+oPDJX6g15iELQKwhOprokLPp9B7sUi2JEd+NqK9YAleEpCT0ifhBTfZpXLLgf/pYujuUwId2Pe4V+8R/Zwl9q486esfzmF1qAi6d87z0ItsGTY1du0UthzQUWINbjfmeVIrCp+Je6RirePZcx6lST6wAe4OOn2JTcMtEVQxVoqSMMioBatQjH6LaXnDwT/Ox7QAUJ+YtVBgRJ82pBEoyHQuC/Zid1/tKeHnqCSkZLeD4jlFhF/FbKzEWsKQvJiDD2BNVwxLqTJmveOZKJTLhlibVBVIJGjIaRnmcz8nXVyLDoRIxOOBRHufYTaHe1/PVExMjMiZITY5+iMoXf+wSPtuBMNLohL4ot9cHvSDqifRZe025inFH/XagSjhsB8ImasEfMcd37FISGgdNJqpkzoqxUUxcCr2fWOuho0DWGZbkVxupxDpJyDf2BI0YS1eTEz/q4xy7Io2ViMFxqslr+jF7/BKNSWRKmwDGytDX5OgjjfbZPG5HdGaOE3NoTY4+0mif5rVKnLGuvRQRxubdOfGG2XGrjrkkvYx1iGRXSwJCMz/hnIp4I/PqsW1+zUN/uI1lHwRjOzInK6seF5RGrUGxRc8RzRx9FseEST+1MWsgyKExSJxjB016KpEJmRiNK0EFeNTX5IN+tUr8Zk0WXwUB0lcg1NDH7IpJYEMyzCPN9AKTILuGEhBadxecjn4T5tyFPt7Ka4diTB2PmiENONWHyuGnh6zlW9TKfXQiqlY0Z0T79NefWk8ATOY4xzl2kdbskMtef3FMj5vi3RHBCI48zpFHWrPr5ZbAGZxiJcgUY+bYQ8f02EGxZ34ORjRWIhrHufcVP6aP9tqCX6NQSahDRUuDILEiNXkJQzI9or5ID0QjHpx9YIrSgzMFV8CYBDjoSAp5K43xxvA3YX/NivOldkFF4OFdXAALhEa95kO6kv2QDCzoGD520BZ7rT214wGjAIlSZenhRUtjzH5MP/kBZCl4SWZnvZ7Kzs23PyQohLBLvJfF+F4HD23Bi/hz54rt40d/r+v5eFpGp3tx3i9uTvIqBO8t5vjdzbZN6/m/I7otjR0RD0e1GTK5wHMYRX0HO5mAM9lhgqFymn17xI4AAKq4Jb4km5DjionHWVE2Cu7IraGF0CWlvNGx89Eeecm3VaZCzMaNt0ZL8KFdRQcVfo1viV3yEb6PUbJZkcVbIxoIkF2VDn52xSPwFuezi6BcpnSEB4aHxsJIjmyLax2EvmNnhLKiMJEfzHhLSp/L5BB0BK0ed5TdreknB6oYgpup7fOC8tJvZ/TtvYcz5c7OdZvrmY4+Upd23x+WcT0Batm9nBG+iiW+JIugLXNb80If+vQdmhfteqoA4mNLrSd0x8WYbyL2z3m7eNAhoffxvOz96HWxELEDvFOJFxA+JT06dr5k77+XJz02JTx0ohrgP2O8Lg108NhoDh/zWTksAYHKeWwM2aKDCsvzERsdNOqjP3bQFvvkS0eUADYhUxB2QXjw7EiMMdc++jfPVYjSgdMMWHD0uwUPLZhnHYMdtGTvZbHQ8kPm7Vb4bXfESsAtCygYVOE8Xw1PITCmerSu5MiqIDMUYG0LfyyVWvxJhyVFOmev26UfII0FX1tvL5NPG8hLawMtu4M1CTLxczoifXt3A8m0QCi23mfEDq3tsF+oj1ezn9URx21n9I5OfwfY9gGbkrd4+vus/t6iIhDTLxIeKj/Pa+4HOqh0iacjvHGNVzVTe3bv6Gp2Q3IFZVdkBy9aGt6et87ISvbNMhWCSjeDzHRMO9D5wENLUF4HDy3ZN8nmdERTgHvAqf9mwNSO+MPOho0cmHZrHbQCPdtQpHgrqTOQNcAll/QrijkdoY+/mxrC4kPSHExuCah8PT8HC9uLYjgjaocVxqL6pY8+7t5ofdXoXgX0sVvdMGUBsvE7Dk++c/UGlw39qCfdGvpawJFMdf9MLlsRLrPcObcGPkN07g7FHR7Clm4Mf8wf/Xkrwg0motwaXrYur2QZ8FDJS7yX4Vuj3hYeWvNBroNRj/hW7DfdEQS826i+qqh3xCsFIFEV4ppdeg7YMmJrKxCyKXjYimrM9d/zWv4LniR6ZdJ/eTTp7UFKwA5MUb2n1y8P9vPXkBauaahgWqAufUFQXxS7ZYtu/k3zf1JHq7Ccjcs4AAAAAElFTkSuQmCC);background-color:#3c9}.div1,.div2{background-position:100%;background-size:auto 70%;height:15vw;background-repeat:no-repeat}.div2{background-image:url(data:image/png;base64,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);background-color:#008cff}.user-box{width:85%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:10vw}.user-box img{width:20vw;height:30vw}.user-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:70%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;height:100%;border-left:1px solid #eee}.user-info,.user-info-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.user-info-box{width:90%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.user-info-box span.s1{font-size:3vw;color:#999}.user-info-box span.s2{font-size:3vw;text-decoration:underline;color:#2b85e4;padding-left:10px;font-weight:700}.user-exam{width:85%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-top:5vw;height:55vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.user-exam,.user-exam-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.user-exam-head{width:100%;height:10vw;background-color:#f2f2f2;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.user-exam-head span.b1,.user-exam-head span.b2{color:#333}.user-exam ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:95%}.user-exam ul,.user-exam ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.user-exam ul li{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:8vw;line-height:8vw;border-bottom:1px dotted #999}.user-exam ul li span{display:block;width:50%;font-size:3vw;text-align:center}.exam-empty{width:100%;height:40vw;line-height:40vw;text-align:center}.mengban{width:100vw;position:fixed;height:100vh;background-color:rgba(0,0,0,.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mengban-box{width:80vw;height:40vw;background-color:#fff;border-radius:3vw}.mengban-box,.mengban-box-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.mengban-box-box{width:100%}.mengban-box-box img.loading{width:10vw;margin-top:5vw;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}.mengban-box-box img.success{width:10vw;margin-top:5vw}.mengban-box-box span{font-size:4vw;padding:4vw 0}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mengban-box-box button{height:8vw;padding:0 3vw;background-color:#2d8cf0;color:#fff;outline:none;border:0;border-radius:1vw}