403Webshell
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:/xampp/htdocs-coblaa/cb_image/main_css/

Upload File :
current_dir [ Writeable] document_root [ Writeable]

 

Command :


[ Back ]     

Current File : D:/xampp/htdocs-coblaa/cb_image/main_css/indexk.css
body{margin:0px; font-family: serif;box-sizing: border-box;background:#fff;}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
.main_home_div
{
float:left;width:100%;height:60px;backgroundk:#F90569;background:#bd0e56;position:fixed;z-index:2;
}
.banner_help_div{float:left;width:100%;height:60px;}

.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:#fff;
cursor: pointer;text-align: center;text-decoration: none;outline: none;color: #bd0e56;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:red;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:90%;height:auto;margin-top:40px;background:#fff;displayk:flex;justify-contentk:space-around;flex-wrapk:wrap;margin-left:5%;border-radius:10px;
padding-bottom:30px;
}

.post_image_div
{
float:left;width:220px;heightk:430px;height:340px;margin-left:1.65%;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:64%;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:0px 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:100%;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;	
}

.post_zoom_div
{
position:fixed;left:0px;width:100%;height:100%;background:#000;z-index:2;display:none;	
}
.close_post_zoom_div_btn
{
float:right;width:50px;height:50px;line-height:50px;margin-bottom:-50px;text-align:center;font-size:1.5em;backgroundk:green;cursor:pointer;color:#fff;	
}
.post_zoom_img_div
{
width:100%;height:100%;display:flex;justify-content:center;align-items:center;backgroundk:#fff;
}
.post_zoom_img
{
	max-width:100%;max-height:100%;
}

.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;
}

.main_single_post_div
{
float:left;width:100%;height:auto;margin-top:40px;background:#fff;displayk:flex;justify-contentk:space-around;flex-wrapk:wrap;margin-left:0%;border-radius:10px;
padding-bottom:30px;
}
.post_image_div
{
float:left;width:48%;min-height:120px;height:340px;max-height:100%;background:#fff;margin-left:1.4%;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;max-width:100%;height:auto;max-height:64%;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:auto;max-width:100%;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);	
}







}

Youez - 2016 - github.com/yon3zu
LinuXploit