.qui_input {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAE80lEQVRYR8WYX4hUVRzHf787zrrtkL24OWm6SInVkhWMkLgaA+46c84F/1H2EBVRSmZED1EPhiYE1lv/bEOiyBetzLJ77p1ZiYlUstxKiQxCIn3YUqOHlml0Z+79xpE7y2n2zsxdc/U8zvn9fudzv+d3fud3hinm8Dxvoe/7q5n5PiKaA2A2M19PRH8Q0e9EdIqZHSLyhBB/xww7wYxbOQJg13XvJ6KtAO6IucgYM+9PJBJbcrncqZg+42ZNgZRSGSLaCWDxZINqe2auAngnmUy+sHLlynLcGJFAjuM8xMy7AHRGBBpl5pMARph5FMAsZp5LRLdrRRvtmfl4R0fHqv7+/jNxoCYEcF33xSAItpvOzAwi+oiZ3+/p6fmit7d3rDH40NDQ7FqttioIgmeJaEGD/zkiWiGl/LEd1H+AtDJEtLvB6Vsi2mTb9nftgun5Uqk0rVwub2DmVwGk6j7MfJqZFwshzreKMw4U5swhc5uYeTczPyGEuBgHxrQpFAp31Wq1A0Q0z/j9kJQyy8x+s3iXgMLT9I2ZwBpGSvnwZEFMe6VUDxEdA9Bd/92yrA1CiF0tgZRSDwDYa8h7jJmXXY4yjQt5ntcXBEEJwLRwbiSdTi/IZDL/REFdUkgp9VO9zugE1krFzZk4CiqlBgFsND74GSnl65FAxWLxtmq1+rNh/KGUcn2cheLaKKXSAH4louu0DzN/JaXUFX/CYMdxnieiHQZQXkpZiLtYXDul1H4Aq0N7P5VKpbPZ7J+N/qyUcgHkw4nR+fPnz4yqM3EXbmanlHoUwHtGcq8RQnwaBXQCwKJQyqNSyiX/d/Eof8/zFvm+f8LYic1SyrcmADmOowvVzHBiv23ba6cCqFQqzSyXy+NF0bKsl4UQW6IUugBgeqjQB1LKR6YCyHXd6UEQXDBiv2nb9tNRCp02qmnRtu3cVADpIgngNyOHtgshtkYp9DWAe0OFTkope6cCSBdI3/cPtc0hpdRuAPpS1fUByWTy5oGBgZErDaWU0k3eNkOhJUKIoxMUcl13fRAEewzDTUKIt6cA6AcAd4dxK+l0+oZMJlONApoRBIHO/o5QpV+6urp6s9ls7UpBKaX6AQwZ27VXSvlgVPz6XbYHgHldPGXb9s4rAQTAcl13GMA99XiJRCKbz+e/bApUKBRu9X1ft6XJUKVyIpFYmsvlxgvZ5cIppXSj9pyhzhEpZV+zeOMNmuM4bxDRZsPwDDMvl1LqsnBZQym1EcCg4ewzc0ZKebwtULFYTNVqtcNG4ulTd96yrLX5fP7wZIjCbdphKhMqr18ia2zbVm2BtMHBgwfnjY2N6Q7vRkNindzvEtE2KaV+FLYcOoGJ6BUzZxoc9ANhbTOoCa8OpdSdRPQ5AN1+mqPCzEUi+syyrO87OztHKpXKaDKZnFWtVucCWEFEq02FW5A3hYp8l7mu2x0EwT4iWtZOkTbzOmeC+mExbZn5IoB1jUo1fbkCSHie9xiAlwDcNFkwZj6iDwmAOUT0Sb3OtYNq+bbXzsPDw11nz559nIjWAVhKRIkWcHpbD1iWNWjWGcdxZFyotkDm4rqnqVQqffqr9b8fRDTDsqy/AJzTedXd3T0cdR3oGHGhJgU02W1rtNdQzLyv3n81bh8RDVxVoLpSLaCOX3WgNlCj1wSoBdTH1wxIQymllhPRawBuIaJiKpV68l/fhmK0wW9TpwAAAABJRU5ErkJggg==) no-repeat 12px 9px #F2F3F4;
    background-size: 18px 18px;
    border-radius: 6px;
    overflow: hidden;
    width: 180px;
    height: 36px;
    float: left;
    margin-right: 20px;
}

.qui_input input {
    border: none;
    background: none;
    outline: none;
    margin: 0px;
    margin-left: 42px;
    height: 36px;
    line-height: 36px;
    width: 126px;
    font-size: 14px;
    padding: 0px;
}

.qui_button {
    float: left;
}

.qui_button a {
    background: #4388FF;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    width: 90px;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
}

.qui_left {
    float: left;
}

.qui_right {
    float: right;
}

.qui_button_item ul, .qui_button_item li, .qui_time_item ul, .qui_time_item li, .qui_title_item ul, .qui_title_item li, .qui_title_button ul, .qui_title_button li {
    font-size: 14px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.qui_button_item li {
    float: left;
    margin-left: 20px;
}

.qui_button_item ul a {
    text-decoration: none;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 6px;
}

.qui_button_item ul a.qui_border_button {
    border: solid 2px #C8C8C8;
    height: 32px;
    line-height: 32px;
}

.qui_button_item ul a.qui_border_button i {
    float: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACR0lEQVRYR+2ZP4gTQRTGv7dIQgpBsLERa7WRTcRUliIEgh5eIAg7wcL0VlayV9nYWtyBMBsMSE4UAnIIQrAyRbKFJ9obLP1TpdjEfTLhFsJxl53sxtlmp0kxH/N+fHkz8+Yt4Wh0u91L8/n8CYAbAC4C+AzgoFQqPWs0GkGkM/1LKmCn09kKw1ACOHsCwGGxWKw1m82JaTgVj5Rzs9ns8BS4BRMRfXAc5xYRsWlI8jzvBTM/iAtsWdZtx3Hex+k2Pa8AvzDz1biFicgVQuzE6TY9T1LKvwAsjYVftVqtpoZuoxIFqJVXRLQvhGhsNLrGYjmghkkrJbmDuYORA/9jFw8GgzOTyeQRM9cAXAPwHcAnADtCiB+LWyyrY6bX612YTqd9ANePpwER/QZwXwhxkBmglPItgDsrcvRXoVC4kgmglPImgI8aG+h5JoCe5z1m5qcagH4mgFLKlyrH4gCJKMgE0PO8HjNvxwFmtotzQJ2/ZpXGuIPlcrnGzG0iqigwZh4R0e54PH53EqhRQNu2dwE8PMWxPd/328fnjAHatq3AFOCq0fZ9f29ZYATQdV2r3+//BHAuBvBPvV4/77puGOmMAFar1ctBEHzV2TDqTh0Oh9+MAtq2fRfAGx1AAFu+76viYDGMOFipVO6FYbivA2hZ1vZoNHqdAy6/i3MHj/IhcTWTO7jkYKLmUZpjZq2CNWn7LeVBrV/yJ21gprnq1no0pWkBJy0WVHppPzuVOE0TPUm5pWJqP9yj6yfNZ4h1C9Yopk7r4x/57SRDb+culAAAAABJRU5ErkJggg==) no-repeat center center;
    width: 18px;
    height: 18px;
    background-size: cover;
    float: left;
    margin-left: 17px;
    margin-top: 8px;
}

.qui_button_item ul a.qui_border_button span {
    float: left;
    font-size: 14px;
    color: #1E1E1E;
    line-height: 32px;
    display: block;
    margin-left: 10px;
}

.qui_button_item ul a.qui_bg_button {
    background: #4388FF;
    color: #fff;
    text-align: center;
}

.qui_button_item ul a.qui_bg_button i {
    font-style: normal;
}

.qui_clear {
    clear: both;
}

.qui_time {
    margin-top: 10px;
}

.qui_time_item {
    background: #F2F3F4;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    width: 360px;
}

.qui_time_item li {
    float: left;
    width: 25%;
}

.qui_time_item li a {
    display: block;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
    color: #1E1E1E;
    font-size: 14px;
}

.qui_time_item li.qui_active a {
    background: #4388FF;
    color: #fff;
}

.qui_time_custom {
    float: left;
    margin-left: 20px;
    height: 36px;
    width: 260px;
    border-radius: 6px;
    overflow: hidden;
    line-height: 36px;
}

.qui_time_custom a {
    display: block;
    text-decoration: none;
    color: #505050;
    font-size: 14px;
    text-align: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAA5UlEQVQ4T63SPQ6CQBAF4LdkL+AlTDiAiS2JjTewsCbsaO01LIwLoTcewcaE1huQeAkvAIwZAkQU/H/lZvLtz1uFP0eJF4bhhpmXv9hKKWuMWdTgnplnP4I7Y8y8BK21AwAnAMMv0TOAMRFdSlASx/EwyzJBBf8kF6312Pd9QdGA1UknAA4A9JtiBmBKRMd6vgXKYhRFVBTF9h3QcZxFEAT2dvYBrFrfMjM9Q+tW72c6wSRJdJqmcnV5gq4cXdedep4nV26lE3zRfNNo1069YE/zrUY/Bit0lOf5GkDBzCsikq/Vmyvod1kNFKnwCwAAAABJRU5ErkJggg==) no-repeat 233px center #F2F3F4;
    background-size: 10px 6px;
}

.qui_time_custom.qui_active a {
    background: #4388FF;
    color: #fff;
}

.qui_select {
    float: left;
    width: 132px;
    height: 36px;
    margin-right: 20px;
    border-radius: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAA5UlEQVQ4T63SPQ6CQBAF4LdkL+AlTDiAiS2JjTewsCbsaO01LIwLoTcewcaE1huQeAkvAIwZAkQU/H/lZvLtz1uFP0eJF4bhhpmXv9hKKWuMWdTgnplnP4I7Y8y8BK21AwAnAMMv0TOAMRFdSlASx/EwyzJBBf8kF6312Pd9QdGA1UknAA4A9JtiBmBKRMd6vgXKYhRFVBTF9h3QcZxFEAT2dvYBrFrfMjM9Q+tW72c6wSRJdJqmcnV5gq4cXdedep4nV26lE3zRfNNo1069YE/zrUY/Bit0lOf5GkDBzCsikq/Vmyvod1kNFKnwCwAAAABJRU5ErkJggg==) no-repeat 101px center #F2F3F4;
    background-size: 10px 6px;
    position: relative;
}

.qui_select select {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 132px;
    height: 36px;
    outline: none;
    opacity: 0;
}

.qui_select span {
    display: block;
    line-height: 36px;
    font-size: 14px;
    color: #1E1E1E;
    text-indent: 20px;
}
.qui_title_item {
    float: left;
}
.qui_title_item li {
    float: left;
}
.qui_title_item li a {
    color: #1E1E1E;
    font-size: 16px;
    text-decoration: none;
    line-height: 36px;
}
.qui_title_item li.qui_title_item_icon {
    width: 8px;
    height: 12px;
    margin: 0px 20px;
    margin-top: 12px;
    line-height: normal;
}
.qui_title_item_icon img {
    width: 100%;
    height: 100%;
    display: block;
}
.qui_title {
    border-bottom: solid 1px #DCDCE0;
    padding: 20px 0px;
}
.qui_title_button {
    float: right;
}
.qui_title_button li {
    float: left;
    margin-left: 20px;
}
.qui_title_button li a {
    width: 100px;
    height: 36px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 36px;
    background-color: #4388FF;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
}
.qui_title_button li.qui_code a {
    border: solid 1.5px #C8C8C8;
    background: #fff;
    height: 33px;
    line-height: 33px;
    color: #1E1E1E;
    width: 197px;
}
.qui_title_button li.qui_red a {
    background: #D03F45;
}