@charset "utf-8";
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
input[ type= "number" ] { -moz-appearance: textfield; }
.page-title { font-size: 18px; font-weight: normal; }
.timeBox { display: flex; flex-wrap: wrap; width: 1000px; margin: 0 auto; justify-content: center; }
.divitem { width: 400px; margin: 10px 0; display: flex; position: relative; background: var(--white); border: 1px solid #ced4da; }
.divitem:nth-child(2n) { margin-left: 50px; }
.divitem .tips { text-align: center; position: absolute; left: 45px; top: 10px; color: var(--gray3); font-size: 14px; width: 80px; padding-right: 5px; border-right: 1px solid var(--gray-d); }
.itemInput { border: none; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 398px; height: 40px; line-height: 40px; padding-left: 150px; padding-right: 90px; outline-style: none; }
.divitem img { position: absolute; top: 10px; left: 10px; height: 20px; }
.timeS { color: var(--gray9); font-size: 12px; position: absolute; right: 75px; bottom: 0; cursor: pointer; }
.dw { text-align: center; font-size: 14px; position: absolute; right: 0; height: 40px; line-height: 40px; width: 70px; cursor: pointer; }
/*汇率转换*/
.change-box { background: var(--white); padding: 1rem; max-width: 500px; margin: 0 auto; }
.change-box .change-item { display: flex; justify-content: space-between; border-bottom: 1px solid #f3f3f3; padding: .5rem 0;
}
.change-box .change-item .country { flex: 4; display: flex; align-items: center; align-content: center; }
.change-box .change-item .country .gq img { width: 3rem; }
.change-box .change-item .country .frinfo { margin-left: .5rem;
}
.change-box .change-item .change-input { flex: 6; display: flex; align-items: center; justify-content: flex-end; }
.change-box .change-item .change-input .dwhs { font-size: 2rem; color: var(--gray3); font-weight: 100; font-family: Roboto, sans-serif; margin-right: .5rem
}
.change-box .change-item .change-input input { border: none; border-bottom: 1px solid var(--gray9); width: 100%; font-weight: 100; font-family: Roboto, sans-serif; font-size: 2rem; width: 10rem; color: var(--gray3); }
.change-box .change-item .change-input input:focus { outline: none; border-bottom: 1px solid #f0ad4e; }