page{padding:0;margin:0}.box{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative;overflow:hidden;background-color:#007aff}#wenbenkuan{position:absolute}#wenben{font-size:14px;color:#fff;float:left}#headDot{position:absolute;left:50%;top:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.currentDot{width:48px;background:#0b3678;border-radius:10px}.currentDot,.dot{margin:0 4px;height:15px;cursor:pointer}.dot{width:15px;border-radius:100%;background:#000;opacity:.2}#imgOutLine{display:-webkit-box;display:-ms-flexbox;display:flex}