html{margin:0;padding:0;border:0}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial,Helvetica,sans-serif;vertical-align:baseline}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5;background:#fff}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;float:none!important}table,th,td{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:''}blockquote,q{quotes:"" ""}a img{border:none}:focus{outline:0}body{color:#000;font-size:16px}.bg{width:100%}.wrapper{position:absolute;top:-10%;left:var(--left-value);right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#3aa335}@media (min-width:768px){:root{--left-value:65%}}@media (min-width:1024px){:root{--left-value:48%}}.wrappermiddle{padding:8% 15% 5% 22%}.wrappermiddle_index{padding:8% 8% 8% 8%;font-size:18px;background:#fff;width:240px;border-radius:15px}.wrappermiddle_pro{padding:8% 8% 8% 8%;border:1px solid #00ab4e;border-radius:10px;background:#fff;font-size:15px;height:40%}.wrapperlogo{width:37%;position:absolute;top:27%;transform:translate(0%,-58%);margin-left:6%}.wrapperlogo_pro{clear:both;display:block;margin:auto;width:40%}.user_input{position:relative;height:50px;margin-top:28px}.user_inputleft{float:left;width:12px;height:100%}.user_inputmiddle{float:left;width:92%;height:100%;line-height:100%}.user_inputmiddle_half_vali{float:left;width:355px;height:100%;line-height:100%}.user_img_right_vali{float:left;width:100px;height:100%;line-height:100%}.user_inputmiddle_half{float:left;width:305px;height:100%;line-height:100%}.user_img_right{float:left;width:165px;height:100%;line-height:100%}.user_img_right a{cursor:pointer;text-decoration:underline;margin-top:17px;margin-left:8px;font-style:italic;display:block}.user_img_right a:hover{color:#292929}.user_inputright{float:left;width:12px;height:100%;line-height:100%}.url{display:block;width:450px;height:80%;line-height:42px;color:#797c80;font-size:18px;padding-left:15px;border:1px solid #00ab4e;border-radius:8px;appearance:none;-moz-appearance:none;-webkit-appearance:none}.url_icon{display:block;position:absolute;margin-top:-32px;float:left;margin-left:4px}.url_select{display:block;margin-top:-32px;float:right;margin-right:4px}.submit{float:left;position:relative;padding:0;height:40px;border:0;color:#735b4d;font-size:15px;font-weight:bold}.warning{float:left;position:relative;padding-top:8px;width:450px;color:red;font-size:15px;font-weight:bold}.ok{float:left;position:relative;padding-top:8px;width:450px;color:#fff;font-size:15px;font-weight:bold}.warning_pro{float:left;position:relative;padding-top:8px;color:red;font-size:15px;font-weight:bold}.payinfoText{position:relative;padding-top:8px;color:#00ab4e;font-size:25px;font-weight:bold;text-align:center}.ok_pro{float:left;position:relative;padding-top:8px;color:green;font-size:15px;font-weight:bold}.intro_title{color:#735b4d;font-size:15px;font-weight:bold}.intro_detail{font-size:12px}.hint{float:left;position:relative;margin-top:8px;width:100%;background:url(../images/icon/hint.png) no-repeat left}.hint_content{margin-left:30px;color:green;font-size:20px;font-weight:bold}.content{float:left;position:relative;margin-top:8px;width:100%}.wrappertop{top:12%;padding-top:15%;position:absolute;font-size:24px;font-weight:700;color:#fff}.wrapper h2{margin-top:12px;font-size:15px;color:#000}.links_left{float:left;position:relative;padding-top:5px}.links_left a{color:#735b4d;font-weight:bold;font-size:12px;text-decoration:none;transition:color 0.5s linear;-moz-transition:color 0.5s linear;-webkit-transition:color 0.5s linear;-o-transition:color 0.5s linear}.links_left a:hover{color:#292929}.links_right{float:right;position:relative;padding-top:5px}.links_right a{color:#735b4d;font-weight:bold;font-size:12px;text-decoration:none;transition:color 0.5s linear;-moz-transition:color 0.5s linear;-webkit-transition:color 0.5s linear;-o-transition:color 0.5s linear}.links_right a:hover{color:#292929}.powered{float:right;position:relative;padding-top:3px;margin-right:5px;font-size:12px}.powered a{color:#aaa;font-size:12px;text-decoration:none;transition:color 0.5s linear;-moz-transition:color 0.5s linear;-webkit-transition:color 0.5s linear;-o-transition:color 0.5s linear}.powered a:hover{color:#292929}.p-new{vertical-align:super;text-decoration:none;color:red;font-size:xx-small;font-style:italic}.time{width:30px;height:80%;line-height:15px;background:transparent;color:#d81717;font-size:14px;border-left:0;border-right:0;border-top:0;padding-left:5px;appearance:none;border-bottom-style:inset;border-bottom-color:#bdbdbd;-moz-appearance:none;-webkit-appearance:none}.rechargeDiv{float:right;margin-top:20px;color:#fff}.wrapper_pro{width:50%;position:relative;padding:6% 2% 6% 24%;font-size:14px}.proTitle{font-size:24px;padding-bottom:50px;padding-left:45%;padding-top:20px}.infolist{margin-left:40%;background:#fff;width:40%;min-height:200px;position:absolute;border-radius:15px;overflow:auto;max-height:380px}.wifi_logo{float:left;width:40px;height:40px;background:url(../images/icon/WIFI.png) no-repeat}.commodity{min-width:300px;padding-left:10px;border-radius:50px;width:fit-content;display:inline-block}.commodity_button{position:absolute;bottom:100px;margin-left:45%}.circle-radio{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #ccc;position:relative;cursor:pointer}.circle-radio input[type="radio"]{display:none}.circle-radio input[type="radio"]:checked+.circle-radio-label{background-color:#ccc}.circle-radio-label{display:block;width:100%;height:100%;border-radius:50%;transition:background-color 0.3s ease}.paydiv{padding:var(--padding-value);width:90%}@media (min-width:768px){:root{--padding-value:1% 22%}}@media (min-width:1024px){:root{--padding-value:1% 33%}}.copyright{position:absolute;bottom:5%;left:12%;transform:translate(-15%,-8%);font-size:16px}.copyright_pro{position:absolute;bottom:5%;left:38%;font-size:16px}.get_button{height:46px;width:100%;cursor:pointer;color:#fff;font-weight:bold;line-height:1.4545em;text-align:center;background-color:#3aa335;font-weight:bold;font-size:18px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px;border-color:#fff;border-style:solid;border-width:1px;padding:7px 15px 8px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer}.get_button:disabled{cursor:not-allowed;pointer-events:none;color:#727272;background-color:#3aa335}.login_button{height:46px;width:100%;margin-top:18px;cursor:pointer;color:#fff;font-weight:bold;font-size:20px;line-height:1.4545em;text-align:center;background-color:#de1e23;font-weight:bold;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border-color:#de1e23;border-style:solid;border-width:1px;padding:7px 15px 8px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer}.login_button:disabled{cursor:not-allowed;pointer-events:none;color:#727272;background-color:#de1e23}.button{height:46px;width:470px;margin-top:18px;cursor:pointer;color:#fff;font-weight:bold;font-size:20px;line-height:1.4545em;text-align:center;background-color:#3aa335;font-weight:bold;-webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;border-color:#fff;border-style:solid;border-width:1px;padding:7px 15px 8px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer}.button:disabled{cursor:not-allowed;pointer-events:none;color:#727272;background-color:#3aa335}.ad_img_left{width:450px;height:350px;margin-left:12%;margin-top:20px;background:url(../../../include/images/ad.png) no-repeat left;background-position:25% 25%;background-size:cover;position:absolute;top:38%}.logo_copyright{float:left;width:100%;position:absolute;bottom:0px}.logo_huawei{margin:-5px 0 0 11%;float:left;width:40px;height:40px;background:url(../images/icon/huawei_logo1.png) no-repeat}.login_copyright{float:left;font-size:12px;margin:5px 0 0 5px}.helpinfo{font-size:12px;color:#999;margin:0 0 7px 10%;position:absolute;bottom:27px}.notice{position:relative;max-height:50px;margin-top:10px;min-height:0px}.choose_button{height:46px;width:180px;cursor:pointer;color:#fff;font-weight:bold;line-height:1.4545em;text-align:center;background-color:#3aa335;font-weight:bold;font-size:16px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px;border-color:#fff;border-style:solid;border-width:1px;padding:5px 10px 5px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer}.choose_button:disabled{cursor:not-allowed;pointer-events:none;color:#727272;background-color:#3aa335}.payinfo_div{padding-left:42%}.payinfo{width:300px;border:2px solid #727272;padding:10px;min-height:35px}.methodinfo{width:300px;border:2px solid #727272;padding-bottom:20px;height:35px}.method_div{font-weight:500;padding-top:16px;padding-bottom:15px}.mpesa_logo{height:45px;width:45px;background:url(../images/icon/mpesa.png) no-repeat;margin-top:5px;margin-left:215px}.right-arrow{height:40px;width:40px;background:url(../images/icon/direction.png) no-repeat;margin-top:-45px;float:right}.phoneinfo{padding-left:38%}.ok_button{height:46px;width:180px;cursor:pointer;color:#fff;font-weight:bold;line-height:1.4545em;text-align:center;background-color:#3aa335;font-weight:bold;font-size:16px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px;border-color:#fff;border-style:solid;border-width:1px;padding:5px 10px 5px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;margin-left:12%;margin-top:20px}.ok_button:disabled{cursor:not-allowed;pointer-events:none;color:#727272;background-color:#3aa335}.questiondiv{position:absolute;top:38%;margin-left:6%;height:420px;overflow:auto;width:620px}.notice_div{display:block;width:480px;height:80%;line-height:42px;font-size:18px;padding-top:15px;border-radius:8px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;color:#fff}