| Server IP : 127.0.0.1 / Your IP : 216.73.216.48 Web Server : Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12 System : Windows NT DESKTOP-3H4FHQJ 10.0 build 19045 (Windows 10) AMD64 User : win 10 ( 0) PHP Version : 8.2.12 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : D:/active_xampp_upgrade/cb_image/main_css/ |
Upload File : |
bodyk{margin:0px; font-family: serif;box-sizing: border-box;}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
.main_home_div
{
float:left;width:100%;height:60px;background:red;backgroundk:#F90569;background:#bd0e56;position:fixed;z-index:2;
}
.banner_help_div{float:left;width:100%;height:60px;background:red;}
.main_log_home
{
float:left;width:40px;height:40px;margin-left:2%;border-radius:50%;margin-top:10px;
}
.hi_title
{
float:left;widthk:60%;height:40px;line-height:40px;margin-left:5px;margin-top:10px;text-align:center;font-size:1.4em;color:#fff;font-family: serif;font-weight:600;
}
.home_title
{
float:left;width:90%;height:40px;line-height:40px;margin:0px;margin-left:5%;line-height:50px;text-align:center;backgroundk:#68BC3A;color:#F5630F;border-radius:50px 50px 0px 0px;
backgroundkk:linear-gradient(to right, #9503A9, #FA6B24);backgroundk:linear-gradient(to right, #E237F3, #FA6B24);font-weight:600;
}
.home_title2
{
float:left;width:90%;height:40px;line-height:40px;margin:0px;margin-left:5%;line-height:50px;text-align:center;backgroundk:#68BC3A;color:#bd0e56;border-radius: 0px 0px 50px 50px;
backgroundkk:linear-gradient(to right, #9503A9, #FA6B24);backgroundk:linear-gradient(to right, #E237F3, #FA6B24);font-weight:600;
}
.app_download
{
float:left;width:30%;height:50px;margin-left:35%;margin-top:50px;border-radius:20px;font-size:1.2em;color:#fff;border:none;cursor:pointer;background:#00E10E;
backgroundk:linear-gradient(to right, #E237F3, #FA6B24);font-weight:bold;
}
.app_download:hover{background:#F5630F;}
.option_btn
{
float:right;width:30px;height:30px;margin-right:8px;margin-top:15px;border:1px solid #ccc;border-radius:50%;backgroundk:#ededed;display:block;
cursor:pointer;
}
.option_btn:hover{background:#ccc;}
.main_upload_btn
{
float:right;height:30px;margin-right:3%;margin-top:15px;background:transparent;color:#fff;border:none;border-radius:6px;cursor:pointer;
font-size:16px;font-weight:bold;
}
.main_upload_btn:hover{color:#EAAEC5;}
.main_upload_btn2
{
float:left;width:80%;height:25px;line-height:25px;margin-left:10%;margin-top:15px;background:#fff;color:#000;border:none;border-radius:6px;cursor:pointer;
font-size:14px;
}
.upload_btn_pc{display:block;}
.search_btn_mob_help{display:none;}
.upload_btn_mob{display:none;}
.home_btn_pc_only{display:block;}
.help_option_div_mob{display:none;}
.help_setting_btn_div{display:none;}
.search_input_div_mob{display:none;}
.heip_mob_search_icon{display:none;}
.clear_sea_input_btn_mob{display:none;}
.search_input_div
{
float:right;width:30%;height:40px;margin-top:10px;margin-right:2%;background:#fff;border-radius:20px;display:flex;justify-content:space-evenly;
align-items:center;
}
.search_go_btn
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;
}
.clear_sea_input_btn
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;display:block;
}
.search_input
{
width:76%;height:40px;outline:none;border:none;font-size:0.9em;background:#fff;
}
.option_div
{
width:100px;height:300px;margin-top:60px;background:#fff;border:1px solid #ccc;position:fixed;display:none;
right:0px;
}
.search_title
{
width:100%;height:50px;line-heightk:50px;backgroundk:red;text-align:center;font-size:17px;font-weight:bold;
color:#505252;
}
.search_output
{
float:right;width:40%;height:400px;margin-right:17%;margin-top:10px;
}
.main_search_div
{
float:left;widthK:1300px;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
}
.sub_search_div
{
float:left;width:97%;height:auto;margin-top:20px;backgroundk:blue;
}
.btn_lebal
{
float:left;width:99%;height:80px;margin-right:1%;margin-top:10px;margin-bottom:40px;display:flex;align-items:center;border-bottom:1px solid #ccc;
overflow-y:auto;
}
.sub_btn_lebal
{
float:left;min-width:50px;height:40px;margin-left:15px;padding:5px;font-size:0.9em;font-weight:600;background:#bd0e56;
cursor: pointer;text-align: center;text-decoration: none;outline: none;color: #fff;background-colork: #F870FF;border: none;border-radius: 15px;
}
.com_lebal_count
{
float:right;margin-top:13px;color:#349300;
}
.sub_btn_lebal:hover {background-color: #F24378}
.sub_btn_lebal:active {
background-color: #F24378;
box-shadow: 0 3px #ccc;
transform: translateY(4px);
}
.headline_div
{
float:left;width:90%;height:50px;line-height:50px;margin-left:5%;margin-top:30px;font-weight:bold;font-size:2em;
}
.main_content_div
{
float:left;min-width:1000px;width:100%;height:auto;backgroundk:green;margin-top:0px;
}
.reward_div
{
float:left;width:90%;height:330px;margin-left:5%;margin-top:40px;border-radius:20px;
background:linear-gradient(to right, #3B57F4, #D2A6FB);
}
.reward_lebal
{
float:left;width:100%;height:50px;line-height:60px;text-align:center;color:#fff;font-weight:bold;
}
.reward_div_shell
{
float:left;width:80%;margin-left:10%;margin-top: 20px;display:flex;justify-content:space-around;align-items:center;backgroundk:red;
}
.sub_reward_div
{
floatk:left;width:180;height:230px;margin-leftk:2.5%;margin-topk:30px;background:#fff;border-radius:20px;
background:linear-gradient(to right, #ABFBA6, #FBDBA6);
}
.reward_tip
{
float:left;width:96%;height:40px;line-height:40px;text-align:center;color:#bd0e56;font-weight:bold;
}
.reward_icon
{
float:left;width:80px;height:90px;margin-left:30%;margin-top:5px;
}
.cliam_rwd_btn1,.cliam_rwd_btn2,.cliam_rwd_btn3
{
float:left;width:50%;height:40px;margin-left:25%;margin-top:15px;border-radius:10px;background:#fff;border:none;font-weight:bold;
}
.cliam_rwd_btn1{color:#000;border:1px solid #B4FFC1;cursor:pointer;}
.cliam_rwd_btn2{color:#989298;border:1px solid #ccc;}
.cliam_rwd_btn3{color:#989298;border:1px solid #ccc;}
.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 300px;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.nxt_wrd_tym
{
float:left;width:100%;height:30px;line-height:40px;text-align:center;color:#505252;font-weightk:bold;
}
.main_banner_div
{
float:left;width:90%;max-height:300px;margin-left:5%;margin-bottom:10px;
}
.main_single_post_div
{
float:left;width:94%;height:auto;backgroundk:yellow;displayk:flex;justify-contentk:space-around;flex-wrapk:wrap;margin-left:3%;
}
.post_image_div
{
float:left;width:23%;heightk:430px;height:460px;margin-left:1.6%;background:#fff;margin-top:30px;borderk:5px solid #ededed;border-radius:20px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.single_image_div
{
float:left;width:100%;max-heightk:360px;height:75%;margin-leftk:1%;margin-bottom:10px;backgroundk:purple;
display:flex;flexk:column;justify-content:center;align-itemsk:center;border-radius:10px 10px 0px 0px;
}
/* spin wheel div */
.out_error1{displayk:none;}
.pig_help{display:none;}
.spin_win
{
float:left;width:40%;height:200px;margin-left:5%;margin-top:20px;border-radius:20px;
background: linear-gradient(135deg, #c3a3f1, #6414e9);
}
.spin_img
{
float:left;height:180px;margin-left:2%;margin-top:10px;border-radius:10px;cursor:pointer;
}
.spin_show_btn
{
float:left;width:50%;height:50px;line-height:60px;margin-top:75px;margin-left:20px;text-align:center;background:#fff;border-radius:30px;cursor:pointer;
font-weight:bold;
}
.spin_now_btn
{
float:left;width:50%;height:50px;line-height:55px;margin-top:75px;margin-left:20px;text-align:center;background:#00E10E;border-radius:30px;cursor:pointer;
font-weight:bold;color:#fff;display:none;
}
.spin_temps1
{
float:right;height:50px;line-height:50px;margin-right:4%;margin-top:10px;backgroundk:red;font-size:1.3em;color:#fff;font-weight:bold;
}
.spin_shell_div {
float:left;
position:fixed;
height: 100%;
width: 100%;
background: linear-gradient(135deg, #c3a3f1, #6414e9);
z-index: 2;
display:none;
}
.close_spin_btn
{
float:left;width:50px;height:50px;margin:3%;border-radius:50%;border:none;outline:0px;font-size:1.3em;color:red;background:#fff;cursor:pointer;
position:absolute;
}
.spin_help_btn
{
float:left;width:50%;height:50px;line-height:50px;margin-top:60px;margin-left:5%;text-align:center;background:#fff;border-radius:30px;
font-weight:bold;color:#505252;display:none;
}
.reward_out
{
float:left;width:50%;height:30px;line-height:30px;margin-top:15px;margin-left:5%;text-align:center;color:#16F200;font-weight:bold;display:none;backgroundk:yellow;
}
.wrapper {
width: 90%;
max-width: 34.37em;
max-height: 90vh;
background-colork: #ffffff;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
padding: 3em;
border-radius: 1em;
box-shadowk: 0 4em 5em rgba(27, 8, 53, 0.2);
}
.container2 {
position: relative;
width: 100%;
height: 100%;
}
#wheel {
max-height: inherit;
width: inherit;
top: 0;
padding: 0;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
.spin-btn {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
height: 26%;
width: 26%;
border-radius: 50%;
cursor: pointer;
border: 0;
background: radial-gradient(#fdcf3b 50%, #d88a40 85%);
color: #c66e16;
text-transform: uppercase;
font-size: 1.8em;
letter-spacing: 0.1em;
font-weight: 600;
}
.spinner_arrow {
position: absolute;
width: 4em;
top: 45%;
right: -8%;
}
#final-value {
font-size: 1.5em;
text-align: center;
margin-top: 1.5em;
color: #202020;
font-weight: 500;
}
.spin_cliam_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-top:20px;border:none;cursor:pointer;border-radius:20px;background:#fff;font-weight:600;color:#00E10E;
font-size:1.3em;
}
.spin_claim_tip
{
float:left;width:100%;height:40px;line-height:40px;bottom:0px;text-align:center;position:absolute;
}
/* spin wheel div spin_img */
.refer_div{
float:left;width:40%;height:200px;margin-left:5%;margin-top:20px;border-radius:20px;
background: linear-gradient(#E81BBF, #AA1BE8);
}
.refer_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.8em;font-weight:bold;color:#fff;
}
.refer_tips
{
float:left;width:100%;height:40px;line-height:40px;text-align:center;font-size:1.1em;font-weightk:bold;color:#fff;
}
.qtn_div{
float:left;width:40%;heightk:200px;margin-left:5%;margin-top:20px;border-radius:20px;display:none;
background: linear-gradient(#441547, #1F0921);
}
.qtn_title
{
float:left;width:94%;heightk:50px;line-height:50px;margin-left:3%;text-align:center;font-size:1.1em;font-weight:bold;color:#fff;
}
.qtn_test
{
float:left;width:94%;heightk:50px;line-height:40px;margin-left:3%;margin-bottom:5px;text-alignk:center;font-size:1em;font-weight:bold;color:#fff;border-radius:10px;
background:#89648C;padding:5px;
}
.ans_span
{
float:left;width:94%;heightk:50px;line-height:35px;margin-left:3%;margin-topk:5px;margin-bottom:5px;text-alignk:center;font-size:1.em;font-weightk:bold;color:#fff;
backgroundk:#A57CA7;border-radius:10px;border:0.5px solid #ccc;padding:5px;
}
.ans_span:hover{background:#4F375D;}
.ans_indica
{
float:right;width:20px;height:20px;margin-top:7px;border-radius:100%;border:1px solid #ededed;
}
.ans_indica_in
{
float:left;width:10px;height:10px;margin-left:4px;margin-top:4px;background:#1FEE32;border-radius:100%;display:none;
}
.qtn_ans_btn
{
float:right;width:150px;height:45px;margin-right:10%;margin-top:20px;margin-bottom:20px;background:#fff;border:0px;outline:none;color:#3E0361;border-radius:10px;
cursor:pointer;font-weight:bold;
}
.qtn_div_lebal
{
float:left;width:40%;heightk:200px;margin-left:5%;margin-top:20px;border-radius:20px;
background: linear-gradient(#1F3C38, #1F0921);
}
.qoute_name
{
float:left;width:94%;heightk:50px;line-height:35px;margin-left:3%;margin-top:50px;margin-bottom:50px;text-alignk:center;font-size:1.em;font-weightk:bold;color:#fff;
backgroundk:#A57CA7;border-radius:10px;border:0.5px solid #ccc;padding:5px;
}
.qtn_div_comp
{
float:left;width:40%;height:200px;margin-left:5%;margin-top:20px;border-radius:20px;
background: linear-gradient( to right, #12BD72, #1378C2);
}
.qtn_comp_title
{
float:left;width:94%;heightk:50px;line-height:50px;margin-left:3%;margin-top:20px;text-align:center;font-size:1.1em;font-weight:bold;color:#fff;
font-family: serif;
}
.qoute_name_comp
{
float:left;width:94%;heightk:50px;line-height:35px;margin-left:3%;margin-top:20px;margin-bottom:20px;text-align:center;font-size:1.1em;color:orange;
padding:5px;font-family: serif;font-weight:bold;
}
.play_btn_icon
{
width:50px;height:50px;margin-right:-15px;margin-top:100px;background:#ededed;position:absolute;border-radius:50%;opacity:0.6;cursor:pointer;
}
.img_post_header
{
float:left;width:100%;height:100px;backgroundk:yellow;border-bottom:1px solid #ccc;border-radius:10px 10px 0 0;
}
.userprofile
{
float:left;width:100%;border-bottom:1px solid #ccc;
}
.user_profile_img
{
float:left;width:40px;height:40px;margin:5px;margin-left:2.5%;background:#ededed;border-radius:50%;
}
.user_name
{
float:left;width:95%;height:20px;line-height:20px;margin-left:2%;margin-top:5px;font-size:16px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
font-weight:bold;backgroundk:green;
}
.channel_description
{
float:left;width:95%;height:20px;line-height:20px;margin-left:2%;font-size:14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
backgroundk:blue;
}
.post_image
{
float:left;width:100%;max-height:99%;border-radius:10px 10px 0 0;
}
.post_text
{
max-width:100%;max-height:100%;padding:2%;color:#000;font-size:1.3em;font-family:Baskerville, serif;text-align:center;
}
.btn_arrow_left
{
float:left;width:150px;height:50px;margin-left:10%;margin-bottom:40px;margin-top:30px;background:#000;border-radius:10px 0px 0px 10px;cursor:pointer;
}
.prev_lebal
{
float:right;width:100px;height:40px;line-height:40px;margin-top:5px;backgroundk:green;font:1.1em;color:#fff;text-align:center;font-weight:bold;
}
.prev_icon
{
width:40px;height:40px;margin:5px;
}
.btn_arrow_right
{
float:right;width:150px;height:50px;margin-right:10%;margin-bottom:40px;margin-top:30px;background:#000;border-radius:0px 10px 10px 0px;cursor:pointer;
}
.left_lebal
{
float:left;width:100px;height:40px;line-height:40px;margin-top:5px;backgroundk:green;font:1.1em;color:#fff;text-align:center;font-weight:bold;
}
.next_icon
{
float:right;width:40px;height:40px;margin:5px;background:#fff;
}
.prev_lebal_next
{
float:left;width:100px;height:40px;line-height:40px;margin-top:5px;backgroundk:green;font:1.1em;color:#fff;text-align:center;font-weight:bold;
}
.prev_lebal:hover{color:#16AB07;}
.left_lebal:hover{color:#16AB07;}
@media screen and (max-width: 700px)
{
.upload_btn_pc{display:none;}
.upload_btn_mob{display:block;}
.clear_sea_input_btn{display:none;}
.option_btn{display:none;}
.home_btn_pc_only{display:none;}
.main_home_div
{
float:left;width:100%;height:70px;backgroundk: linear-gradient(to right top, #F90569, #EF1058);
}
.main_log_home
{
float:left;width:40;height:40px;margin-left:2%;border-radius:50%;margin-top:20px;
}
.hi_title
{
height:40px;line-height:40px;margin-top:20px;backgroundk:#ccc;text-align:center;font-size:1.4em;color:#fff;
}
.home_title
{
float:left;width:96%;height:40px;line-height:40px;margin:0px;margin-left:2%;font-size:1.4em;
}
.home_title2
{
float:left;width:96%;height:40px;line-height:40px;margin:0px;margin-left:2%;font-size:1.4em;
}
.app_download
{
float:left;width:50%;height:50px;margin-left:25%;margin-top:50px;border-radius:20px;font-size:1.2em;
font-weight:bold;
}
.option_div
{
width:70%;height:100%;margin-top:0px;background:#fff;border:1px solid #ccc;position:fixed;display:none;
left:0px;z-index:2;
}
.help_option_div_mob
{
right:0px;width:30%;height:100%;margin-top:0px;position:fixed;background:#000;display:none;opacity:0.5;z-index:2;
}
.main_upload_btn2
{
float:left;width:50%;height:25px;line-height:25px;margin-left:10%;margin-top:15px;background:#fff;color:#000;border:none;border-radius:6px;cursor:pointer;
font-size:14px;font-weight:bold;border:0px;outline:none;
}
.main_upload_btn2:hover{background:#ededed;}
.help_setting_btn_div{display:block;}
.setting_btn_div
{
float:right;width:40px;height:40px;margin-top:20px;margin-right:6px;right:3px;background:transparent;border:1px solid #ccc;border-radius:5px;cursor:pointer;
display:block;position:absolute;
}
.menu_mob_icon
{
float:right;width:40px;height:40px;
}
.clear_sea_input_btn_mob
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;display:block;
}
.heip_mob_search_icon{display:block;}
.mob_search_icon
{
float:right;width:40px;height:40px;margin-right:100px;margin-top:20px;display:block;
}
.search_btn_mob
{
float:right;width:40px;height:40px;margin-top:10px;margin-right:20px;cursor:pointer;display:block;
}
.search_input_div
{
float:left;width:90%;height:40px;margin-top:10px;margin-left:5%;background:#fff;border-radius:20px;display:flex;justify-content:space-evenly;
align-items:center;display:none;
}
.search_input_div_mob
{
float:right;width:96%;height:50px;margin-top:10px;margin-right:2%;background:#EF1058;border-radius:50px;display:flex;justify-content:space-evenly;
align-items:center;
}
.search_input
{
width:76%;height:40px;outline:none;border:none;font-size:0.9em;background:#fff;padding-left:3px;
}
.close_search_mob_btn
{
width:25px;height:25px;margink:1.2%;border:none;cursor:pointer;font-size:1em;background:transparent;
}
.search_output
{
float:right;width:60%;height:400px;margin-right:17%;margin-top:10px;background:red;
}
#.#btn_lebal
{
float:left;width:100%;height:80px;margin-top:10px;background:green;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #ccc;
overflow-y: auto;
}
#.#sub_btn_lebal
{
float:right;min-width:50px;height:40px;margin-left:5px;padding:5px;color:#000;font-size:0.9em;font-weight:600;background:#bd0e56;
cursor: pointer;text-align: center;text-decoration: none;outline: none;color: #fff;border: none;border-radius: 15px;
}
.reward_div
{
float:left;width:98%;height:310px;margin-left:1%;margin-top:40px;border-radius:10px;
background:linear-gradient(to right, #3B57F4, #D2A6FB);
}
.reward_div_shell
{
float:left;width:100%;margin-left:0%;margin-top: 15px;display:flex;justify-content:space-around;align-items:center;backgroundk:red;
}
.sub_reward_div
{
float:left;width:32%;height:230px;margin-leftk:1.5%;margin-topk:30px;background:#fff;border-radius:20px;
background:linear-gradient(to right, #ABFBA6, #FBDBA6);
}
.reward_icon
{
float:left;width:80px;height:90px;margin-left:18%;margin-top:5px;
}
.main_content_div
{
float:left;min-width:100%;width:100%;height:auto;background:#fff;display:flex;justify-content:center;
z-index:-1;positionk:relative;displayk:none;
}
.post_image_div
{
float:left;width:98%;min-height:120px;height:auto;max-height:100%;background:#fff;margin-left:0%;margin-top:30px;borderk:5px solid #ededed;border-radius:10px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.single_image_div
{
float:left;width:100%;height:auto;max-height:100%;margin-left:0%;margin-bottom:10px;backgroundk:green;
display:flex;justify-content:center;align-itemsk:center;border-radius:10px 10px 0 0;
}
.post_image
{
float:left;width:100%;max-widthk:99%;height:auto;max-height:99%;
}
.post_text
{
height:60%;padding:2%;color:#000;font-size:1.2em;font-family:Baskerville, serif;backgroundk:green;font-weightk:400;text-align:center;
}
/* Spin wheel */
.wrapper {
width: 100%;
font-size: 12px;
}
.spinner_arrow {
right: -5%;
}
.spin_cliam_btn
{
float:left;width:60%;height:50px;margin-left:20%;margin-top:20px;border:none;cursor:pointer;border-radius:20px;background:#fff;font-weight:600;color:#00E10E;
font-size:1.5em;
}
.spin_win
{
float:left;width:92%;height:150px;margin-left:4%;margin-top:20px;border-radius:20px;
background: linear-gradient(135deg, #c3a3f1, #6414e9);
}
.spin_img
{
float:left;height:120px;margin-left:2%;margin-top:15px;border-radius:10px;
}
.spin_show_btn
{
float:left;width:50%;height:50px;line-height:50px;margin-top:50px;margin-left:20px;text-align:center;background:#fff;border-radius:30px;cursor:pointer;
font-weight:bold;
}
.spin_now_btn
{
float:left;width:50%;height:50px;line-height:55px;margin-top:50px;margin-left:20px;text-align:center;background:#00E10E;border-radius:30px;cursor:pointer;
font-weight:bold;color:#fff;
}
.spin_help_btn
{
float:left;width:50%;height:50px;line-height:50px;margin-top:40px;margin-left:20px;text-align:center;background:#fff;border-radius:30px;
font-weight:bold;
}
.reward_out
{
float:left;width:52%;height:30px;line-height:30px;margin-top:15px;margin-left:5%;text-align:center;color:#16F200;font-weight:bold;display:none;backgroundk:yellow;
}
/* Spin wheel */
.refer_div{
float:left;width:92%;height:140px;margin-left:4%;margin-top:20px;border-radius:20px;
background: linear-gradient(#E81BBF, #AA1BE8);
}
.qtn_div{
float:left;width:94%;margin-left:3%;margin-top:20px;border-radius:20px;
background: linear-gradient(#441547, #1F0921);
}
.qtn_div_lebal
{
float:left;width:94%;margin-left:3%;margin-top:20px;border-radius:20px;
background: linear-gradient(#1F3C38, #1F0921);
}
.qtn_div_comp
{
float:left;width:94%;margin-left:3%;margin-top:30px;border-radius:20px;
background: linear-gradient( to right, #12BD72, #1378C2);
}
}