h1.home-title { color: #fff; font-size: 38px; text-align: center; line-height: 38px; text-transform: none; display: block; margin-top: 50px; margin-bottom: 20px; } div.home-subtitle { text-align: center; color: #fff; font-size: 18px; font-weight: 400; line-height: 18px; margin-top: 15px; margin-bottom: 50px; opacity: 0.9; margin-left: 5px; margin-right: 5px; } div.forsale-continer { background-color: #fff; border: 1px solid #DADBDC; border-top-left-radius: 5px; border-top-right-radius: 5px; } div.forsale-continer-bottom { background-color: #eef1f6; border: 1px solid #DADBDC; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } div.forsale-fa { padding: 30px 40px; text-align: left; } span.title { font-size: 16px; } span.buy-money { display: inline-block; padding-left: 5px; padding-right: 5px; vertical-align: 10px; font-size: 20px; } div .buy-button { padding: 10px 70px; border-radius: 30px; font-size: 16px; outline: none; } .btn-disable { background: #E7ECF2; color: #2f3649; } .btn-active { background: #3698ff; color: #ffffff; border: none; } .btn-active:hover { background: #1e7ee3; } .pay-logo { margin-left: 2px; margin-right: 2px; color: #90949c; } .buy-head { font-weight: 500; font-size: 20px; display: inline-block; } .buy-content { margin-top: 10px; color: #606b7d; font-size: 16px; font-weight: 400; } div.content-title { font-size: 18px; text-align: left; margin-top: 10px; font-weight: 600; color: #2f3649; } div.content-text { padding-left: 35px; } div.bottom-content { padding: 30px 30px; text-align: left; } div.form-group .select-wrap { position: relative; display: inline-block; } div.form-group .select-wrap:after { content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; right: 10px; bottom: 0; pointer-events: none; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 768px) { span.title { font-size: 20px; } span.buy-money { display: inline-block; padding-left: 5px; padding-right: 5px; vertical-align: 10px; font-size: 20px; } div .buy-button { padding: 14px 128px; border-radius: 30px; font-size: 16px; outline: none; } div.forsale-fa { padding: 30px 60px; text-align: left; } div.content-title { font-size: 20px; text-align: left; margin-top: 10px; font-weight: 600; color: #2f3649; } div.bottom-content { padding: 30px 60px; text-align: left; } } .money-num { border: 0; outline: none; font-size: 40px; width: 80px; min-width: 80px; text-align: center; padding: 0; } /* .money-select { background: #e7ecf2; height: 48px; padding-top: 10px; -webkit-appearance: none; -moz-appearance: none; background: url(/template/triangle.png) no-repeat scroll 97.5% #E7ECF2; background-size: 13px 9px; width: 90px; display: inline-block; border: none; } .money-select:hover { background: url(/template/triangle.png) no-repeat scroll 97.5% #90949c; background-size: 13px 9px; } */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } input::-webkit-input-placeholder{ color: #EEF1F6; font-size: 13px; text-align: left; } .dia-com { font-size: 15px; } .dia-title { color: #606b7d; } @media screen and (min-width: 768px) { .dia-com { font-size: 18px; } } .input-two { display: inline-block; width: 50%; } .capt-code{ border-bottom: 1px solid #dbdbdb; border-top:0px; border-left:0px; border-right:0px; } .capt-code:focus{ border-color: #ccc; outline: none; box-shadow: none; } .closeBtn{ right: 0px; top: -21px; color: #fff; cursor: pointer; position: absolute; } .prompt-error-box{ display: none; float: left; color: #E65145; width: 100%; height: auto; margin-bottom: 18px; margin-top: -18px; } .show { display: block!important; } .page-create-account-label{ position: absolute; margin-bottom: 0px; top: 19px; left: 28px; font-Size: 16px; color: #81878C; cursor: auto; font-weight: normal; z-index: 2; } small.help-block { color: #E74C3C; } .bottom-logo { text-align: center; margin-top: 50px; margin-bottom: 40px; } @media screen and (min-width: 768px) { .bottom-logo { text-align: center; margin-top: 250px; margin-bottom: 40px; } } div.modal-dialog{ top: 10%; } .hide{ display: none; } .show{ display: block; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .error-msg{ text-align: left; color: #E65145; } .error-border{ border: 2px solid rgb(243, 166, 158); } .error-modalBody{ color:#E74C3C; font-size:14px; text-align:left; background-color:#F9D3CF; border:1pxsolid#F3A69E; padding-left:10px; padding-top:5px; }