/*Designed by VisualHyip.com*/
/* Rest*/
article, aside, audio, command, datagrid, details, dialog, embed, 
figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
video, wbr {
	display: block;
}

bdi, figcaption, keygen, mark, meter, progress, rp, rt, ruby, time {
	display: inline;
}

/* Deprecated tags */
acronym, applet, big, center, dir, font, frame, frameset, noframes, s,
strike, tt, u, xmp {
	display: none;
}

/* Reset styles for all structural tags */
a, abbr, area, article, aside, audio, b, bdo, blockquote, body, button, 
canvas, caption, cite, code, col, colgroup, command, datalist, dd, del, 
details, dialog, dfn, div, dl, dt, em, embed, fieldset, figure, form,
h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, img, 
input, ins, keygen, kbd, label, legend, li, map, mark, menu, meter, nav,
noscript, object, ol, optgroup, option, output, p, param, pre, progress,
q, rp, rt, ruby, samp, section, select, small, span, strong, sub, sup, 
table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	text-align: left;
	text-decoration: none;
	vertical-align: baseline;
	z-index: 1;
	box-sizing: border-box;
}

/* Miscellaneous resets */
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{background: #f7f4f8;font-family: 'Source Sans Pro', sans-serif; font-size: 16px; color: #333c4e;}

.a_bg{background: #f9c816;}
.b_bg{background: #454955}
.c_bg{background: #ffffff}

.a_border{border-bottom: 5px solid #7c90a0}


#section{width: 100%; min-width: 1200px; height: auto;}
.section_a{width:1160px; height:46px; margin:0 auto; padding: 0 30px}
.section_b{width:1160px; height:80px; margin:0 auto; padding: 0 30px;}



.sec_a{width: 1100px; height: 46px; float: left;}
.sec_b{width: 1100px; height: 80px; float: left;}


.clock{width: 800px; height: 46px; line-height: 46px; float: left; color: #454955}
.social{width: 150px; height: 46px; float: left; text-align: right;}
.lang{width: 150px; height: auto; float: right; position: relative}

/*lang*/

.languagepicker {
	background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 36px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0;
	float: right;
	margin-top: 5px;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 73px;
}

.languagepicker a{
	color: #000;
	text-decoration: none;
	z-index: 999;
}

.languagepicker li {
	display: block;
	padding: 0px 25px;
	line-height: 36px;
	border-top: 1px solid #EEE;
	z-index: 999;
}

.languagepicker li:hover{
	background-color: #EEE;
}

.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}

.languagepicker li img {
	margin-right: 12px;
}

.roundborders {
	border-radius: 5px;
}

.large:hover {
	/* 
	don't forget the 1px border!
	The first language is 40px heigh, 
	the others are 41px
	*/
	height: 184px;
}

.op_lang{opacity: 0.5!important; background:#ededed }

/*Social*/

.social_style{
	display: inline-block;
	width: 36px;
	height: auto;
	margin-top: 5px;
	border-radius: 5px;
	padding-left: 10px;
	background: #fff;
	line-height: 36px;
	color: #7c90a0;
	font-size: 20px;
	padding: 0;
	text-align: center;
	
}

.social_style:hover{
	color: #454955 ;
	
}

/*header*/

.top_head{width: 100%; height: 80px;float: left;}
.bottom_head{width: 100%; height: 60px; float: left;}


.top_border{ border-bottom: 1px solid #7c90a0}

.section_c{width:1160px; height:60px; margin:0 auto; padding:0 30px;}
.sec_c{width: 1100px; height: 60px; float: left;}


.menu{width: 835px; height: 60px; float: left;}

.menu li {list-style-type: none; display: inline-block;}
.menu li a{ height: 60px; line-height: 60px; margin-right:25px; padding: 0 10px; color: #fff;cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}


.menu li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #f9c816;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.menu li a:hover:before, .menu li a:focus:before, .menu li a:active:before {
  right: 0;
}





.btn_menu{width: 265px; height: 60px; float: right;}


.btn_menu i {font-size: 14px;}

.btn_a{width: 100px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #7c90a0; color: #f1eef3; text-align: center; margin-top: 8px; border-radius: 5px; font-weight:400;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn_a:hover{ background:rgba(249,200,22,1.0);  color: #fff}


.btn_b{width: 160px; height: 44px; line-height: 44px; float: left; background:rgba(249,200,22,1.0); color: #f1eef3; text-align: center;margin-top: 8px;border-radius: 5px;font-weight: 400;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn_b:hover{background:rgba(249,200,22,1.0); color: #fff}




.logo{width: 310px; height: 80px; float: left; background: url(image/logo.png) left center no-repeat}
.top_box{width: 260px; height: 40px; float: left; margin-top: 20px; border-right: 1px solid #f9c816; padding: 0 15px; line-height: 17px;}
.top_box h2{text-align: center; font-weight: 400; margin-top: 5px; color: #f9c816}
.top_box h3{text-align: center; font-weight: 400; font-size: 14px; line-height: 15px; color: #fff}

.br_a{border: none; padding-right: 0; width: 269px; letter-spacing: -1px;}



.section_d{width:1160px; height:490px; margin:0 auto; padding: 0 30px;}
.sec_d{width: 1100px; height: 490px; float: left;}
.br_b{border-top: 5px solid #7c90a0}

.main_a{width: 631px; height: 470px; float: left; margin-top: 10px; position: relative;}
.main_b{width: 469px; height: 470px; float: right; margin-top: 10px; background: url(image/header_a.jpg); border: 20px solid #d9d9d9; border-radius: 65px 0 65px 0px;}


.main_text{width: 631px; height: 80px;position: absolute; line-height: 80px; font-size: 30px;font-weight: 700; background: url(image/divider.png) left 60px no-repeat;}
.main_text span{color:#f9c816 }
.main_border{width: 770px; height: 310px; border: 0px solid #f9c816; position: absolute; top: 90px; padding: 30px 20px 30px 20px; text-align: justify; font-size: 18px; line-height: 26px; background:rgba(249,200,22,0.70); color: #454955; border-radius: 10px;}

.main_border h2{font-weight: 700; font-size: 36px; color: #333c4e}
.main_border h3{font-weight: 700; font-size: 28px; color: #fff; margin: 15px 0}

.btn_sta{width: 250px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #7c90a0; color: #f1eef3; text-align: center; margin-top: 25px; border-radius: 5px; font-weight:400;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn_sta:hover{ background:#454955;  color: #fff}




.section_e{width:1160px; height:320px; margin:0 auto; padding: 0 30px;}
.sec_e{width: 1100px; height: 320px; float: left;}
.br_e{border-top: 5px solid #7c90a0; background: url(image/plan.jpg) center 140px no-repeat; background-size: cover;}


.plan_title{width: 100%; height: 100px; float: left; line-height: 100px; text-align: center; background: url(image/divider.png) center 70px no-repeat;  font-size: 30px; font-weight: 700}


.p_box{width: 160px; height: 40px; float: left;line-height: 40px; font-weight: 600; text-align: center; margin-right: 28px;}
.n_box{width: 160px; height: 150px; float: left; margin-right: 28px; background: rgba(249,200,22,0.80);color: #fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}

.n_box h2{text-align: center; font-size: 46px;  font-weight: 700; margin-top: 20px}
.n_box h3{text-align: center; font-size: 24px; font-weight: 600; margin-top: 20px; letter-spacing: -1px}
.n_box:hover{background: rgba(249,200,22,1.00);}

.m{margin-right: 0!important}



.section_f{width:1160px; height:140px; margin:0 auto; padding: 0 30px;}
.sec_f{width: 1100px; height: 140px; float: left;}
.br_f{background: #fff}
.d_box{width: 160px; height: 100px; float: left; margin-right: 28px; border-top: 5px solid #f9c816;}


.sp_left{width: 30%; height: 25px; line-height: 25px; float: left;font-weight: 400}
.sp_right{width: 70%; height: 25px; line-height: 25px; float: right; text-align: right; font-weight: 400}
.sp_center{width: 100%; height: 25px; line-height: 25px; float: left;font-weight: 600; text-align: center;letter-spacing: -1px;}

.dep_btn{width: 160px; height: 40px; float: left; text-align: center; line-height: 40px; background:#262626; color: #fff; font-weight: 600; margin-top: 10px;display: block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dep_btn:hover{background: #f9c816; color: #333c4e}

.section_g{width:1160px; height:370px; margin:0 auto; padding: 0 30px;}
.sec_g{width: 1100px; height: 370px; float: left;}

.live{width: 100%; height: 110px; float: left; line-height: 80px;background: url(image/divider_w.png) center 60px no-repeat;  font-size: 30px; font-weight: 700; text-align: center}

.st_box{width: 220px; height: 200px; float: left; background: url(image/plan_divider.png) right center no-repeat}

.b{background: none;}

.st_a{width: 220px; height: 80px; float: left; margin-bottom: 30px;}
.st_b{width: 100%; height: 40px; line-height: 40px;float: left;font-weight: 700; font-size: 24px; color: #fff; text-align: center}
.st_c{width: 100%; height: 30px; line-height: 30px;float: left; font-weight: 600; font-size: 18px; color: #fff; text-align: center}


.st_1{background: url(image/st_1.png) center 20px no-repeat}
.st_2{background: url(image/st_2.png) center 20px no-repeat}
.st_3{background: url(image/st_3.png) center 20px no-repeat}
.st_4{background: url(image/st_4.png) center 20px no-repeat}
.st_5{background: url(image/st_5.png) center 20px no-repeat}


.section_h{width:1160px; height:270px; margin:0 auto; padding: 0 30px;}
.sec_h{width: 1100px; height: 250px; float: left;position: relative;margin-top: 20px;}

.calc_border{width: 1000px; height: 160px; float: right; border: 5px solid #f9c816; margin-top: 25px; }
.calc_bg{width: 200px; height: 210px; position: absolute; background: #454955 url(image/calculator.png) center center no-repeat}
.calculator{width: 980px; height: 140px; background: #f7f4f8;padding-left: 120px; margin: 5px;}

.calc_a{width: 450px; height: 140px; float: left;}
.calc_b{width: 380px; height: 140px; float: left;}

.calc_plan{width: 450px; height: 65px; float: left;}
.calc_amount{width: 450px; height: 65px; float: left;}
.calc_amount input{width: 350px; height: 34px; color: #fff; line-height: 34px; background: #7c90a0 url(image/dollar.png) 325px center no-repeat; padding: 0 15px;transition: all 0.2s ease-in;}
.calc_amount input:focus{background: #454955 url(image/dollar.png) 325px center no-repeat;}
.calc_amount input:hover{background: #454955 url(image/dollar.png) 325px center no-repeat;}
.calc_label{display:block; margin: 5px 0}


.calc_profit{width: 180px; height: 100px; float: left; margin-right: 20px; margin-top: 20px; background: #f9c816}
.calc_total{width: 180px; height: 100px; float: left; background: #f9c816; margin-top: 20px}

.sp_calc{width: 100%; height: 50px; float: left; line-height: 60px; font-weight: 700; color: #fff; text-align: center;font-size: 18px}
.inpt_calc{width: 100%; height: auto; float: left; text-align: center;font-weight: 700; font-size: 20px;}

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 350px;
  height: 34px;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #7c90a0;
  padding: 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 14px;
  right: 10px;
}
.select-styled:hover {
  background-color: #454955;
}
.select-styled:active, .select-styled.active {
  background-color: #454955;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #fff transparent;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #454955;
}
.select-options li {
  margin: 0;
  padding: 8px 0;
  text-indent: 15px;
  border-top: 1px solid #7c90a0;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.select-options li:hover {
  color: #262626;
  background: #fff;
}
.select-options li[rel="hide"] {
  display: none;
}



/*remove defult style

select {
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance:none;
}
  
select::-ms-expand {
    display: none;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

*/


.section_i{width:1160px; height:275px; margin:0 auto; padding: 0 30px;}
.sec_i{width: 1100px; height: 185px; float: left;position: relative; margin-top: 45px;}


.ref_a{width: 320px; height: 165px; float: left;}
.ref_b{width: 780px; height: 165px; float: left;}
.ref_b h2{font-size: 30px; font-weight: 700; margin-bottom: 10px; margin-top: 10px}
.ref_b p { line-height: 20px}
.ref_b span {width: 100%; height: 38px; float: left; margin-top:12px; background:#f7f4f8; line-height: 38px; text-align: center; font-weight: 600}

.level_a{width: 320px; height:50px; float: left; font-weight: 600; font-size: 24px; margin-bottom: 5px; color: #fff}


.ref_1{width: 50px; height: 50px; float: left; line-height: 50px; border-radius: 50%; background: #454955; text-align: center;box-shadow: 0px 0px 15px 0px rgba(69,73,85,1);}
.ref_2{width: 50px; height: 50px; float: left; line-height: 50px; border-radius: 50%; background: #7c90a0; text-align: center;box-shadow: 0px 0px 10px 0px rgba(124,144,160,1);}
.ref_3{width: 50px; height: 50px; float: left; line-height: 50px; border-radius: 50%; background: #d9d9d9; text-align: center;box-shadow: 0px 0px 5px 0px rgba(224,224,224,1);}


.level_1{background: url(image/ref-1.png) 60px center no-repeat;}
.level_2{background: url(image/ref-2.png) 60px center no-repeat;}
.level_3{background: url(image/ref-3.png) 60px center no-repeat;}




.section_k{width:1160px; height:690px; margin:0 auto; padding: 0 30px;}
.sec_k{width: 1100px; height: 690px; float: left; position: relative}

.wh_title{width: 100%; height: 100px; float: left; line-height: 150px; text-align: center; background: url(image/divider_y.png) center 95px no-repeat;  font-size: 30px; font-weight: 700; color: #fff}

.k_box{width: 350px; height: 350px; float: left; margin-right: 25px;}
.k_box_small{width: 175px; height: 175px; float: left;}

.br_k{background:url(image/why_chose.jpg) center top no-repeat;}

.women{width: 100%; height:590px; position: absolute; top:150px; background: url(image/women.png) center top no-repeat}

.k_text_a{width: 100%; height:123px; position: absolute; top: 200px}
.k_text_b{width: 100%; height:123px; position: absolute; top: 380px}

.k_tx_1{width: 460px; height: 123px; float: left; background: url(image/k_01.png) 340px center no-repeat;padding: 15px 130px 15px 50px}
.k_tx_2{width: 445px; height: 123px; float: right; background: url(image/k_02.png) 0px center no-repeat;padding: 15px 0 15px 135px}

.k_tx_3{width: 365px; height: 123px; float: left; background: url(image/k_03.png) 240px center no-repeat; padding: 15px 125px 15px 0}
.k_tx_4{width: 365px; height: 123px; float: right; background: url(image/k_04.png) 0px center no-repeat; padding: 15px 0 15px 135px}

.k_text_a h2{ font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 5px}
.k_text_b h2{ font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 5px}

.k_text_a p{ font-weight: 400; color: #fff;line-height: 18px; font-size: 14px }
.k_text_b p{ font-weight: 400; color: #fff;line-height: 18px; font-size: 14px }


.security{width: 100%; height: 145px; position: absolute; top: 550px; border: 5px solid #f9c816; z-index: -5}
.secure_a{width: 385px; height: 145px; float: left; padding: 15px 10px 0 10px }
.secure_b{width: 375px; height: 145px; float: right; padding: 15px 10px 0 10px }

.security h2{font-weight: 700; text-transform: uppercase;margin-bottom: 10px; text-indent: 34px; background: url(image/symbol.png) left center no-repeat}
.security p{line-height: 20px;}



.section_l{width:1160px; height:540px; margin:0 auto; padding: 0 30px;}
.sec_l{width: 1100px; height: 460px; float: left; position: relative; margin-top: 40px;}



.part_a{width: 380px; height: 460px; float: left;}
.news_top{width: 100%; height: 52px; float: left; line-height: 52px;background: #454955; border-radius: 3px 3px 0 0; border-bottom: 1px solid #f7f4f8; border-left: 20px solid #f9c816; text-indent: 15px; color: #fff; font-weight: 600;font-size: 18px}
.news_box{width: 100%; height: 407px; float: left; background: #454955; border-left: 20px solid #f9c816; padding: 15px;border-radius: 0 0 3px 3px ;}
.site_news{width: 100%; height: 307px; float: left;}
.site_news h2{font-weight: 700; color: #fff}
.site_news p{width: 100%; height: auto; float: left; margin-top: 15px; color: #fff; line-height: 22px; text-align: justify}
.site_news h3{width: 100%; height: auto; float: left;font-weight: 400; color: #f9c816; font-size: 14px; font-style: italic; padding-top: 15px;}

.all_news{width: 100%;height:70px; float: left;padding-top: 15px;padding-left: 80px;}



.part_b{width: 700px; height: 460px; float: right;}




.tabs {
  width: 700px;
  height: 460px;
  float: none;
  list-style: none;
  position: relative;
  margin: 0;
  text-align: left;
	
}
.tabs li {
  float: left;
  display: block;
}
.tabs input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
}
.tabs label {
  display: block;
  width: 350px;
	height: 52px;
	border-radius: 3px 3px 0 0 ;
	line-height: 52px;
	padding: 0 25px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
  text-transform: uppercase;
  background: rgba(249,200,22,0.50);
  cursor: pointer;
  position: relative;
  top: 0px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: rgba(249,200,22,0.70);
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
	height: 406px;
  line-height: 25px;
  padding: 0 25px;
  position: absolute;
  top: 53px;
  left: 0;
  background: rgba(249,200,22,1.00);
	border-radius: 0 0 3px 3px ;
}
.tabs [id^="tab"]:checked + label {
  top: 0;
  padding-top: 0px;
  background: rgba(249,200,22,1.00);
  color: #333c4e;	
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

p.link {
  clear: both;
  margin: 380px 0 0 15px;
}
p.link a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  background-color: #612e76;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
p.link a:hover {
  background-color: #522764;
}


.info_top{width: 100%; height: 44px; float: left; border-bottom: 3px solid #fff}
.it_a{width: 200px; height: 44px; line-height: 44px; float: left;font-weight: 600;}
.it_b{width: 250px; height: 44px; line-height: 44px; float: left;font-weight: 600;}
.it_c{width: 140px; height: 44px; line-height: 44px; float: left;font-weight: 600;}
.it_d{width: 60px; height: 44px; line-height: 44px; float: left;font-weight: 600;}

.info_middle{width: 100%; height: 38px; float: left; border-bottom: 1px dotted #fff}
.im_a{width: 200px; height: 38px; line-height: 38px; float: left;font-weight: 400;}
.im_b{width: 250px; height: 38px; line-height: 38px; float: left;font-weight: 400;}
.im_c{width: 140px; height: 38px; line-height: 38px; float: left;font-weight: 400;}
.im_d{width:  60px; height: 38px; line-height: 38px; float: left;font-weight: 400;}



.section_m{width:1160px; height:220px; margin:0 auto; padding: 0 30px;}
.sec_m{width: 1100px; height: 220px; float: left;}
.br_m{border-top: 5px solid #f9c816}

.footer_a{width: 100%; height: 210px; float: left; color: #fff}
.footer_b{width: 100%; height: 30px; float: left; line-height: 30px;text-align: center; color: #fff; font-size: 14px}


.top_footer{width: 100%; height: 50px; line-height: 50px; font-weight: 600; font-size: 20px}

.main_footer{width: 100%; height: 160px;}


.a_1{width: 460px; height:50px; float: left; color: #fff}
.a_link{width: 460px; height: 140px; float: left; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff;}

.a_link ul{width: 230px; display: inline-block}
.a_link li{display: block;}
.a_link li i{color: #f9c816; font-size: 18px; padding-right: 10px;}
.a_link li a{width: auto; height: 45px; line-height: 45px; color: #fff; font-weight: 400}


.a_2{width: 320px; height:50px; float: left; margin-left: 40px; color: #fff}
.b_link{width: 320px; height: 140px; float: left; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; margin-left: 40px}

.b_link ul{width: 150px; display: inline-block}
.b_link li{display: block}
.b_link li i{background: url(image/f_list.png) left center no-repeat; width: 30px; float: left; height: 45px}
.b_link li a{ height: 45px; line-height: 45px; color: #fff; font-weight: 400; display: block}
.b_link li a:hover{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #f9c816 }


.c_link{width: 240px; height: 140px; float: left; margin-left: 40px; background: #f9c816; border-radius: 3px;padding: 10px}

.payment{width: 100%; height: 67px; float: left; background: url(image/payments.png) center center no-repeat}
.ssl{width: 100%; height: 53px; float: left; background: url(image/ssl.png) center center no-repeat}



.section_n{width:1160px; height:30px; margin:0 auto; padding: 0 30px;}
.sec_n{width: 1100px; height: 30px; float: left;}



.section_t{width:1160px; height:50px; margin:0 auto; padding: 0 30px;}
.sec_t{width: 1100px; height: 50px; float: left;position: relative}
.br_t{background:#454955; margin: 20px 0; position: relative;}



.section_p{width:1160px; height:700px; margin:0 auto; padding: 0 30px;}
.sec_p{width: 1100px; height: 700px; float: left;}
.pd_down{width: 100%; height: 30px; float: left;}

.au_1{width: 370px; height: 470px; float: left; padding-top: 30px;padding-right: 15px }
.au_2{width: 360px; height: 470px; float: left; background: url(image/header_a.jpg)-30px center no-repeat; border-radius: 30px 0 30px 0; border: 10px solid #d9d9d9}
.au_3{width: 370px; height: 470px; float: left; position: relative;}
.au_3_a{width: 370px; height: 470px; float: left; position: absolute; left: -10px; padding-top: 90px;}


.au_1 h2{font-size: 36px; font-weight: 600;margin-bottom: 25px}
.au_1 h2 span{color: #f9c816; font-weight: 700; font-size: 40px}
.au_1 p{line-height: 22px; text-align: left; font-size: 18px}

.au_3 h2{font-size: 36px; font-weight: 600;margin-bottom: 25px; margin-left: 40px;}
.au_3 h2 span{color: #f9c816; font-weight: 700; font-size: 40px}
.au_3_box{width: 100%; height: 110px; float: left;margin-bottom: 5px; position: relative}
.au_3_box h2{font-weight: 600; font-size: 24px; margin-left: 60px; margin-bottom: 10px;}
.au_3_box p{padding-left: 70px;}

.ab_p{line-height: 22px; text-align: center; padding: 30px 30px; margin-top: 0px; float: left}


.in_box{width: 50px; height: 30px; line-height: 25px; position: absolute; background: #f9c816; border-radius: 5px 0 5px 0; color: #fff; text-align: center; font-weight: 700}



.faq_txt{width: 100%; height: 50px; float: left; line-height: 24px; text-align: center}
.faq_txt a{color: #f9c816; }
.faq_txt a:hover{text-decoration: underline }




.container {
  width: 100%;
  font: 14px/21px "Open Sans", Arial, sans-serif;
  
  background-color: white;
  padding: 20px;
  margin: 40px auto;
  border-radius: 5px;
	float: left;
  
}

.container p {
  margin-bottom: 10px;
}


.hide {
  display: none;
}

dt {
  font-size: 19px;
  margin-bottom: 20px;
  margin-left: 26px;
  cursor: pointer;
}

/* Triangle list item */
dt:before {
  content: "";
  border-color: transparent #f9c816;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  display: block;
  height: 0;
  width: 0;
  left: -16px;
  top: 17px;
  position: relative;
}

dd {
  padding: 20px;
  background: #FDFCFA;
  border-radius: 5px;
  border: 1px solid #F2EEE6;
  margin: 20px 0 30px;
  position: relative;
}

/* Triangle in definition container */
dd:after, dd:before {
  bottom: 100%;
  left: 6%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

dd:after {
  border-color: rgba(136, 183, 213, 0);
  border-color: transparent;
  border-bottom-color: #FDFCFA;
  border-width: 15px;
  margin-left: -15px;
}

dd:before {
  border-color: rgba(194, 225, 245, 0);
  border-color: transparent;
  border-bottom-color: #F2EEE6;
  border-width: 17px;
  margin-left: -17px;
}




.nu_box{width: 100%; height:auto; float: left; margin: 30px 0 80px 0; padding: 15px; border-radius: 5px; background: #fdfcfa; position: relative;z-index: 1; border: 10px solid #f9c816;}
.nu_box h2{font-weight: 700; text-transform: uppercase; font-size: 20px; margin-bottom: 15px;}
.nu_box p{line-height: 22px;}

.nu_top{width: 240px; height: 34px; line-height: 34px; position: absolute; top: -35px; left: -10px; background: #f9c816; border-radius: 5px 5px 0px 0; text-align: center; z-index: -1; color: #fff}
.nu_bottom{width: 240px; height: 34px; line-height: 34px; position: absolute; left: 850px; top: 100%; background: #f9c816; border-radius: 0px 0px 5px 5px; text-align: center;z-index: -1; color: #fff}


.ap_box{width: 100%; height: 600px; float: left;border-radius: 10px; margin-top: 120px; background: #7c90a0; position: relative; margin-bottom: 50px;}
.ap_bg{width: 100%; height: 200px; position: absolute; background: url(image/ref_happy.png) center center no-repeat; top: -150px;}

.ref_plan{width: 100%; height:200px; float: left; margin-top: 40px; padding: 0px 15px; }
.ref_t{text-align: center; margin: 0px 0 15px 0; font-weight: 700; font-size: 24px; color:#f9c816; }
.ref_s{text-align: center; margin: 15px 0 50px 0; font-weight: 600; font-size: 18px; color:#fff; }

.ref_p{width: 330px; height: 200px; margin-right: 40px; float: left;}
.ref_p h2{font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 5px}
.ref_p h3{font-weight: 600; font-size: 20px; color: #fff; margin-top: 5px}
.ref_p h3 span{font-weight: 400; font-size: 16px; color: #fff;} 
.m_2{margin-right: 0px;}


.range{width: 330px; height: 34px; border-radius: 3px; background: #454955}
.r_sp_a{width: 328px; height: 32px; float: left; background: #f9c816; border-radius: 3px; margin-top: 1px; margin-left: 1px}
.r_sp_b{width: 220px; height: 32px; float: left; background: #f9c816; border-radius: 3px; margin-top: 1px; margin-left: 1px}
.r_sp_c{width: 120px; height: 32px; float: left; background: #f9c816; border-radius: 3px; margin-top: 1px; margin-left: 1px}

.ref_bar{width: 100%; height: 248px; float: left; margin-top: 60px; padding: 0 15px;}
.ref_pic{width: 330px; height: 248px; float: left; background: url(image/ref_pic.png) center center no-repeat; border: 10px solid #d9d9d9; border-radius: 0 20px 0 20px}
.ref_detils{width: 710px; height: 248px; float: right; padding: 0 15px; line-height: 22px; color: #fff;}


.btn_ref{width: 200px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955; color: #f1eef3; text-align: center; margin-top: 27px; border-radius: 5px; font-weight:400; cursor: pointer}
.btn_ref:hover{ background:rgba(249,200,22,1.0); -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}


.su_box{width: 100%; height: auto; float: left; margin: 30px 0; background: #fff;border-radius: 10px; padding: 30px 20px; margin-bottom: 50px;}

.su_a{width: 500px; height: auto; float: left; padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius: 5px;}
.su_b{width: 500px; height: auto; float: right; padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius: 5px;}



.su_a label{margin-bottom: 5px;font-weight: 600; width: 100%; height: 30px; line-height: 30px; background: url(image/f_list.png) left center no-repeat; padding-left: 25px;}
.su_a input{width: 100%; height: 38px; color: #fff; line-height: 38px; background: #7c90a0; padding: 0 25px;transition: all 0.2s ease-in; margin-bottom: 20px;}
.su_a input:focus{background: #454955}
.su_a input:hover{background: #454955}

.su_b label{margin-bottom: 5px;font-weight: 600; width: 100%; height: 30px; line-height: 30px; background: url(image/f_list.png) left center no-repeat; padding-left: 25px;}
.su_b input{width: 100%; height: 38px; color: #fff; line-height: 38px; background: #7c90a0; padding: 0 25px;transition: all 0.2s ease-in; margin-bottom: 20px;}
.su_b input:focus{background: #454955}
.su_b input:hover{background: #454955}



.su_removal{margin-bottom: 0px;}
#password-meter p{position: absolute}
meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  margin: 0;
  width: 100%;
  height: 12px;
	margin-bottom: 10px;
	border-top:1px solid transparent;

  /* Applicable only to Firefox */
  background: none;
  background-color: transparent;
}

meter::-webkit-meter-bar {
  background: none;
  background-color: transparent;
}

/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: #f5c65d; }
meter[value="2"]::-webkit-meter-optimum-value { background: #f6b436; }
meter[value="3"]::-webkit-meter-optimum-value { background: #f5b324; }
meter[value="4"]::-webkit-meter-optimum-value { background: #f9c816; }

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: #f5c65d; }
meter[value="2"]::-moz-meter-bar { background: #f6b436; }
meter[value="3"]::-moz-meter-bar { background: #f5b324; }
meter[value="4"]::-moz-meter-bar { background: #f9c816; }



.invite{width: 100%; height: 38px; float: left; margin: 0 0 20px 0; line-height: 38px;padding:0 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius: 5px; text-transform: uppercase}
.invite span{float: right}



.btn_su{width: 100%; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955!important; color: #f1eef3; text-align: center; margin-top: 30px; border-radius: 5px; font-weight:400; cursor: pointer}
.btn_su:hover{ background:rgba(249,200,22,1.0)!important; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}




.su_c{width: 500px; height: 160px; float: right; padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius: 5px; margin-top: 20px; font-weight: 600}

.su_ck{color: #f9c816}
.su_ck:hover{text-decoration: underline}


@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 100px;
    width: 100px;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #f9c816;
}
.option-input:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #f9c816;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}


.label {
  display: block;
  line-height: 30px;
	cursor: pointer;
	text-transform: uppercase;
}


.su_error{width: 100%; height: auto; float: left; margin:0 0 0px 0; background: #fff;border-radius: 10px; padding: 30px 20px; margin-bottom: 20px;}

.su_error li {margin: 5px 0}



.rec{width: 100%; height: 38px; float: left; margin-top: 10px}

.rec_a{width: 30%; height: 38px; line-height: 38px; float: left; border: 1px solid #768693; padding-top: 0px; padding-left: 10px}

.rec_b{width: 70%; height: 38px; float: left;}


.li_b{width: 500px; height: 340px; float: right; padding: 15px; border-radius: 5px; background: #f9c816; text-align: center}



.btn_rest{width: 220px; height: 44px; line-height: 44px; margin-right: 5px; background: #7c90a0; color: #f1eef3; text-align: center; margin-top: 8px; border-radius: 5px; font-weight:400; display: inline-block}
.btn_rest:hover{ background:#454955; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}

.li_b_1{width: 100%; height: 140px; float: left; text-align: center; padding-top: 20px;}
.li_b_1 h2 {text-align: center; font-weight: 400; line-height: 24px}
.li_b_1 span {color: #fff}

.li_b_2{width: 100%; height: 170px; float: left; text-align: center; padding-top: 20px;}
.li_b_2 h2 {text-align: center; font-weight: 400; line-height: 24px}
.li_b_2 span {color: #fff}


.fp_b{width: 500px; height: 255px; float: right; padding: 15px; border-radius: 5px; background: #f9c816; text-align: center}
.fp_b h2 {text-align: center; font-weight: 400; line-height: 24px; margin-top: 50px}
.fp_b span {color: #fff}



.cu_a{width: 700px; height: 480px; float: left; border: 1px solid #f2eee6; background: #fdfcfa; border-radius: 5px; padding: 15px;}

.cu_b{width: 360px; height: 480px; float: right; background: #454955; padding: 15px; border-radius: 5px;}



.cu_form{width: 100%; height: 100px; float: left;}
.cu_form_a{width: 330px; height: 100px; float: left}
.cu_form_b{width: 330px; height: 100px; float: right}

.cu_form label{margin-bottom: 5px;font-weight: 600; width: 100%; height: 30px; line-height: 30px; background: url(image/f_list.png) left center no-repeat; padding-left: 25px;}
.cu_form input{width: 100%; height: 38px; color: #fff; line-height: 38px; background: #7c90a0; padding: 0 25px;transition: all 0.2s ease-in; margin-bottom: 20px;}
.cu_form input:focus{background: #454955}
.cu_form input:hover{background: #454955}

.cu_text{width: 100%; height: 290px; float: left;}


.cu_text label{margin-bottom: 5px;font-weight: 600; width: 100%; height: 30px; line-height: 30px; background: url(image/f_list.png) left center no-repeat; padding-left: 25px;}
.cu_text textarea{width: 100%; height: 250px; color: #fff; line-height: 20px; background: #7c90a0; padding: 15px;transition: all 0.2s ease-in;  border-radius: 5px;resize: none;overflow: hidden}
.cu_text textarea:focus{background: #454955}
.cu_text textarea:hover{background: #454955}

.cu_footer{width: 100%; height: 40px; float: left;}

.cu_logo{width: 100%; height: 85px; float: left; background: url(image/logo.png) 55px center no-repeat}

.cu_details{width: 100%; height: auto; float: left; padding-left: 25px; padding-top: 30px}
.cu_details h5{color: #cecece; margin-bottom: 7px;}
.cu_details h5 span{float: right; width: 200px}

.cu_details h5 span a{color: #f9c816}
.cu_details h5 span a:hover{text-decoration: underline}

.cu_line{width: 100%; height: 50px; float: left;  border-top: 5px solid #f9c816; margin-top: 40px; padding-top: 25px; color: #fff; line-height: 22px;}



.section_acc{width:1160px; height:100%; margin:0 auto; padding: 0 30px; overflow: auto;}
.sec_acc{width: 1100px; height: auto; float: left; position: relative; margin: 30px 0;}

.panel{width: 100%; height: auto; float: left; }
.panel_a{width: 300px; height: 485px; float: left;padding:0 15px; color: #fff; border-radius: 10px 10px 10px 10px; background: #454955;}
.panel_b{width: 780px; height: auto; float: right; border-radius: 10px;}


.user_menu{width: 50%; height: 40px; float: left; border-bottom: 5px solid #f9c816; line-height: 40px;margin-bottom: 15px;font-weight: 700;}
.a_menu{width: 100%; height: auto; float: left; clear: both}
.a_menu li{width: 100%; height: 48px;float: left; margin: 2px 0}
.a_menu li a{display: block; color: #fff; line-height: 48px;background: rgba(124,144,160,0.10); border-radius: 5px; padding-left: 15px;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;cursor: pointer;}
.a_menu li a:hover{background: #f9c816; color: #fff; padding-left: 30px;}
.a_menu li a i{padding-right: 15px}


.pages_name{width: 100%; height: 40px; float: left; border-bottom: 0px solid #f9c816; line-height: 40px;margin-bottom: 10px;font-weight: 700;background: #454955; color: #FFF; border-radius: 10px 10px 10px 10px; padding: 0 20px; }
.pages_name i{color: #f9c816}

.info_box{width: 100%; height: 100px; float: left; background: #7c90a0; border-radius: 10px;}
.ui_box{width: 260px; height: 70px; float: left; border-radius: 0px; margin-top: 15px; border-right: 1px solid #fff}
.ui_box h2{font-weight: 400; margin-top: 15px; text-transform: uppercase; color: #f9c816}
.ui_box h3{font-weight: 400; margin-top: 5px; color: #fff; text-transform: uppercase}

.at_small{width: 80px; height: 70px; float: left; text-align: center; line-height: 70px; color: #f9c816; font-size: 36px}
.at_big{width: 170px; height: 70px; float: left;}
.m_br{border: 0px!important;}

.acc_balance{width: 100%; height: 120px; float: left;margin-top: 120px;margin-bottom: 100px; position: relative;z-index: 1}
.acc_b_border{width:590px; height: 100px; position: absolute; border: 5px solid #f9c816; z-index: -9; left:0; right:0; margin: 0 auto; top:-90px; border-bottom: 0px;padding: 15px; text-align: center; background: #fff}
.acc_b_border h2{font-weight: 600; text-align: center}
.acc_b_border h3{font-weight: 700; text-align: center; color: #f9c816; margin-top: 10px; font-size: 26px}


.acc_c_border{width:590px; height: 100px; position: absolute; border: 5px solid #f9c816; z-index: -9; left:0; right:0; margin: 0 auto; top:110px; border-top: 0px;padding: 15px; text-align: center; background: #fff}
.acc_c_border h2{font-weight: 600; text-align: center; margin-top: 15px}
.acc_c_border h3{font-weight: 700; text-align: center; color: #f9c816; margin-top: 10px; font-size: 26px}


.acc_box{width: 190px; height: 120px; float: left; margin-right: 5px;border: 1px solid #f2eee6; background: #fff; border-radius: 5px; padding: 10px;}

.at_blc{width: 100%; height: 45px; float: left; margin-bottom: 5px}
.at_amt{width: 150px; height: 40px; float: left; background: #f9c816; margin-left: 10px; border-radius: 5px; line-height: 40px; text-align: center; font-weight: 600; color: #fff;font-size: 20px;}

.pm{background: url(image/perfect.png) center center no-repeat}
.py{background: url(image/payeer.png) center center no-repeat}
.btc{background: url(image/bitcoin.png) center center no-repeat}
.ltc{background: url(image/litecoin.png) center center no-repeat}


.acc_info{width: 100%; height: 154px; float: left; margin-top: 20px;}

.acc_info_a{width: 387px; height: 152px; float: left; border-radius: 5px;margin-right: 6px; background: #7c90a0}
.acc_info_b{width: 387px; height: 152px; float: left; border-radius: 5px;background: #7c90a0}

.acc_info_line{width: 100%;height: 50px; float: left; line-height: 50px; color: #fff; font-weight: 600; border-bottom: 2px solid #f7f4f8; padding: 0 15px}

.acc_info_line span{float: right; color: #f9c816}


.plans{width: 100%; height:44px; float: left; border-radius: 10px; margin-bottom: 15px;}

.select_plan{width: 60px; height: 44px; float: left; margin-right: 2px; background: #7c90a0; border-radius:10px 0 0 10px;padding: 7px 0 0 15px}
.plan_name{width: 718px; height: 44px; float: left; line-height: 44px; font-weight: 700; background: #7c90a0; padding: 0 15px; border-radius:0 10px 10px 0;}
.plan_name span{float: right}


.btn_show{width: 100px; height: 36px; line-height: 36px; float: left; background:#454955; color: #f1eef3; text-align: center;margin-top: 4px;border-radius: 5px;font-weight: 400;cursor: pointer; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.btn_show:hover{background:#f9c816;  color: #fff}



.id1{width: 720px; height: auto; float: left;margin-bottom: 15px; margin-left: 60px; padding: 15px; border: 1px solid #f2eee6; border-left: 2px solid #f9c816; background: #fdfcfa; border-radius: 0 10px 10px 0;}


.top_plan{width: 100%; height: 30px; float: left; background: #454955; color: #fff; border-radius: 5px;}
.tp_1{width: 100px; height: 30px; line-height: 30px; font-size: 14px; float: left; padding-left: 20px;}
.tp_2{width: 180px; height: 30px; line-height: 30px; font-size: 14px; float: left;text-align: center}
.tp_3{width: 180px; height: 30px; line-height: 30px; font-size: 14px; float: left;text-align: center}
.tp_4{width: 200px; height: 30px; line-height: 30px; font-size: 14px; float: left;text-align: center}
.main_plan{width: 100%; height: auto; float: left; background: #4b515c; color: #fff; border-radius: 5px; margin-top: 2px;}
.sp_1{width: 100px; height: 24px; line-height: 24px; font-size: 14px; float: left; padding-left: 20px;}
.sp_2{width: 180px; height: 24px; line-height: 24px; font-size: 14px; float: left; text-align: center}
.sp_3{width: 180px; height: 24px; line-height: 24px; font-size: 14px; float: left; text-align: center}
.sp_4{width: 200px; height: 24px; line-height: 24px; font-size: 14px; float: left;text-align: center}


.pay_box{width: 100%; height: 200px; float: left; padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius:10px; margin-top: 20px;}


.pay_b{width: 370px; height: 50px; float:left;}
.pay_a{width: 350px; height: 50px; float: right; text-align: right}


.pay_b input{width: 350px; height: 34px; color: #fff; line-height: 34px; background: #7c90a0 url(image/dollar.png) 315px center no-repeat; padding: 0 15px;transition: all 0.2s ease-in;}
.pay_b input:focus{background: #454955 url(image/dollar.png) 325px center no-repeat;}
.pay_b input:hover{background: #454955 url(image/dollar.png) 325px center no-repeat;}
.pay_box label{display:block; margin-bottom: 10px; font-weight: 600; text-transform: uppercase}

.btn_pay{width: 100%; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955!important; color: #f1eef3; text-align: center; margin-top: 50px; border-radius: 5px; font-weight:400; cursor: pointer}
.btn_pay:hover{ background:rgba(249,200,22,1.0)!important; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}

.sel_h {margin:30px 0 10px 0; font-weight: 600; text-transform: uppercase;}

.acc_error{width: 100%; height: auto; float: left; margin:0 0 0px 0; background: #fff;border-radius: 10px; padding: 10px 20px; margin-bottom: 20px;}

.acc_error li {margin: 5px 0}

.section_accc{width:1160px; height:1040px; margin:0 auto; padding: 0 30px;}


@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 100px;
    width: 100px;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0;
  }
}

.option-input_a {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  z-index: 1000;
}
.option-input_a:hover {
  background: #9faab7;
}
.option-input_a:checked {
  background: #f9c816;
}
.option-input_a:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
}
.option-input_a:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #f9c816;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input_a.radio {
  border-radius: 50%;
}
.option-input_a.radio::after {
  border-radius: 50%;
}



.withdraw{width: 100%; height:44px; float: left; border-radius: 10px; margin-bottom: 5px; color: #fff}

.wr_check{width: 60px; height: 44px; float: left; margin-right: 2px; background: #4b515c; border-radius:10px 0 0 10px;padding: 7px 0 0 15px}
.wr_info{width: 718px; height: 44px; float: left; line-height: 44px; font-weight: 600; background: #4b515c; padding: 0 15px; border-radius:0 10px 10px 0; color: #fff}

.wr_check_a{width: 60px; height: 44px; float: left; margin-right: 2px; background: #7c90a0; border-radius:10px 0 0 10px;padding: 7px 0 0 15px}
.wr_info_a{width: 718px; height: 44px; float: left; line-height: 44px; font-weight: 400; background: #7c90a0; padding: 0 15px; border-radius:0 10px 10px 0;}



.wr_box_1{width: 182px; height: 44px; float: left; line-height: 44px;}
.wr_box_2{width: 122px; height: 44px; float: left; line-height: 44px;}
.wr_box_3{width: 122px; height: 44px; float: left; line-height: 44px;}
.wr_box_4{width: 252px; height: 44px; float: left; line-height: 44px;}

.wr_box_4 i{letter-spacing: -1px;}

.wr_request{width: 100%; height: 160px; float: left; padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius:10px; margin-top: 20px;}
.wr_request label{display:block; margin-bottom: 10px; font-weight: 600; text-transform: uppercase}




.confirm_box{width: 100%; height: auto; float: left; padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius:10px;}
.cb_box{width: 100%; height: 30px; float: left; line-height: 30px; font-weight: 600;}
.cb_box span{float: right}


.deposit-process{width: 200px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955; color: #f1eef3; text-align: center; margin-top: 27px; border-radius: 5px; font-weight:400; cursor: pointer}
.deposit-process:hover{ background:rgba(249,200,22,1.0); -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}

.deposit-cancel{width: 200px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955; color: #f1eef3; text-align: center; margin-top: 27px; border-radius: 5px; font-weight:400; cursor: pointer}
.deposit-cancel:hover{ background:rgba(249,200,22,1.0); -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}


.coin_img{width: 100%; height: auto; float: left; margin: 20px 0; text-align: center}

.btc_form{text-align: center !important; font-size: 16px!important;}
.btc_form b{font-weight: bold!important; color:#f9c816 !important; text-decoration: underline}
.btc_form i{display: block !important; text-align: center !important; padding: 30px 0 30px 0 !important; font-size: 18px !important}
.btc_form a{color: #f9c816 !important}
.btc_form a:hover{text-decoration: underline}

#placeforstatus{ width: 440px; padding: 14px 0 14px 0!important; margin: 0 auto!important; border-radius: 0px; text-align: center !important;color:#fff; background: #454955; }

.deposit_list{width: 100%; height: auto; float: left; margin-bottom: 30px;}

.dl_box{width: 100%; height: 44px; float: left; line-height: 44px; font-weight: 700; border-radius: 10px; background: #7c90a0; padding:0 15px; text-transform: uppercase}
.dl_box i{color: #f9c816; padding-right: 15px;}

.dl_box_a{width: 100%; height: auto; float: left;padding: 15px; border: 1px solid #f2eee6; background: #fdfcfa; border-radius:10px; margin-top: 5px;}

.dl_top{width: 100%; height: 30px;float: left;background: #454955; border-radius: 5px; color: #fff}
.dl_1{width: 240px; height: 30px; line-height: 30px;padding: 0 15px;float: left; text-align: center}

.dl_main{width: 100%; height: 24px;float: left;background: #4b515c; border-radius: 5px; color: #fff; margin: 2px 0}
.dl_2{width: 240px; height: 24px; line-height: 24px;padding: 0 15px;float: left; text-align: center}

.active_list{width: 100%; height: auto; float: left; background: #cbd1d8; border-radius: 10px;padding: 25px; margin-top: 5px}
.dl_active{width: 100%; height: 30px; float: left; background: #7c90a0; border-radius: 5px; padding:0 15px}
.dl_3{width: 330px; height: 30px; line-height: 30px; float: left; text-align: center}

.dl_4{width: 390px; height: 40px; line-height: 40px; float: left;padding-left: 15px;}
.dl_5{width: 270px; height: 40px; line-height: 40px; float: left; text-align: center}
.dl_4 h3{font-size: 14px; line-height: 0}

.for_active {font-weight: 700; margin-top: 20px; margin-bottom: 0px; float: left; text-transform: uppercase}

.no_active{width: 100%; height: auto; float: left; background: #cbd1d8; border-radius: 10px;padding:15px; text-align: center; font-weight: 700; margin-top: 15px;text-transform: uppercase}

.dl_total{width: 100%; height: 30px; float: left; line-height: 30px;background: #454955; color: #fff; padding:0 15px;margin-top: 4px; border-radius: 5px;}
.dl_total span{float: right}

.left_space{width: 100%; height: 20px; float: left;}


.history_top{width: 100%; height: auto;padding: 15px;float: left; border-radius: 10px; background: #cbd1d8}

.ht_a{width: 280px; height: 90px; float: left; padding-right: 15px}
.ht_b{width: 310px; height: 90px; float: left; padding-left: 10px}
.ht_c{width: 160px; height: 90px; float: left;}

.ht_1{width: 100%; height: 50px; float: left;}
.ht_2{width: 90px; height: 50px; float: left;margin-right: 10px}



.select_a{width: 100%; height: 34px; line-height: 34px; background: #7c90a0 url(image/select_arrow.png) 95% center no-repeat; padding-left: 15px; color: #fff;-webkit-appearance: none;-moz-appearance: none; cursor: pointer}
.select_a:hover{background:#454955 url(image/select_arrow.png) 95% center no-repeat;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; }
.select_a::-ms-expand{display: none;}


.btn_go{width: 120px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955; color: #f1eef3; text-align: center; margin-top: 23px; border-radius: 5px; font-weight:400; cursor: pointer; margin-left: 35px}
.btn_go:hover{ background:rgba(249,200,22,1.0); -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}


.history_main{width: 100%; height: auto;padding: 15px; padding-bottom: 40px; float: left; border-radius: 10px; background: #cbd1d8; margin-top: 20px}

.hm_a{width: 100%; height: 30px; float: left; background: #7c90a0; border-radius: 5px; padding:0 15px}

.hm_1{width:320px; height: 30px; float: left; line-height: 30px }
.hm_2{width:200px; height: 30px; float: left; line-height: 30px }
.hm_3{width:200px; height: 30px; float: left; line-height: 30px; text-indent: 5px }

.hm_4{width:330px; height: 45px; float: left; line-height: 45px; padding-left: 15px; }
.hm_5{width:210px; height: 45px; float: left; line-height: 45px }
.hm_6{width:190px; height: 45px; float: left; line-height: 45px;}

.hm_4 h3{font-size: 14px; line-height: 0;}

.hm_1_a{width:240px; height: 30px; float: left; line-height: 30px;}


.security_box{width: 100%; height: 200px; float: left; padding:25px 15px; background: #cbd1d8; border-radius: 10px;}
.security_box label{display:block; margin-bottom: 10px; font-weight: 600; text-transform: uppercase}




.sb_a{width: 350px; height: auto; float: left;}
.sb_b{width: 350px; height: auto; float: right;}


.edit_box{width: 100%; height: auto; float: left; padding:25px 15px; background: #cbd1d8; border-radius: 10px;}
.edit_box label{display:block; margin-bottom: 10px; font-weight: 600;}
.edit_box input{width: 100%; height: 38px; color: #fff; line-height: 38px; background: #7c90a0; padding: 0 25px;transition: all 0.2s ease-in; margin-bottom: 20px;}
.edit_box input:focus{background: #454955}
.edit_box input:hover{background: #454955}

.referral_a{width: 100%; height: 120px; float: left; padding:25px 15px; background: #cbd1d8; border-radius: 10px;}
.referral_a label{display:block; margin-bottom: 10px; font-weight: 600; text-transform: uppercase}
.referral_a input{width: 100%; height: 44px; color: #fff; line-height: 44px; background: #7c90a0; padding: 0 25px;transition: all 0.2s ease-in; margin-bottom: 20px; border-radius: 5px;}
.referral_a input:focus{background: #454955}

.ref-link-a{width: 70%; height: 44px; float: left; padding: 0 15px;}
.ref-link-b{width: 30%; height: 44px; float: left; padding: 0 15px;}

.btn_link{width: 120px; height: 44px; line-height: 44px; margin-right: 5px; float: left; background: #454955!important; color: #f1eef3; text-align: center; margin-top: 26px; border-radius: 5px; font-weight:400; cursor: pointer; margin-left: 50px}
.btn_link:hover{ background:rgba(249,200,22,1.0)!important; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff}


.referral_b{width: 100%; height: auto; float: left; padding:25px 15px; background: #cbd1d8; border-radius: 10px; margin-top: 30px}

.banner_box{width: 100%; height: auto; float: left; margin-bottom: 20px; border-bottom: 5px solid #f9c816}
.banner_box label{display:block; margin-bottom: 10px; font-weight: 600; text-transform: uppercase}
.banner_box input{width: 100%; height: 44px; color: #fff; line-height: 44px; background: #7c90a0; padding: 0 25px;transition: all 0.2s ease-in; margin-bottom: 20px; border-radius: 5px; font-size: 14px;text-align: center}
.banner_box input:focus{background: #454955}

.banner_box h2 {font-weight: 700; margin-bottom: 10px;}
.ban_box{width: 100%; height: auto; float: left; text-align: center; padding: 15px 0;}



.welcome{width: 100%; height: auto; float: left; margin-bottom: 50px}
.wl_a{width: 469px; height: 443px; float: left; margin-top: 0px; background: url(image/welcome.jpg); border: 20px solid #d9d9d9; border-radius: 0px 65px 0px 65px;}
.wl_b{width: 631px; height: 443px; float: right; padding-left: 30px;padding-top: 50px}
.wl_b p{font-size: 18px; line-height: 22px}
.wl_b h2{font-size: 36px; font-weight: 600;margin-bottom: 25px}
.wl_b h2 span{color: #f9c816; font-weight: 700; font-size: 40px}


.rules{width: 100%; height: auto; float: left; margin-bottom: 30px}
.rules h2{font-weight: 600; font-size: 24px; text-transform: uppercase; margin-bottom: 20px;}
.rules p{line-height: 22px; margin-bottom: 15px}


.redirect{width: 500px; height: 400px; margin: 0 auto; margin-top: 50px; background: #454955; border-radius: 10px}
.re_a{width: 100%; height: 150px; float: left; background: url(image/logo.png) center center no-repeat}
.re_b{width: 100%; height: 300px; float: left; margin-top: 30px; text-align: center}


.loading-page {
  background: transparent;
  width: 200px;
  height: 200px;
  justify-content: center;
  align-items: center;
	margin: 0 auto;
}
.loading-page .counter {
  text-align: center;
}
.loading-page .counter p {
  font-size: 40px;
  font-weight: 100;
  color: #f9c816;
}
.loading-page .counter h1 {
  color: white;
  font-size: 60px;
  margin-top: -10px;
}
.loading-page .counter hr {
  background: #f9c816;
  border: none;
  height: 1px;
}
.loading-page .counter {
  position: relative;
  width: 200px;
}
.loading-page .counter h1.abs {
  position: absolute;
  top: 0;
  width: 100%;
}
.loading-page .counter .color {
  width: 0px;
  overflow: hidden;
  color: #f9c816;
}