body {

  overflow-x: hidden;

  background:#F7F8FC;

font-family:'PingFang SC','Microsoft Yahei',"Helvetica Neue", Helvetica, Tahoma, Arial,'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;

color:#555C64;

}

html {

  font-size: 10px;

  /*10 ÷ 16 × 100% = 62.5%*/

}

body > iframe {

  display: none;

}

a {

  text-decoration: none!important;

  color:#009EE9;

}

a:hover, a:focus{

  color:#009EE9;

}

.bold{

	font-weight:bold;

}

body,ul,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;}



body{font-size:12px;}



img{border:none;}



li{list-style:none;}



input,select,textarea{outline:none;}



textarea{resize:none;}



a{text-decoration:none;}

.color_009{color:#009EE9;}

/*header*/

.header {

  position: relative;

  padding:0 12px;

}



.header .logo{

	float:left;

	padding:20px 0 20px 0;

	width:50%;

}

.header .logo img{

	max-width:140px;

}

.header .messages{

	float:right;

	width:50%;

	text-align:right;

	padding:20px 0 20px 0;

}

.header .messages img{

	max-width:20px;

}

.inside_header{

    height: 50px;

	width:100%;

}



.inside_header .return{

	position:absolute;

	height:26px;

	line-height:23px;

	width:26px;

	left:10px;

	top:12px;

	text-align:center;

	background:#FFFFFF;

	-moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

	border-radius: 100%;

	z-index:9999;

}

.inside_header .return img{

	width:12px;

}



.inside_header .add{

	position:absolute;

	height:26px;

	line-height:23px;

	width:26px;

	right:10px;

	top:12px;

	color:#fff;

	text-align:center;

	background:#009EE9;

	-moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

	border-radius: 100%;

	z-index:9999;

}

.inside_header .add img{

	width:12px;

}

.inside_header .add_electricity{

	position:absolute;

	height:26px;

	line-height:26px;

	width:90px;

	right:10px;

	top:15px;

	color:#fff;

	text-align:center;

	background:#009EE9;

	-moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

	border-radius:20px;

	z-index:9999;

}

.inside_header .add_electricity a{

	color:#fff;

}



.inside_header .title{

	position:absolute;

	height:50px;

	line-height:50px;

	text-align:center;

	width:100%;

	font-size:18px;

	color:#333;

	margin-left:-12px;

	z-index:9;

}



/*main*/

.main {

  clear: both;

  padding:0 12px;

  padding-bottom:50px;

}

.main .ad-box-pc .swiper-container-pc {

  overflow: hidden;

  position: relative;

  -moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

  border-radius: 8px;

}

.main .ad-box-pc .swiper-container-pc:hover .swiper-button-next-pc {

  opacity: 1;

}

.main .ad-box-pc .swiper-container-pc:hover .swiper-button-prev-pc {

  opacity: 1;

}

.main .ad-box-pc .top-banner {

  width: 100%;

  position: relative;

}

.main .ad-box-pc .swiper-slide {

  overflow: hidden;

}

.main .ad-box-pc .swiper-slide img {

  width: 100%;

}

.main .ad-box-pc .swiper-pagination {

  position: absolute;

  bottom: 5%;

  z-index: 99;

}

.main .ad-box-pc .swiper-pagination-bullet {

  background: #FFFFFF;

  border-radius: 0px;

  height: 10px;

  width: 10px;

  opacity: 0.3;

  border-radius: 10px;

  margin:0 3px;

  transition: 0.3s;

}

.main .ad-box-pc .swiper-pagination-bullet-active {

  background: #FFFFFF;

  opacity: 1;

}

.main .ad-box-pc .swiper-button-next-pc {

  width: 33px;

  height: 67px;

  cursor: pointer;

  position: absolute;

  right: 5%;

  top: 50%;

  margin-top: -33px;

  background: url("../images/ad-btn_03.png") no-repeat center;

  z-index: 6;

  opacity: 0.5;

}

.main .ad-box-pc .swiper-button-prev-pc {

  width: 33px;

  height: 67px;

  cursor: pointer;

  position: absolute;

  left: 5%;

  top: 50%;

  margin-top: -33px;

  background: url("../images/ad-btn_09.png") no-repeat center;

  z-index: 6;

  opacity: 0.5;

}

.main .hot-news {

  height: 30px;

  line-height: 30px;

  padding:5px 0px;

}

.main .hot-news .txtScroll-top {

  float: left;

  padding-left: 30px;

  background: url("../images/ico_news.png") no-repeat left center;

  background-size:20px auto;

}

.main .hot-news .txtScroll-top {

  overflow: hidden;

  margin: 0 auto;

  position: relative;

}

.main .hot-news .txtScroll-top .infoList li a {

  font-size: 1.4rem;

  color: #666;

}

.main .hot-news .txtScroll-top .infoList li a:hover {

  color: #00a0e9;

}

.main .hot-news .txtScroll-top .infoList li .date {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-left: 236px;

  font-size: 12px;

  color: #999;

  font-size: 1.4rem;

}

.main .hot-news .more {

  float: right;

}

.main .hot-news .more a {

  color: #00a0e9;

}

.main .hot-news .more a img{

  max-width:20px

}





/*index_nav*/



.main .index_nav {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  padding:20px 0;

  padding-bottom:10px;

}

.main .index_nav li{

	float:left;

	background:#fff;

	width:23%;

	margin:0 1%;

	-moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

	border-radius: 8px;

	text-align:center;

	padding:15px 0;

	margin-bottom:3%;

}

.main .index_nav li:nth-child(1){

	margin-left:0;

}

.main .index_nav li:nth-child(2){

	margin-left:1.666666%;

}

.main .index_nav li:nth-child(3){

	margin-left:1.666666%;

}

.main .index_nav li:nth-child(4){

	margin-right:0;	

	float:right;

}

.main .index_nav li:nth-child(5){

	margin-left:0;

}

.main .index_nav li:nth-child(6){

	margin-left:1.666666%;

}

.main .index_nav li:nth-child(7){

	margin-left:1.666666%;

}

.main .index_nav li:nth-child(8){

	margin-right:0;	

	float:right;

}



.main .index_nav li img{

	max-width:30px;

}

.main .index_nav li h3{

	font-size:14px;

	padding-top:10px;

	color:#555C64;

}



/*increase_list*/



.main .increase_list {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  padding:20px 12px;

  background:#fff;

  -moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

  border-radius: 8px;

}

.title_h3{

	width:100%;

	font-size:16px;

	color:#333;

}

.title_h3 span{

	font-size:12px;

	color:#999999;

}



.main .increase_list .swiper-container-increase{

	width:100%;

	overflow:hidden;

}

.main .increase_list .swiper-pagination-increase{

	text-align:center;

}

.main .increase_list .swiper-pagination-increase .swiper-pagination-bullet{

	width:6px;

	height:6px;

    border-radius: 5px;

	margin:0 2px;

}

.main .increase_list .swiper-pagination-bullet-active{

	background:#009EE9;

}



.main .increase_list .swiper-slide li{

	width:26%;

	float:left;

	height:80px;

	line-height:20px;

	text-align:center;

	padding-top:30px;

	background:url(../images/line_bg.jpg) no-repeat right 70%;

	background-size:7% auto;

}

.main .increase_list .swiper-slide li h3{

	font-size:15px;

}

.main .increase_list .swiper-slide li p{

	font-size:12px;

	color:#CCCCCC;

}

.main .increase_list .swiper-slide li img{

	width:30px;

	max-width:30px;

}

.main .increase_list .swiper-slide li:nth-child(1){

	width:11%;

	height:80px;

	line-height:80px;

	padding-top:0px;

	background:none;

}

.main .increase_list .swiper-slide li:nth-child(2){

	height:80px;

	line-height:80px;

	width:9%;

	padding-top:0px;

	font-size:15px;

	font-weight:bold;

	color:#555C64;

	background:none;

}

.main .increase_list .swiper-slide li:nth-child(3){

	width:28%;

}

.main .increase_list .swiper-slide li:nth-child(3) h3{

	color:#555C64;

	font-size:14px;

}

.main .increase_list .swiper-slide li:nth-child(4){

	width:26%;

}

.main .increase_list .swiper-slide li:nth-child(4) h3{

	color:#22CC5A;

	font-size:14px;

}



.main .increase_list .swiper-slide li:nth-child(5){

	background:none;

	width:26%;

}

.main .increase_list .swiper-slide li:nth-child(5) h3{

	color:#555C64;

	font-size:14px;

}



/*new_mem*/



.main .new_mem {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  background:#fff;

  -moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

  border-radius: 8px;

  margin-top:20px;

  margin-bottom:20px;

}

.main .new_mem img{

  width:100%;

  border-radius: 8px;

}





/*computing_list*/



.main .computing_list {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  padding-top:10px;

}

.main .computing_list .list{

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  background:#fff;

  -moz-box-shadow:0px 1px 3px #CCECFB; -webkit-box-shadow:0px 1px 3px #CCECFB; box-shadow:0px 1px 3px #CCECFB;

  border-radius: 8px;

  margin-top:10px;

  margin-bottom:10px;

  padding:20px 12px;

  position:relative;

}

.main .computing_list .list .label{

	position:absolute;

	top:0px;

	right:0px;

	width:60px;

	height:20px;

	line-height:15px;

	background:#F99400;

	word-wrap:break-word;

	border-top-left-radius:0px;

	border-top-right-radius:10px;

	border-bottom-right-radius:0em;

	border-bottom-left-radius:10px;

}

.main .computing_list .suanli .label{

	line-height:15px;

	background:#009EE9;

}



.main .computing_list .list li{

	width:100%;

	float:left;

}

.main .computing_list .list .name{

	font-size:18px;

	padding:5px 0px;

	display:inline-block;

	height:100%;

	vertical-align: middle;

}

.main .computing_list .list .name img{

	max-width:30px;

	margin-right:10px;

	vertical-align:middle;

	margin-top:-5px;

}

.main .computing_list .list .content{

	font-size:13px;

	line-height:160%;

	padding:5px 0;

}

.main .computing_list .list .content span{

	float:left;

	width:31.33333%;

	color:#999999;

}

.main .computing_list .list .content span:nth-child(2){

	width:40.33333%;

}

.main .computing_list .list .content span:nth-child(3){

	width:28.33333%;

}

.main .computing_list .list .content span font{

	color:#333333;

}

.main .computing_list .list .content1{

	font-size:13px;

	line-height:160%;

	padding:5px 0;

}

.main .computing_list .list .content1 span{

	float:left;

	width:71.666666%;

	color:#999999;

}

.main .computing_list .list .content1 span:nth-child(2){

	width:28.33333%;

}



.main .computing_list .suanli .content1 span{

	width:31.33333%;

}

.main .computing_list .suanli .content1 span:nth-child(2){

	width:40.33333%;

}

.main .computing_list .suanli .content1 span:nth-child(3){

	width:28.33333%;

}



.main .computing_list .list .content1 span font{

	color:#333333;

}

.main .computing_list .list .quantity{

	width:40%;

	float:left; position:relative;

}

.menulv2{background-color:#fff;height: 250px;overflow: auto;}

.menulv2 ul{ padding:0px 10px;}

.menulv2 ul li{ line-height:35px; text-align:left; font-size:14px; border-bottom:solid 1px #eaeaea;color: #666;}

.menulv2 ul li span{ float:right; text-align:right;color: #ff6600;}

.main .computing_list .list .amount_box {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: middle;

  width: 100%;

  height: 40px;

  position: relative;

  border-radius: 8px;

  border: 2px solid #f3f6fb;

  margin-top:10px;

  background:#F7F8FC;

}

.main .computing_list .list .amount_box input {

  width: 60px;

  text-align: center;

  line-height: 40px;

  vertical-align: top;

  font-size: 15px;

  color: #333;

  font-weight: 600;

  height: 40px;

  border: none;

  background: transparent;

}

.main .computing_list .list .amount_box span {

  font-size: 15px;

  color: #666;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-left: 10px;

  line-height: 40px;

  height: 40px;

  vertical-align: top;

  position: absolute;

  right: 50px;

  top: 0;

}

.main .computing_list .list .amount_box .reduce {

  width: 30px;

  height: 16px;

  background: url("../images/amount-btn_06.png") no-repeat center;

  background-size:100%;

  position: absolute;

  right: 5px;

  bottom: 0px;

  z-index: 3;

}

.main .computing_list .list .amount_box .plus {

  width: 30px;

  height: 16px;

  background: url("../images/amount-btn_03.png") no-repeat center;

  background-size:100%;

  position: absolute;

  right: 5px;

  top: 0px;

  z-index: 3;

}



.main .computing_list  .list-progress-bar {

  width:130px;

  line-height: 22px;

  height: 22px; font-size:12px;    margin: 0 auto; margin-bottom:20px;

}

.main .computing_list  .list-progress-bar .bar {

  width: 100%;

  float: left;

  height: 6px;

  position: relative;

  margin-top: 8px;

}

.main .computing_list  .list-progress-bar .bar .bar-inner {

  position: absolute;

  height: 6px;

  top: 0;

  left: 0;

}

.main .computing_list  .list-progress-bar .txt {

  float: right;

  width: 100%;

  text-align: center;

  font-size: 12px;

  color: #999;

}

.main .computing_list .list .amount_box p {

  font-size: 12px;

  color: #999;

  line-height:180%;

  text-align:center;

}



.main .computing_list .list .buybtn{

	width:60%;

	float:left;

   padding-top:10px;

}



.main .computing_list .list .buy {

  text-align: center;

}

.main .computing_list .list .buy a {

  height: 40px;

  line-height: 40px;

  text-align: center;

  width: 95%;

  display: block;

  border-radius: 8px;

  background: #00a0e9;

  position: relative;

  font-size: 13px;

  color: #fff;

  margin: 0px 0;

  margin-left:5%;

}

.main .computing_list .list .buy p {

  font-size: 12px;

  color: #999;

  line-height:140%;

  text-align:center;

  padding-top:8px;

}

.main .computing_list .list .buy p span {

  color: #F99400;

}



.main .computing_list .electricity .name font{

	font-size:12px;

	color:#999999;

	padding-left:10px;

}

.main .computing_list .electricity .elelist{

	padding-top:10px;

	padding-bottom:10px;

}

.main .computing_list .electricity .elelist div{

	float:left;

	width:32%;

	margin-right:2%;

	padding:5px;

	border:1px solid #CCCCCC;

	background:#fff;

	border-radius: 8px;

	color:#999999;

}

.main .computing_list .electricity .elelist div:last-child{

	float:right;

	margin-right:0%;

}

.main .computing_list .electricity .elelist div h3{

	font-size:14px;

}

.main .computing_list .electricity .elelist div h3 font{

	font-weight:bold;

	color:#009EE9;

}

.main .computing_list .electricity .elelist div span{

	padding:3px 0;

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.main .computing_list .electricity .elelist div p{

	font-size:12px;

}



.main .computing_list .electricity .elelist .active{

	background:#009EE9;

	color:#fff;

	border:1px solid #009EE9;

}

.main .computing_list .electricity .elelist .active h3 font{

	color:#fff;

}

.main .computing_list .electricity .amount_box .reduce{

	bottom:30%;

}

.main .computing_list .list .amount_box input{

	font-size:14px;

	width:90px;

}







/*advantage*/



.main .advantage {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  padding-top:20px;

}

.main .advantage .title_h3 font{

	font-weight:bold;

	color:#009EE9;

}

.main .advantage .list{

	padding:10px 0;

	width:100%;

	padding-top:15px;

}

.main .advantage .list li{

	width:47%;

	margin-right:1%;

	margin-left:1%;

  -moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

  border-radius: 8px;

  padding:20px 5px;

	text-align:center;

    background:#fff;

  display: inline-block;

  *display: inline;

  *zoom: 1;

}



.main .advantage .list .swiper-pagination-increase{

	text-align:center;

	width:100%;

	overflow:hidden;

  padding-top:20px;

}

.main .advantage .list .swiper-pagination-increase .swiper-pagination-bullet{

	width:6px;

	height:6px;

    border-radius: 5px;

	margin:0 2px;

}

.main .advantage .list .swiper-pagination-bullet-active{

	background:#009EE9;

}



.main .advantage .list li img{

	width:100%;

	max-width:80px;

}

.main .advantage .list li h3{

	width:100%;

	font-size:15px;

	padding:10px 0;

}

.main .advantage .list li p{

	color:#999999;

	font-size:12px;

	line-height:140%;

}





/*realview*/



.main .realview {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  padding-top:0px;

}

.main .realview .title_h3 font{

	font-weight:bold;

	color:#009EE9;

}

.main .realview .list{

  display: inline-block;

  *display: inline;

  *zoom: 1;

	width:100%;

  -moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

  border-radius: 8px;

  margin-top:10px;

  background:#fff;

  padding:20px 0px;

  padding-bottom:0px;

  margin-bottom:30px;

}

.main .realview .list li{

	width:31.3333333%;

	margin-right:2%;

	float:left;

	text-align:center;

	margin-bottom:10px;



}



.main .realview .list li img{

	width:100%;

	max-width:90px;

  border-radius: 8px;

}

.main .realview .list li h3{

	width:100%;

	font-size:13px;

	padding:10px 0;

}





/*footer*/



.footer{

	width:100%;

	background:#fff;

	height:50px;

	border-top:1px solid #EAEAEA;

	position:fixed;

	bottom:0;

	left:0;

	z-index:99999;

}

.footer>div{

	width:20%;

	height:50px;

	float:left;

  text-align:center;

  padding:0px;

  margin:0px;

  padding-top:5px;

}

.footer>div h3{

	font-size:12px;

	height:15px;

	line-height:10px;

}

.footer .ico{

  display: inline-block;

  *display: inline;

  *zoom: 1;

	width:25px;

	height:25px;

}

.footer .active h3{

	color:#009EE9;

}



.footer .footer_btn .ico_1{

	background:url(../images/ico_nav_footer_1.png) no-repeat center 50%;

	background-size:100%;

}

.footer .active .ico_1{

	background:url(../images/ico_nav_footer_1_hover.png) no-repeat center 50%;

	background-size:100%;

}

.footer .footer_btn .ico_2{

	background:url(../images/ico_nav_footer_2.png) no-repeat center 50%;

	background-size:100%;

}

.footer .active .ico_2{

	background:url(../images/ico_nav_footer_2_hover.png) no-repeat center 50%;

	background-size:100%;

}

.footer .footer_btn .ico_3{

	background:url(../images/ico_nav_footer_3.png) no-repeat center 50%;

	background-size:100%;

}

.footer .active .ico_3{

	background:url(../images/ico_nav_footer_3_hover.png) no-repeat center 50%;

	background-size:100%;

}

.footer .footer_btn .ico_4{

	background:url(../images/ico_nav_footer_4.png) no-repeat center 50%;

	background-size:100%;

}

.footer .active .ico_4{

	background:url(../images/ico_nav_footer_4_hover.png) no-repeat center 50%;

	background-size:100%;

}

.footer .footer_btn .ico_5{

	background:url(../images/ico_nav_footer_5.png) no-repeat center 50%;

	background-size:100%;

}

.footer .active .ico_5{

	background:url(../images/ico_nav_footer_5_hover.png) no-repeat center 50%;

	background-size:100%;

}







/*buy_now*/



.buy_now{

	width:100%;

	background:#fff;

	height:50px;

	border-top:1px solid #EAEAEA;

	position:fixed;

	bottom:0;

	left:0;

	z-index:99999;

}

.buy_now .left{

	width:50%;

	float:left;

	height:50px;

	line-height:50px;

	font-size:15px;

	color:#333;

	padding-left:20px;

}

.buy_now .right{

	width:50%;

	float:right;

	height:50px;

	line-height:50px;

}

.buy_now .right a{

	width:80%;

	float:right;

	height:40px;

	line-height:40px;

	background:#009EE9;

	color:#fff;

	font-size:15px;

	text-align:center;

	margin-right:15px;

	margin-top:5px;

    border-radius: 10px;

}







/*payment_now*/



.payment_now{

	width:100%;

	background:#fff;

	height:50px;

	border-top:0px solid #EAEAEA;

	position:fixed;

	bottom:0;

	left:0;

	z-index:99999;

}





.payment_now a{

	width:100%;

	float:left;

	height:50px;

	line-height:50px;

	background:#009EE9;

	color:#fff;

	font-size:15px;

	text-align:center;

}





/*tabs*/

.tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 4px 8px #CCECFB; -webkit-box-shadow:0px 4px 8px #CCECFB; box-shadow:0px 4px 8px #CCECFB;

  border-radius: 8px;

  background:#fff;

}

.tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: 33.3333%;

	height:40px;

	line-height:40px;

	text-align:center;

	font-size:15px;

	color:#333;

	float:left;

  transition: 0.3s;

  border-radius: 8px;

}

.tabs a.active {

  color: #fff;

  background: #009EE9;

  transition: 0.3s;

}









/*main_detail*/

.main_detail {

  width:100%;

  padding:0px;

  margin-top:20px;

  padding-bottom:50px;

}

.main_detail .order_lists{

	margin-bottom:30px;

  -moz-box-shadow:0px 1px 3px #CCECFB; -webkit-box-shadow:0px 1px 3px #CCECFB; box-shadow:0px 1px 3px #CCECFB;

  background:#fff;

}

.main_detail .detail_bottom{

	width:100%;

  background:#fff;

	margin-bottom:20px;

	padding-top:10px;

	padding-bottom:10px;

  -moz-box-shadow:0px 1px 3px #CCECFB; -webkit-box-shadow:0px 1px 3px #CCECFB; box-shadow:0px 1px 3px #CCECFB;

}



.main_detail .detail_bottom .tabs{

	text-align:center;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    -moz-box-shadow: 0px 0px 0px #CCECFB;

    -webkit-box-shadow: 0px 0px 0px #CCECFB;

    box-shadow: 0px 0px 0px #CCECFB;

    border-radius: 0px;

    background: #fff;

	border-bottom:1px solid #E8EBF7;

	margin-bottom:20px;

}



.main_detail .detail_bottom .tabs a {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 20%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 15px;

    color: #999;

    float: none;

    transition: 0.3s;

    border-radius: 0px;

	margin:0 5%;

}

.main_detail .detail_bottom .tabs a.active {

	border-bottom:3px solid #009EE9;

	background:none;

	color:#333;

}



.main_detail .detail_bottom .swiper-container img{

	width:100%;

}



.income_info{ padding:10px; }

.income_info .i_title{font-size:14px; margin-bottom:10px;}

.income_info .i_title i{width:4px;background-color: #00a0e9;display: -webkit-inline-box; height: 15px;}

.income_info .i_title span{font-size:12px; padding-left:10px; color:#999}

.income_info .i_data{background: #F2F6FE; overflow:hidden; padding:5px 10px;}

.income_info .i_data ul{padding:0px; margin:0px;}

.income_info .i_data ul li{float:left; width:33.33%; text-align:center; line-height:25px; font-size:14px;}

.income_info .i_data ul li p{color:#999; margin-bottom:0px;}

.income_info .i_data ul li span{color:#000;}

.income_info .i_help{padding:10px; border:solid 1px #ddd; margin-top:20px;}

.income_info .i_h_list{height:87px; overflow:hidden;}

.income_info .i_h_more{text-align:center; line-height:30px;}

.income_info .i_help a{color: #00a0e9; font-size:12px;}



.main_detail .form-box ul:nth-child(1) b {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 100px;

  font-size: 14px;

  color: #999;

  font-weight: 300;

  text-align:right;

  padding-right:20px;

}

.main_detail .form-box ul:nth-child(1) li {

  height: 70px;

  line-height: 70px;

}

.main_detail .form-box ul:nth-child(1) li .button-box button {

  float: none;

  width: 180px;

  background: #ffffff url("../images/bz_03.jpg") no-repeat 90% center;

  border: 2px solid #eef2f9;

  border-radius: 6px;

  text-align: left;

  font-size: 16px;

  color: #333;

  height: 48px;

  line-height: 48px;

  padding: 0 0 0 16px;

  box-shadow: none!important;

  margin-top:-5px;

}

.main_detail .form-box ul:nth-child(1) li .button-box .dropdown-menu {

  margin-top: -18px;

}

.main_detail .form-box ul:nth-child(1) li .button-box li {

  line-height: normal;

  height: auto;

  margin-bottom: 0;

}

.main_detail .form-box ul:nth-child(1) li .button-box2 {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.main_detail .form-box ul:nth-child(1) li .button-box2 button {

  float: none;

  width: 310px;

  background: #ffffff url("../images/bz_03.jpg") no-repeat 96% center;

  border: 2px solid #eef2f9;

  border-radius: 6px;

  text-align: left;

  font-size: 1.8rem;

  color: #333;

  height: 48px;

  line-height: 48px;

  padding: 0 0 0 18px;

  box-shadow: none!important;

  margin: -8px 24px 0;

}

.main_detail .form-box ul:nth-child(1) li .button-box2 button .dianfei {

  font-size: 0;

}

.main_detail .form-box ul:nth-child(1) li .button-box2 .dropdown-menu {

  margin: -26px 0 0 25px;

}

.main_detail .form-box ul:nth-child(1) li .button-box2 li {

  line-height: normal;

  height: auto;

  margin-bottom: 0;

}

.main_detail .form-box ul:nth-child(1) li .button-box2 li .dianfei {

  font-size: 0;

}

.main_detail .form-box ul:nth-child(1) li h4 {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 15px;

  color: #333;

}

.main_detail .form-box ul:nth-child(1) li .cycle {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 12px;

  color: #333;

}

.main_detail .form-box ul:nth-child(1) li .cycle p {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 12px;

  color: #999;

}

.main_detail .form-box ul:nth-child(1) li .list_price {

  font-size: 0;

  height: 0;

  width: 0;

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.main_detail .form-box ul:nth-child(1) li .list_price .price {

  font-size: 0;

  height: 0;

  width: 0;

}

.main_detail .form-box ul:nth-child(1) li .amount_box {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: middle;

  width: 160px;

  height: 48px;

  position: relative;

  border-radius: 8px;

  border: 2px solid #f3f6fb;

}

.main_detail .form-box ul:nth-child(1) .amount_box b {

	text-align:left;

}



.main_detail .form-box .input_box {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: middle;

  width: 226px;

  height: 48px;

  position: relative;

  border-radius: 8px;

  border: 2px solid #f3f6fb; background-color:#fff;

}

.main_detail .form-box .input_box input{

  width: 100%;

  line-height: 46px;

  vertical-align: top;

  font-size: 15px;

  height: 46px;

  border: none;

  background: transparent; padding-left:10px;

}





.main_detail .form-box ul:nth-child(1) li .amount_box input {

  width: 92px;

  text-align: right;

  line-height: 46px;

  vertical-align: top;

  font-size: 1.8rem;

  color: #333;

  font-weight: 600;

  height: 46px;

  border: none;

  background: transparent;

}

.main_detail .form-box ul:nth-child(1) li .amount_box span {

  font-size: 1.8rem;

  color: #666;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-left: 10px;

  line-height: 46px;

  height: 46px;

  vertical-align: top;

  position: absolute;

  right: 80px;

  top: 0;

}

.main_detail .form-box ul:nth-child(1) li .amount_box .reduce {

  width: 34px;

  height: 18px;

  background: url("../images/amount-btn_06.jpg") no-repeat center;

  position: absolute;

  right: 10px;

  bottom: 2px;

  z-index: 3;

}

.main_detail .form-box ul:nth-child(1) li .amount_box .plus {

  width: 34px;

  height: 18px;

  background: url("../images/amount-btn_03.jpg") no-repeat center;

  position: absolute;

  right: 10px;

  top: 2px;

  z-index: 3;

}

.main_detail .form-box ul:nth-child(1) li .question {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 1.4rem;

  color: #999;

  padding-left: 22px;

  background: url("../images/question_03.jpg") no-repeat left center;

}

.main_detail .form-box ul:nth-child(1) li .checkbox {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin: 0;







}

.main_detail .form-box ul:nth-child(1) li .checkbox input[type="checkbox"] {

  width: 20px;

  height: 20px;

  opacity: 0;

}

.main_detail .form-box ul:nth-child(1) li .checkbox span {

  font-size: 14px;

  color: #333;

  margin-left: 30px;    margin-right: 10px;

}

.main_detail .form-box ul:nth-child(1) li .checkbox label {

  position: absolute;

  left: 0px;

  top: 26px;

  overflow: hidden;

  width: 20px;

  height: 20px;

  border-radius: 6px;

  border: 1px solid #999;

}

.main_detail .form-box ul:nth-child(1) li .checkbox input:checked + label {

  background-color: #00a0e9;

  border: 1px solid #00a0e9;

}

.main_detail .form-box ul:nth-child(1) li .checkbox input:checked + label::after {

  position: absolute;

  content: "";

    width: 7px;

    height: 13px;

    top: 1px;

  left: 6px;

  border: 2px solid #fff;

  border-top: none;

  border-left: none;

  transform: rotate(45deg);

}

.main_detail .form-box ul:nth-child(1) li .coupon {

  font-size: 1.8rem;

  color: #999;

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.main_detail .form-box ul:nth-child(1) li:nth-child(even) {

  background: #F7F8FC;

}

.main_detail .form-box ul:nth-child(1) .payment-method {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: -16px;

}

.main_detail .form-box ul:nth-child(1) .payment-method .rdolist,

.main_detail .form-box ul:nth-child(1) .payment-method .chklist {

  display: none;

}

.main_detail .form-box ul:nth-child(1) .payment-method .rdobox,

.main_detail .form-box ul:nth-child(1) .payment-method .chkbox {

  height: 47px;

  line-height: 47px;

  width: 130px;

  float: left;

  font-size: 16px;

  font-weight: 100;

  text-align: center;

  cursor: pointer;

  position: relative;

  background: transparent;

  border-radius: 6px;

  color: #666;

  margin-bottom: 0;

}

.main_detail .form-box ul:nth-child(1) .payment-method .unchecked {

  background: transparent;

  color: #666;

  transition-property: background;

  transition-delay: 0s;

  transition-duration: .1s;

  transition-timing-function: linear;

}

.main_detail .form-box ul:nth-child(1) .payment-method .checked {

  background: #ff7200;

  color: #fff;

}

.main_detail .form-box ul:nth-child(1) .price {

  font-size: 3rem;

  color: #ff7200;

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

.main_detail .form-box ul:nth-child(1) .price p {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  font-size: 16px;

  color: #666;

  margin: 0 0 0 10px;

}

.main_detail .form-box ul:nth-child(1) .accept span {

  font-size: 1.6rem;

}

.main_detail .form-box ul:nth-child(1) .accept span a {

  color: #00a0e9;

}

.main_detail .form-box .submit {

  margin-left: 204px;

  margin-top:20px;

}

.main_detail .form-box .submit button {

  width: 178px;

  text-align: center;

  height: 65px;

  line-height: 65px;

  border: none;

  background: #00a0e9;

  color: #fff;

  font-size: 2.4rem;

  padding: 0;

}

.ins-main .ins-order .Precautions {

  background: #fff;

  padding: 54px 66px 54px 66px;

  border-radius: 10px;

  margin-top: 80px;

}

.ins-main .ins-order .Precautions h5 {

  font-size: 1.8rem;

  color: #00a0e9;

  padding-bottom: 22px;

  border-bottom: 1px solid #dfe7f4;

}

.ins-main .ins-order .Precautions li {

  margin-top: 40px;

}

.ins-main .ins-order .Precautions h1 {

  font-size: 1.8rem;

  color: #333;

}

.ins-main .ins-order .Precautions p {

  font-size: 1.6rem;

  color: #999;

  line-height: 28px;

}







/*payment_main*/

.payment_main {

  width:100%;

  padding:0px;

  margin-top:20px;

  background-color:#fff;

}

.payment_main li {

	float:left;

	width:100%;

	padding:5px 0;

	border-bottom:1px solid #EAECF7;

}

.payment_main li .left{

	float:left;

	width:60%;

	height:50px;

	line-height:50px;

	padding-left:15px;

	font-size:15px;

}

.payment_main li .left img{

	max-width:25px;

	margin-right:10px;

}

.payment_main li .left font{

	font-size:12px;

	color:#999;

}

.payment_main li .right{

	float:right;

	width:30%;

	height:50px;

	line-height:50px;

}

.payment_main li .right .checkbox{

	margin:0px;

}

.payment_main li .right .checkbox input[type="checkbox"] {

  width: 20px;

  height: 20px;

  opacity: 0;

}

.payment_main li .right .checkbox span {

  font-size: 14px;

  color: #333;

  margin-left: 30px;    margin-right: 10px;

}

.payment_main li .right .checkbox label {

  position: absolute;

  right: 15px;

  top: 15px;

  overflow: hidden;

  width: 20px;

  height: 20px;

  border-radius: 6px;

  border: 1px solid #999;

}

.payment_main li .right .checkbox input:checked + label {

  background-color: #00a0e9;

  border: 1px solid #00a0e9;

}

.payment_main li .right .checkbox input:checked + label::after {

  position: absolute;

  content: "";

    width: 7px;

    height: 13px;

    top: 1px;

  left: 6px;

  border: 2px solid #fff;

  border-top: none;

  border-left: none;

  transform: rotate(45deg);

}





/*registered*/

.registered_main{

  width: 100%;

  margin: 30px auto;

  margin-top:0px;

}

.registered_main .logo{

  width: 100%;

  text-align:center;

  padding:0px 0;

  padding-bottom:20px;

}

.registered_main .logo img{

  width: 50%;

  max-width:80px;

}

.registered_main .registered{

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

  padding:10px 12px;

  background:#fff;

  -moz-box-shadow:0px 4px 8px #ccc; -webkit-box-shadow:0px 4px 8px #ccc; box-shadow:0px 4px 8px #ccc;

  border-radius: 8px;

}

.registered_main .registered .title_h3{

	width:100%;

	height:50px;

	line-height:50px;

	border-bottom:1px solid #E8EBF7;

	font-size:20px;

	color:#009EE9;

	padding:0px 10px;

}

.registered_main .registered .title_h3 span{

	float:right;

}

.registered_main .registered .title_h3 a{

	color:#009EE9;

}

.registered_main .registered .content{

	padding:10px;

}



.registered_main .registered .list_name{

	float:left;

	width:100%;

	height:35px;

	line-height:40px;

	font-size:14px;

	color:#333;

}



.registered_main .registered .list{

	width:100%;

	font-size:14px;

	color:#333;

}



.registered_main .registered .list input{

	height:40px;

	line-height:40px;

  border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	text-indent:10px;

}

.registered_main .registered .list input:hover{

   background-color:#F2FAFE;

}

.registered_main .registered .sms input{

	width:60%;

	margin-right:10px;

}

.registered_main .registered .sms button{

	width:35%;

	height:40px;

	line-height:40px;

	  border-radius: 8px;

	  text-align:center;

	  color:#fff;

	  border:0px;

	  background:#009EE9;

	 outline:none;

}

.registered_main .registered .sms button:hover{

	 outline:none;

}



.registered_main .registered .btn-group{

	background:#F7F8FC;

    border-radius: 8px;

	height:40px;

	line-height:40px;

}

.registered_main .registered .btn-group .dropdown-toggle{

	height:40px;

	line-height:40px;

	width:30%;

	float:left;

	border:0px;

	background:none;

   box-shadow: none !important;

   background:url(../images/jt_03.png) no-repeat 90% 50%;

   background-size:8px;

border-top-left-radius: 8px;

border-top-right-radius: 0px;

border-bottom-right-radius: 0px;

border-bottom-left-radius: 8px;

}

.registered_main .registered .btn-group .dropdown-toggle:hover{

   background:url(../images/jt_03.png) no-repeat 90% 50%;

   background-size:8px;

   background-color:#F2FAFE;

}

.registered_main .registered .btn-group input{

	height:40px;

	line-height:40px;

	width:70%;

	float:left;

	border:0px;

	background:none;

border-top-left-radius: 0px;

border-top-right-radius: 8px;

border-bottom-right-radius: 8px;

border-bottom-left-radius: 0px;

}

.registered_main .registered .btn-group input:hover{

	background:#F2FAFE;

}



.registered_main .registered .last{

	padding:20px 0;

}

.registered_main .registered .list .checkbox {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin: 0;

}



.registered_main .registered .list .checkbox input[type="checkbox"] {

  width: 20px;

  height: 20px;

  opacity: 0;

}

.registered_main .registered .list .checkbox span {

  font-size: 14px;

  color: #333;

  margin-left: 40px;    margin-right: 10px;

}

.registered_main .registered .list .checkbox label {

  position: absolute;

  left: 10px;

  top: 0px;

  overflow: hidden;

  width: 20px;

  height: 20px;

  border-radius: 6px;

  border: 1px solid #999;

}

.registered_main .registered .list .checkbox input:checked + label {

  background-color: #00a0e9;

  border: 1px solid #00a0e9;

}

.registered_main .registered .list .checkbox input:checked + label::after {

  position: absolute;

  content: "";

    width: 7px;

    height: 13px;

    top: 1px;

  left: 6px;

  border: 2px solid #fff;

  border-top: none;

  border-left: none;

  transform: rotate(45deg);

}



.registered_main .registered .bot {

  text-align: center;

  padding:10px 0px;

}

.registered_main .registered .bot button {

  width: 100%;

  text-align: center;

  background: #00a0e9;

  font-size: 1.6rem;

  color: #fff;

  height: 50px;

  line-height: 50px;

  border-radius: 30px;

  border: none;

  cursor: pointer;

  outline: none;

}



/*login*/

.registered_main .login .list_name span{

	float:right;

}

.registered_main .login .list_name span a{

	color:#009EE9;

	font-size:12px;

}

.registered_main .login .list .yanzheng {

  cursor: pointer;

  width: 100%;

  max-width:414px;

  height: 44px;

  text-align:center;

  background: url("../images/yanzheng_03.jpg") no-repeat center center;

  background-size:100%;

  margin:10px 0px;

}



/*mem_index*/

.mem_header{

	width:100%;

	background:url(../images/mem_header_bg.png) no-repeat right bottom;

	background-size:200px;

	background-color:#009EE9;

	padding-bottom:20px;

	-moz-box-shadow:0px 7px 9px #E0E0E0; -webkit-box-shadow:0px 7px 9px #E0E0E0; box-shadow:0px 7px 9px #E0E0E0;

}



.mem_header .mem_top{

	width:100%;

	padding:20px;

	padding-top:40px;

}



.mem_header .mem_top .ico{

	width:20%;

	float:left;

}

.mem_header .mem_top .ico img{

	width:100%;

	max-width:55px;

    border-radius: 50%;

	-moz-box-shadow:1px 1px 9px #005B88; -webkit-box-shadow:1px 1px 9px #005B88; box-shadow:1px 1px 9px #005B88;

}

.mem_header .mem_top .txt{

	width:80%;

	float:left;

	padding-top:10px;

}

.mem_header .mem_top .txt .mem_name{

	width:70%;

	float:left;

	font-size:16px;

	color:#fff;

}



.mem_header .mem_top .mem_button{

	width:30%;

	float:right;

}

.mem_header .mem_top .mem_button li{

	float:right;

	margin-left:10px;

}

.mem_header .mem_top .mem_button li img{

	max-width:20px;

}

.mem_header .mem_top .txt .meme_date{

	float:left;

	width:100%;

	color:#fff;

	font-size:12px;

	opacity: 0.5;

} 



.mem_header .mem_bottom{

	width:100%;

	padding:20px;

	color:#fff;

}

.mem_header .mem_bottom li{

	float:left;

	width:33.33333%;

	text-align:center;

}

.mem_header .mem_bottom li h3{

	font-size:16px;

	padding-bottom:5px;

}

.mem_header .mem_bottom li span{

	opacity: 0.8;

}

.mem_header .mem_bottom li p{

	opacity: 0.5;

	font-size:12px;

}





/*main_mem*/

.main_mem {

	width:100%;

	padding:20px 12px;

	padding-bottom:50px;

}

.main_mem .men_top_list {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px 12px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

}

.main_mem .men_top_list li{

	float:left;

	width:33.33333%;

	text-align:center;

}

.main_mem .men_top_list li img{

	width:100%;

	max-width:50px;

}

.main_mem .men_top_list li h3{

	width:100%;

	font-size:14px;

	color:#999;

	line-height:200%;

}

.main_mem .men_top_list li a{

	color:#009EE9;

}

.main_mem .men_top_list li a font{

	color:#333;

}

.main_mem .men_top_list li p{

	color:#009EE9;

}



/*income_list*/

.main_mem .income_list{

	width:100%;

	padding-top:20px;

}

.main_mem .income_list .title_h3{

	width:100%;

	font-size:18px;

	color:#333;

	height:30px;

	line-height:20px;

	text-indent:10px;

}

.main_mem .income_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px 0px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:10px;

}

.main_mem .income_list .list .img{

	text-align:center;

	width:20%;

}

.main_mem .income_list .list img{

	width:100%;

	max-width:50px;

	padding-top:5px;

}

.main_mem .income_list .list li{

	float:left;

	width:29%;

}

.main_mem .income_list .list li:nth-child(2){

	width:22%;

}

.main_mem .income_list .list li h3{

	font-size:12px;

	color:#333;

	line-height:200%;

}

.main_mem .income_list .list li span{

	font-size:12px;

	color:#999;

}

.main_mem .income_list .list li span font{

	color:#009EE9;

	font-weight:bold;

}

.main_mem .income_list .list li p{

	color:#999;

	font-size:12px;

}

.main_mem .income_list .more{

	width:100%;

	text-align:center;

	padding:5px 0;

}

.main_mem .income_list .more a{

	width:100%;

	text-align:center;

	padding:5px 0;

	color:#333;

	font-size:12px;

}

.main_mem .income_list .more a img{

	max-width:15px;

}



/*menu_list*/

.main_mem .menu_list {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px 12px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-top:10px;

}

.main_mem .menu_list li{

	float:left;

	width:25%;

	text-align:center;

	padding-top:10px;

	padding-bottom:10px;

	position:realview;

}

.main_mem .menu_list li{

	float:left;

	width:25%;

	text-align:center;

	padding-top:10px;

	padding-bottom:10px;

	position:relative;

}

.main_mem .menu_list .active::after{

    content: '';

    width: 28px;

    height: 28px;

    background:url(../images/mem_ico_ok.png) no-repeat left top;

	background-size:16px;

    position: absolute;

    left: 55px;

    top: 5px;

    transition: all .6s ease;

}



.main_mem .menu_list li img{

	width:100%;

	max-width:50px;

}

.main_mem .menu_list li a h3{

	font-size:12px;

	color:#666;

	line-height:120%;

}



/*mem_add_new*/

.main_mem .mem_add_new{

	width:100%;

	padding:10px 0;

	text-align:center;

}

.main_mem .mem_add_new img{

	width:100%;

	max-width:1034px;

}



/*mem_Setthecenter*/

.mem_header .return{

	position:absolute;

	height:26px;

	line-height:23px;

	width:26px;

	left:10px;

	top:12px;

	text-align:center;

	background:#FFFFFF;

	-moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

	border-radius: 100%;

	z-index:9999;

}

.mem_header .return img{

	width:12px;

}

.mem_header .title {

    position: absolute;

    height: 50px;

    line-height: 50px;

    text-align: center;

    width: 100%;

    font-size: 18px;

    color: #fff;

    z-index: 9;

}

.setthecenter_header{

	height:200px;

}



.main_setthecenter{

	width: 100%;

    padding: 20px 12px;

    padding-bottom: 50px;

	margin-top:-130px;

}

.main_setthecenter .set_list{

	display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 10px 12px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:30px;

}



.main_setthecenter .set_list .mem_top{

	float:left;

	width:100%;

	text-align:center;

	margin-top:-40px;

	margin-bottom:30px;

}

.main_setthecenter .set_list .mem_top .ico{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:20%;

}

.main_setthecenter .set_list .mem_top .ico img{

	width:100%;

	max-width:60px;

    border-radius: 50%;

	-moz-box-shadow:1px 1px 9px #ccc; -webkit-box-shadow:1px 1px 9px #ccc; box-shadow:1px 1px 9px #ccc;

}

.main_setthecenter .set_list .mem_top .txt{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-top:15px;

}

.main_setthecenter .set_list .mem_top .txt .mem_name{

	width:100%;

	float:left;

	font-size:18px;

	color:#333;

	padding-bottom:5px

}

.main_setthecenter .set_list .mem_top .txt .mem_name .meme_date {

    float: left;

    width: 100%;

    color: #999;

    font-size: 12px;

    opacity: 0.5;

}



.main_setthecenter .set_list .list{

	float:left;

	width:100%;

}

.main_setthecenter .set_list .list li{

	float:left;

	width:100%;

	padding:15px 0;

	border-bottom:1px solid #E0E0E0;

}

.main_setthecenter .set_list .list li .ico{

	float:left;

	width:20%;

	text-align:left;

	position:relative;

}

.main_setthecenter .set_list .list .active .ico::after{

    content: '';

    width: 28px;

    height: 28px;

    background:url(../images/mem_ico_ok.png) no-repeat left top;

	background-size:18px;

    position: absolute;

    left: 40px;

    top: 0px;

    transition: all .6s ease;

}



.main_setthecenter .set_list .list li .ico img{

	width:100%;

	max-width:45px;

}

.main_setthecenter .set_list .list li .title{

	float:left;

	width:60%;

	height:50px;

	line-height:50px;

	font-size:16px;

	color:#333;

}

.main_setthecenter .set_list .list li span{

	float:right;

	width:20%;

	height:50px;

	line-height:50px;

	text-align:right;

}

.main_setthecenter .set_list .list li span img{

	width:100%;

	max-width:8px;

	margin-right:10px;

}

.main_setthecenter .set_list .mem_add_new{

	float:left;

	width:100%;

	padding:10px 0;

	text-align:center;

	padding-top:20px;

}

.main_setthecenter .set_list .mem_add_new img{

	width:100%;

	max-width:1034px;

}

.main_setthecenter .mem_out{

	float:left;

	width:100%;

	text-align:center;

	padding-bottom:20px;

}

.main_setthecenter .mem_out a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:90%;

	padding:15px 0;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	background:#009EE9;

    border-radius:30px;

}



/*wallet_list*/

.wallet_list{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-top:10px;

}

.wallet_list .list{

	display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 10px 12px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:15px;

}

.wallet_list .list .title{

	width:100%;

	float:left;

	font-size:16px;

	color:#333;

	background:url(../images/ico_b_btc.png) no-repeat left 50%;

	background-size:20px;

	padding:10px 0px;

	padding-left:25px;

}

.wallet_list .list .title span{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	background:#CDCDCD;

	color:#fff;

	font-size:12px;

    border-radius: 20px;

	padding:4px 15px;

	margin-left:5px;

}

.wallet_list .list .title .default{

	background:#22CC5A;

}



.wallet_list .list .title a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	background:#575D65;

	color:#fff;

	font-size:12px;

    border-radius: 20px;

	padding:4px 15px;

	float:right;

}



.wallet_list .list .address{

	width:100%;

	float:left;

	padding:10px 0px;

	font-size:14px;

	color:#999999;

}

.wallet_list .list .operating{

	width:100%;

	float:left;

	padding:10px 0px;

}

.wallet_list .list .operating span{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	background:#575D65;

	color:#fff;

	font-size:12px;

    border-radius: 20px;

	padding:4px 15px;

	margin-left:5px;

}

.wallet_main .wallet_add{

	float:left;

	width:100%;

	text-align:center;

	padding-top:20px;

	padding-bottom:20px;

}

.wallet_main .wallet_add a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:90%;

	padding:15px 0;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	background:#009EE9;

    border-radius:30px;

}







/*wallet_add*/

.wallet_content{

	display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding:20px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:15px;

	margin-top:10px;

}





.wallet_content .list_name{

	float:left;

	width:100%;

	height:40px;

	line-height:40px;

	font-size:14px;

	color:#333;

}



.wallet_content .list{

	width:100%;

	font-size:14px;

	color:#333;

	margin-bottom:10px;

	display: inline-block;

    *display: inline;

    *zoom: 1;

}

.wallet_content .wallet_address{

	position:relative;

}

.wallet_content .wallet_address a{

	position:absolute;

	right:10px;

	top:10px;

}

.wallet_content .wallet_address a img{

	max-width:25px;

}

.wallet_content .default{

	position:relative;

}



.wallet_content .default .checkbox {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin: 0;

  position:absolute;

  top:12px;

}



.wallet_content .default .checkbox input[type="checkbox"] {

  width: 20px;

  height: 20px;

  opacity: 0;

}

.wallet_content .default  .checkbox span {

  font-size: 14px;

  color: #333;

  margin-left: 40px;    

  margin-right: 10px;

}

.wallet_content .default .checkbox label {

  position: absolute;

  left: 10px;

  top: 0px;

  overflow: hidden;

  width: 20px;

  height: 20px;

  border-radius: 100%;

  border: 1px solid #999;

}

.wallet_content .default .checkbox input:checked + label {

  background-color: #3EC41B;

  border: 1px solid #3EC41B;

}

.wallet_content .default .checkbox input:checked + label::after {

  position: absolute;

  content: "";

    width: 5px;

    height: 10px;

    top: 3px;

  left: 8px;

  border: 2px solid #fff;

  border-top: none;

  border-left: none;

  transform: rotate(45deg);

}





.wallet_content .list input{

	height:40px;

	line-height:40px;

  border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	text-indent:10px;

}

.wallet_content .list input:hover{

   background-color:#F2FAFE;

}



.wallet_content .list .button-box{

	width:100%;

}

.wallet_content .list .dropdown-menu{

	width:100%;

}

.wallet_content .list .button-box button {

  float: none;

  width: 100%;

  background: #ffffff url("../images/bz_03.png") no-repeat 95% center;

  background-color:#F7F8FC;

  border: 0px solid #eef2f9;

  border-radius: 6px;

  text-align: left;

  font-size: 16px;

  color: #333;

  height: 40px;

  line-height: 40px;

  padding: 0 0 0 16px;

  box-shadow: none!important;

  margin-top:-5px;

  font-size:14px;

  color:#666;

}



.wallet_content .list .btn-group .dropdown-toggle:hover{

 background-color:#F2FAFE;

}



.wallet_content .list .button-box .dropdown-menu {

  margin-top: 0px;

}

.wallet_content .list .button-box li {

  line-height: normal;

  height: auto;

  margin-bottom: 0;

}









/*certification_content*/

.certification_content{

	display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding:20px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:15px;

	margin-top:20px;

}





.certification_content .list_name{

	float:left;

	width:100%;

	height:40px;

	line-height:40px;

	font-size:14px;

	color:#333;

}



.certification_content .list{

	width:100%;

	font-size:14px;

	color:#333;

	margin-bottom:10px;

	display: inline-block;

    *display: inline;

    *zoom: 1;

}



.certification_content .list input{

	height:40px;

	line-height:40px;

  border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	text-indent:10px;

}

.certification_content .list input:hover{

   background-color:#F2FAFE;

}

.certification_content .tel{

	color:#999;

	font-size:16px;

}

.certification_content .sms input{

	width:60%;

	margin-right:10px;

}

.certification_content  .sms button{

	width:35%;

	height:40px;

	line-height:40px;

	  border-radius: 8px;

	  text-align:center;

	  color:#fff;

	  border:0px;

	  background:#009EE9;

	 outline:none;

}

.certification_content .sms button:hover{

	 outline:none;

}

.certification_main .certification_add{

	float:left;

	width:100%;

	text-align:center;

	padding-top:20px;

	padding-bottom:20px;

}



.certification_add a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:90%;

	padding:15px 0;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	background:#009EE9;

    border-radius:30px;

	text-align:center;

}

.certification_remarks{

	width:100%;

	display: inline-block;

    *display: inline;

    *zoom: 1;

	text-align:center;

}

.certification_remarks{

	width:100%;

	display: inline-block;

    *display: inline;

    *zoom: 1;

	text-align:center;

}



.certification_content .btn-group{

	background:#F7F8FC;

    border-radius: 8px;

	height:40px;

	line-height:40px;

}

.certification_content .btn-group .dropdown-toggle{

	height:40px;

	line-height:40px;

	width:30%;

	float:left;

	border:0px;

	background:none;

   box-shadow: none !important;

   background:url(../images/jt_03.png) no-repeat 90% 50%;

   background-size:8px;

border-top-left-radius: 8px;

border-top-right-radius: 0px;

border-bottom-right-radius: 0px;

border-bottom-left-radius: 8px;

}

.certification_content .btn-group .dropdown-toggle:hover{

   background:url(../images/jt_03.png) no-repeat 90% 50%;

   background-size:8px;

   background-color:#F2FAFE;

}

.certification_content .btn-group input{

	height:40px;

	line-height:40px;

	width:70%;

	float:left;

	border:0px;

	background:none;

border-top-left-radius: 0px;

border-top-right-radius: 8px;

border-bottom-right-radius: 8px;

border-bottom-left-radius: 0px;

}

.certification_content .btn-group input:hover{

	background:#F2FAFE;

}















/*mail_main*/

.from_content{

	display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding:20px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:15px;

	margin-top:20px;

}





.from_content .list_name{

	float:left;

	width:100%;

	height:40px;

	line-height:40px;

	font-size:14px;

	color:#333;

}



.from_content .list{

	width:100%;

	font-size:14px;

	color:#333;

	margin-bottom:10px;

	display: inline-block;

    *display: inline;

    *zoom: 1;

}



.from_content .list input{

	height:40px;

	line-height:40px;

  border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	text-indent:10px;

}

.from_content .list input:hover{

   background-color:#F2FAFE;

}

.from_content .old{

	color:#999;

	font-size:16px;

}

.from_content .sms input{

	width:60%;

	margin-right:10px;

}

.from_content  .sms button{

	width:35%;

	height:40px;

	line-height:40px;

	border-radius: 8px;

	text-align:center;

	color:#fff;

	border:0px;

	background:#009EE9;

	outline:none;

}

.from_content .sms button:hover{

	 outline:none;

}

.from_content .old{

	

}

.from_content .old{

    color: #999;

    font-size: 16px;

}



.big_button{

	float:left;

	width:100%;

	text-align:center;

	padding-top:20px;

	padding-bottom:20px; 

}



.big_button a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:90%;

	padding:15px 0;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	background:#009EE9;

    border-radius:30px;

	text-align:center;

}



.remarks{

	width:100%;

	display: inline-block;

    *display: inline;

    *zoom: 1;

	text-align:center;

}

.txt_left{

	text-align:left;

}

.sfz{

	width:100%;

	display: inline-block;

    *display: inline;

    *zoom: 1;

	border:1px solid #efefef;

	padding:50px 0px;

	border-radius: 8px;

	text-align:center;

	margin-bottom:30px; position:relative;

}



.sfz input[type="file"] {

    position: absolute;

    opacity: 0;

    line-height: 255px;

    top: 0px;

    left: 0px;

    cursor: pointer;    width: 100%;

}



.sfz img{

	width:100%;

	max-width:160px;

}



/*google_download*/

.google_download{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

}

.google_download p{

	font-size:14px;

	color:#333;

	padding-bottom:20px;

}

.google_download .download{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-bottom:20px;

	text-align:center;

}

.google_download .download a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	padding:10px 20px;

	border-radius: 8px;

	color:#333;

	background:#fff;

	margin-left:15px;

	margin-right:15px;

	font-size:14px;

}

.google_download .download a.android{

	color:#32C057;

	border:1px solid #32C057;

}

.google_download .download a.iOS{

	color:#4585E4;

	border:1px solid #4585E4;

}

.google_download .google_2wm{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-bottom:20px;

}

.google_download .google_2wm h3{

	width:100%;

	font-size:14px;

	color:#333;

	height:30px;

	line-height:30px;

	margin-bottom:10px;

}

.google_download .google_2wm .left{

	float:left;

	width:40%;

	border-right:1px solid #ccc;

}

.google_download .google_2wm .left img{

	width:80%;

	max-width:200px;

}

.google_download .google_2wm .right{

	float:left;

	width:55%;

	padding-left:5%;

}

.google_download .google_2wm .right span{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	color:#333;

	font-size:12px;

	padding:5px;

	text-align:center;

	border-radius: 8px;

	background:#F5F5F5;

	margin-bottom:20px;

}

.google_download .google_2wm .right a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:60%;

	font-size:14px;

	padding:5px;

	text-align:center;

	border-radius: 8px;

	background:#009EE9;

	color:#fff;

}



/*My purse*/

.purse_main{

	padding-bottom:60px;

	padding-top:10px;

}

.purse_top {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px 12px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	background:url(../images/mem_header_bg.png) no-repeat right bottom;

	background-size:140px;

	background-color:#009EE9;

	color:#fff;

}

.purse_top li{

	float:left;

	width:33.33333%;

}

.purse_top li h3{

	font-size:13px;

	padding-bottom:5px;

	padding-top:5px;

	font-weight:bold;

}

.purse_top li h3 font{

	font-size:12px;

	font-weight:normal;

}

.purse_top li p{

	opacity: 0.5;

	font-size:12px;

}







.purse_top_list {

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

	padding-top:20px;

}

.purse_top_list li{

    display: inline-block;

    *display: inline;

    *zoom: 1;

	width:23%;

	text-align:center;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	padding:10px;

	float:left;

	margin:0 1%;

}

.purse_top_list li .img{

	float:left;

	width:100%;

}

.purse_top_list li .img img{

	width:100%;

	max-width:40px;

    border-radius: 8px;

}

.purse_top_list li .title{

	float:left;

	width:100%;

	height:20px;

	line-height:30px;

	font-size:12px;

	color:#333;

}



.income_list{

	width:100%;

	padding-top:20px;

}

.income_list .title_h3{

	width:100%;

	font-size:18px;

	color:#333;

	height:30px;

	line-height:20px;

	text-indent:10px;

}

.income_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px 0px;

    background: #fff;

    -moz-box-shadow: 0px 4px 8px #E0E0E0;

    -webkit-box-shadow: 0px 4px 8px #E0E0E0;

    box-shadow: 0px 4px 8px #E0E0E0;

    border-radius: 8px;

	margin-bottom:10px;

}

.income_list .list .img{

	text-align:center;

	width:20%;

}

.income_list .list img{

	width:100%;

	max-width:50px;

	padding-top:5px;

}

.income_list .list li{

	float:left;

	width:29%;

}

.income_list .list li:nth-child(2){

	width:22%;

}

.income_list .list li h3{

	font-size:12px;

	color:#333;

	line-height:200%;

}

.income_list .list li span{

	font-size:12px;

	color:#999;

}

.income_list .list li span font{

	color:#009EE9;

	font-weight:bold;

}

.income_list .list li p{

	color:#999;

	font-size:12px;

}









/*recharge tabs*/

.purse_main .tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

  border-radius: 0px;

  background:none;

  margin-bottom:30px;

}

.purse_main .tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: 20%;

	text-align:center;

	font-size:15px;

	color:#999;

	float:left;

  transition: 0.5s;

  border-radius: 8px;

}

.purse_main .tabs a img{

	width:60%;

	max-width:40px;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

	opacity: 0.5;

  transition: 0.5s;

}

.purse_main .tabs a span{

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width:100%;

}

.purse_main .tabs a.active {

  color: #333;

  background:none;

  transition: 0.5s;

}

.purse_main .tabs a.active img{

	width:60%;

	max-width:40px;

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: gray;

	opacity: 1;

  -moz-box-shadow:0px 4px 8px #DFE0E3; -webkit-box-shadow:0px 4px 8px #DFE0E3; box-shadow:0px 4px 8px #DFE0E3;

  border-radius:40px;

  transition: 0.5s;

}



/*recharge*/

.purse_main .content-slide{

	text-align:center;

}

.recharge{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 10px 0px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

	margin:0 auto;

	margin-bottom:20px;

	margin-top:10px;

}

.recharge .cb_2wm{

	width:100%;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	text-align:center;

	padding:10px 0;

}

.recharge .cb_2wm img{

	width:80%;

	max-width:220px;

	margin-bottom:10px;

}

.recharge .cb_2wm a{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    height: 40px;

    line-height: 40px;

    text-align: center;

    width: 50%;

    border-radius: 20px;

    background: #00a0e9;

    position: relative;

    font-size: 13px;

    color: #fff;

    margin: 0px 0;

}

.recharge .copy_txt{

	width:100%;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	text-align:center;

	padding-bottom:20px;

	font-size:14px;

	color:#333;

}

.recharge .copy_txt p{

	padding-bottom:10px;

	line-height:160%;

}

.recharge .copy_txt a{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    height: 40px;

    line-height: 40px;

    text-align: center;

    width: 50%;

    border-radius: 20px;

    background: #CCCCCC;

    position: relative;

    font-size: 13px;

    color: #333;

    margin: 0px 0;

}

.purse_main .remarks{

	width:95%;

	line-height:180%;

	margin-bottom:20px;

}







/*withdraw*/



.withdraw{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 20px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

	margin:0 auto;

	margin-bottom:10px;

	margin-top:10px;

	text-align:left;

}

.withdraw .title_h3{

	width:100%;

	height:50px;

	line-height:40px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

}

.withdraw .title_h3 b{

	font-size:12px;

	color:#999;

	font-weight:normal;

}



.withdraw .button-box{

	width:100%;

}

.withdraw .dropdown-menu{

	width:100%;

}





.transferout .button-box{

	width:60%;

}

.transferout .dropdown-menu{

	width:60%;

}





.withdraw .button-box button {

  float: none;

  width: 100%;

  background: #ffffff url("../images/bz_03.png") no-repeat 95% center;

  background-color:#F7F8FC;

  border: 0px solid #eef2f9;

  border-radius: 6px;

  text-align: left;

  font-size: 16px;

  color: #333;

  height: 40px;

  line-height: 40px;

  padding: 0 0 0 16px;

  box-shadow: none!important;

  margin-top:-5px;

  font-size:14px;

  color:#666;

}



.withdraw .btn-group .dropdown-toggle:hover{

 background-color:#F2FAFE;

}



.withdraw .button-box .dropdown-menu {

  margin-top: 0px;

}

.withdraw .button-box li {

  line-height: normal;

  height: auto;

  margin-bottom: 0;

}



.withdraw .list_name{

	float:left;

	width:100%;

	height:40px;

	line-height:40px;

	font-size:14px;

	color:#333;

}

.withdraw .list_name font{

	font-size:12px;

	color:#999;

}

.withdraw .list_name a{

	float:right;

}

.withdraw .list{

	width:100%;

	font-size:14px;

	color:#333;

	margin-bottom:10px;

	display: inline-block;

    *display: inline;

    *zoom: 1;

}

.withdraw .list .prompt{

	background:url(../images/ico_prompt.png) no-repeat left 50%;

	background-size:15px;

	padding-left:18px;

	margin-left:20px;

}

.withdraw .list input{

	height:40px;

	line-height:40px;

  border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	text-indent:10px;

}

.withdraw .list input:hover{

   background-color:#F2FAFE;

}

.withdraw .tel{

	color:#999;

	font-size:16px;

}

.withdraw .sms input{

	width:60%;

	margin-right:10px;

}

.withdraw .sms button{

	width:35%;

	height:40px;

	line-height:40px;

	  border-radius: 8px;

	  text-align:center;

	  color:#fff;

	  border:0px;

	  background:#009EE9;

	 outline:none;

}

.withdraw .sms button:hover{

	 outline:none;

}



















/*transaction_record tabs*/

.transaction_record .tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

  border-radius: 0px;

  background:none;

  margin-bottom:20px;

  border-bottom:1px solid #E1E1E1;

}

.transaction_record .tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: 33.333333%;

	text-align:center;

	font-size:15px;

	color:#999;

	float:left;

  border-radius: 0px;

  transition: 0s;

  position:relative;

}



.transaction_record .tabs a.active {

  color: #009EE9;

  background:none;

  transition: 0s;

}

.transaction_record .tabs a.active span {

	position:absolute;

	width:60px;

	height:4px;

	background:#009EE9;

	bottom:0px;

	left:50%;

	margin-left:-30px;

	border-radius:4px;

}



.transaction_record_list{

	width:100%;

}

.transaction_record_list .list{

	width:100%;

}



.transaction_record_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 20px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}



.transaction_record_list .list .title_h3{

	width:100%;

	height:40px;

	line-height:30px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

}

.transaction_record_list .list .title_h3 span{

	float:right;

}

.transaction_record_list .list .title_h3 .status_completed{

	color:#10D078;

}

.transaction_record_list .list .title_h3 .status_confirming{

	color:#009EE9;

}



.transaction_record_list .list li{

	float:left;

	width:33.33%;

}



.transaction_record_list .list li h3{

	font-size:12px;

	color:#333;

	line-height:200%;

}

.transaction_record_list .list li span{

	font-size:12px;

	color:#999;

}

.transaction_record_list .list li span font{

	color:#009EE9;

	font-weight:bold;

}

.transaction_record_list .list li p{

	color:#999;

	font-size:12px;

}

.date_nav{

	width:100%;

	text-align:right;

}

.dropbtn {

    color: #666;

    font-size: 14px;

    border: none;

    cursor: pointer;

	background:url(../images/ico_date.png) no-repeat left 50%;

	background-size:12px;

	padding-left:15px;

	float:right;

	padding-right:20px;

}

.all_suanli{

	background:url(../images/ico_suanli.png) no-repeat left 50%;

	background-size:14px;

}

.date_nav .all_breakdown{

	float:left;

	height:25px;

	line-height:25px;

	padding-left:20px;

	color:#333;

}

.date_nav .all_breakdown font{

	color:#009EE9;

	font-size:14px;

}

.date_nav .all_breakdown span{

	color:#999;

}

.dropbtn img{

	max-width:10px;

	margin:0 5px;

  transition: 0.3s;

}

.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #fff;

    min-width: 140px;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

	right:0px;

	top:30px;

	text-align:center;

}



.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.dropdown-content a:hover {color:#009EE9;}



.dropdown:hover .dropdown-content {

    display: block;

}



.dropdown:hover .dropbtn img{

	transform:rotate(180deg);

    -ms-transform:rotate(180deg); /* IE 9 */

    -webkit-transform:rotate(180deg); /* Safari and Chrome */

  transition: 0.3s;

}









/*coupon_list*/



.coupon_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding:0px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}



.used_list .list{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}





.coupon_list .list .left{

	float:left;

	width:50%;

	max-width:200px;

	height:120px;

	background:url(../images/ico_yhq.png) no-repeat left 50%;

	background-size:100%;

	text-align:center;

	font-size:20px;

	color:#fff;

	padding-top:30px;

	border-top-left-radius:8px;

	border-bottom-left-radius:8px;

}

.expired_list .list .left{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

	opacity:0.3;

}



.coupon_list .list .left h3{

	font-size:30px;

	font-weight:bold;

}

.coupon_list .list .right{

	float:left;

	width:50%;

	padding-left:15px;

	padding-top:0px;

}

.coupon_list .list .right p{

	padding-top:10px;

	color:#999;

	line-height:150%;

}

.coupon_list .list .right p font{

	color:#333;

}





/*no_content*/

.no_content{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

	text-align:center;

	padding:30px 0;

}

.no_content img{

	width:50%;

	max-width:140px;

}

.no_content p{

	color:#ccc;

	font-size:14px;

	padding:5px 0px;

}





/*system information*/

.information_list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

	padding-top:0px;

	padding-bottom:20px;

}

.information_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 10px 20px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}

.information_list .list .title{

	width:100%;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#333;

}

.information_list .list .title a{

	float:right;

	padding:5px 15px;

	background:#575D65;

	text-align:center;

	color:#fff;

	font-size:12px;

	line-height:100%;

    border-radius: 12px;

	margin-top:8px;

}

.information_list .list p{

	line-height:160%;

	color:#999;

	padding:10px 0px;

}

.information_list .details p{

	line-height:180%;

	font-size:14px;

}



.information_list .list .title{

	width:100%;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#333;

}

.information_list .list .date{

	width:100%;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#333;

}

.information_list .list .date a{

	float:left;

	padding:5px 15px;

	background:#009EE9;

	text-align:center;

	color:#fff;

	font-size:14px;

	line-height:100%;

    border-radius: 12px;

	margin-top:8px;

}

.information_list .list .date span{

	float:right;

	font-size:12px;

	color:#999;

}













/*My ticket*/

.my_ticket .tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

  border-radius: 0px;

  background:none;

  margin-bottom:20px;

  border-bottom:1px solid #E1E1E1;

}

.my_ticket .tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: auto;

	text-align:center;

	font-size:15px;

	color:#999;

	float:left;

  border-radius: 0px;

  transition: 0s;

  position:relative;

  padding:0 8px;

}



.my_ticket .tabs a.active {

  color: #009EE9;

  background:none;

  transition: 0s;

}

.my_ticket .tabs a.active span {

	position:absolute;

	width:60px;

	height:4px;

	background:#009EE9;

	bottom:0px;

	left:50%;

	margin-left:-30px;

	border-radius:4px;

}





/*ticket_list*/

.ticket_list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

	padding-top:0px;

	padding-bottom:20px;

}

.ticket_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 10px 20px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}

.ticket_list .list .title{

	width:100%;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#333;

	background:url(../images/ico_gd.png) no-repeat left 50%;

	background-size:15px;

	padding-left:20px;

	margin-bottom:10px;

}

.ticket_list .list .title font{

	float:right;

	padding:5px 0px;

	text-align:center;

	font-size:12px;

	line-height:100%;

	margin-top:8px;

}

.label_red{

	color:#FF0000;

}

.label_green{

	color:#22CC5A;

}

.label_gray{

	color:#999;

}

.label_blue{

	color:#009EE9;

}



.ticket_list .list .content{

	line-height:160%;

	color:#666;

	padding:2px 0px;

}

.ticket_list .list .content span{

	color:#999;

}





.ticket_list .list .title{

	width:100%;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#333;

}

.ticket_list .list .date{

	width:100%;

	height:40px;

	line-height:40px;

	font-size:16px;

	color:#333;

	margin-top:10px;

}

.ticket_list .list .date a{

	float:left;

	padding:5px 15px;

	background:#B5B5B5;

	text-align:center;

	color:#fff;

	font-size:12px;

	line-height:100%;

    border-radius: 12px;

	margin-top:8px;

	margin-right:5px;

}

.ticket_list .list .date .detail{

	background:#575D65;

}



.ticket_list .list .date span{

	float:right;

	font-size:12px;

	color:#999;

}









/*add_ticket*/



.add_ticket{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

	margin:0 auto;

	margin-bottom:10px;

	margin-top:10px;

	text-align:left;

}



.add_ticket .button-box{

	width:100%;

}

.add_ticket .dropdown-menu{

	width:100%;

}



.add_ticket .button-box button {

  float: none;

  width: 100%;

  background: #ffffff url("../images/bz_03.png") no-repeat 95% center;

  background-color:#F7F8FC;

  border: 0px solid #eef2f9;

  border-radius: 6px;

  text-align: left;

  font-size: 16px;

  color: #333;

  height: 40px;

  line-height: 40px;

  padding: 0 0 0 16px;

  box-shadow: none!important;

  margin-top:-5px;

  font-size:14px;

  color:#666;

}



.add_ticket .btn-group .dropdown-toggle:hover{

 background-color:#F2FAFE;

}



.add_ticket .button-box .dropdown-menu {

  margin-top: 0px;

}

.add_ticket .button-box li {

  line-height: normal;

  height: auto;

  margin-bottom: 0;

}



.add_ticket .list_name{

	float:left;

	width:100%;

	height:40px;

	line-height:40px;

	font-size:14px;

	color:#333;

}

.add_ticket .list_name font{

	font-size:12px;

	color:#999;

}

.add_ticket .list_name a{

	float:right;

}

.add_ticket .list{

	width:100%;

	font-size:14px;

	color:#333;

	margin-bottom:10px;

	display: inline-block;

    *display: inline;

    *zoom: 1;

}

.add_ticket .list input{

	height:40px;

	line-height:40px;

  border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	text-indent:10px;

}

.add_ticket .list input:hover{

   background-color:#F2FAFE;

}

.add_ticket .list textarea{

	height:200px;

	border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	width:100%;

	padding:10px;

}

.add_ticket .list textarea:hover{

   background-color:#F2FAFE;

}

.add_ticket .upload_btn a{

	line-height:70px;

	height:80px;

	width:80px;

	border-radius: 8px;

	border:0px;

	background:#F7F8FC;

	color:#666;

	font-size:50px;

	text-align:center;

	display: inline-block;

    *display: inline;

    *zoom: 1;

}

.add_ticket .upload_btn a:hover{

   background-color:#F2FAFE;

}











/*computing list*/

.computing_main .tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

  border-radius: 0px;

  background:none;

  margin-bottom:20px;

  border-bottom:1px solid #E1E1E1;

}

.computing_main .tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: auto;

	text-align:center;

	font-size:15px;

	color:#999;

	float:left;

  border-radius: 0px;

  transition: 0s;

  position:relative;

  padding:0 3%;

}



.computing_main .tabs a.active {

  color: #009EE9;

  background:none;

  transition: 0s;

}

.computing_main .tabs a.active span {

	position:absolute;

	width:60px;

	height:4px;

	background:#009EE9;

	bottom:0px;

	left:50%;

	margin-left:-30px;

	border-radius:4px;

}





/*all_computing*/



.all_computing{

	width:100%;

}



.all_computing .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 15px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}

.all_computing .list .title_h3{

	width:100%;

	height:40px;

	line-height:30px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

	color:#999;

	font-size:14px;

}



.all_computing .list .title_h3 img{

	max-width:25px;

}

.all_computing .list .title_h3 span{

	float:right;

}

.all_computing .list .title_h3 .label_red{

	color:#FF0000;

}

.all_computing .list .title_h3 .label_green{

	color:#22CC5A;

}

.all_computing .list .title_h3 .label_gray{

	color:#999;

}

.all_computing .list .title_h3 .label_blue{

	color:#009EE9;

}





.all_computing .list li{

	float:left;

	width:33.33%;

	line-height:160%;

	color:#999;

}

.all_computing .list li:nth-child(2){

	text-align:center;

}

.all_computing .list li:nth-child(3){

	text-align:right;

}

.all_computing .list li p{

	color:#333;

}

.all_computing .list li p font{

	color:#009EE9;

	font-weight:bold;

}



.all_computing .list .content{

	padding:5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

}



.all_computing .list .income{

	padding:5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	background:#F7F8FC;

}





.all_computing .list .bottom{

	padding:5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-top:10px;

}

.all_computing .list .bottom span{

	float:left;

	width:100%;

	margin-bottom:8px;

}

.all_computing .list .bottom a{

	float:left;

	padding:5px 15px;

	background:#575D65;

	text-align:center;

	color:#fff;

	font-size:12px;

	line-height:100%;

    border-radius: 12px;

	margin-right:8px;

}

.all_computing .list .bottom font{

	color:#009EE9;

	font-weight:bold;

}



.all_computing .list .bottom .detail{

	background:#575D65;

}

.all_computing .list .bottom .payment{

	background:#009EE9;

}

.all_computing .list .bottom .electricity{

	background:#1BBC9B;

}

.all_computing .list .bottom .de_electricity{

	background:#CCCCCC;

}

.all_computing .list .bottom .delete{

	background:red;

}











/*computing detail*/

.computing_detail .tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

  border-radius: 0px;

  background:none;

  margin-bottom:20px;

  border-bottom:1px solid #E1E1E1;

}

.computing_detail .tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: auto;

	text-align:center;

	font-size:14px;

	color:#999;

	float:left;

  border-radius: 0px;

  transition: 0s;

  position:relative;

  padding:0 6%;

}



.computing_detail .tabs a.active {

  color: #009EE9;

  background:none;

  transition: 0s;

}

.computing_detail .tabs a.active span {

	position:absolute;

	width:60px;

	height:4px;

	background:#009EE9;

	bottom:0px;

	left:50%;

	margin-left:-30px;

	border-radius:4px;

}





/*computing_detail_list*/



.computing_detail_list{

	width:100%;

}



.computing_detail_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 15px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}

.ele_list .list{

    width: 100%;

}

.computing_detail_list .list .title_h3{

	width:100%;

	height:40px;

	line-height:30px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

	color:#333;

	font-size:16px;

}

.computing_detail_list .list .title_h3 a{

	float:right;

	padding:5px 15px;

	text-align:center;

	color:#fff;

	font-size:14px;

	line-height:100%;

    border-radius: 12px;

}

.computing_detail_list .list .title_h3 font{

	color:#009EE9;

	font-weight:bold;

}



.computing_detail_list .list .title_h3 img{

	max-width:25px;

}



.computing_detail_list .list .title_h3 .label_red{

	background:#FF0000;

}

.computing_detail_list .list .title_h3 .label_green{

	background:#22CC5A;

}

.computing_detail_list .list .title_h3 .label_gray{

	background:#999;

}

.computing_detail_list .list .title_h3 .label_blue{

	background:#009EE9;

}



.computing_detail_list .list .content li{

	width:100%;

	height:40px;

	line-height:40px;

	color:#333; position:relative;

}

.computing_detail_list .list .content li span{

	width:120px;

	float:left;

	height:40px;

	line-height:40px;

	text-align:right;

	color:#999;

	padding-right:20px;

}

.computing_detail_list .list .content li:nth-child(2n+0){

	background:#F7F8FC;

}

.computing_detail_list .list .content li img{

	max-width:25px;

}



.computing_detail_list .list .bottom{

	padding:5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-top:30px;

	text-align:center;

}

.computing_detail_list .list .bottom a{

    display: inline-block;

    *display: inline;

    *zoom: 1;

	padding:5px 15px;

	background:#575D65;

	text-align:center;

	color:#fff;

	font-size:12px;

	line-height:100%;

    border-radius: 12px;

	margin-left:8px;

}



/*income_breakdown*/



.income_breakdown{

	width:100%;

}



.income_breakdown .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 15px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}

.income_breakdown .list .title_h3{

	width:100%;

	height:40px;

	line-height:30px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

	color:#333;

	font-size:14px;

}

.income_breakdown .list .title_h3 font{

	color:#009EE9;

	font-weight:bold;

}

.income_breakdown .list .title_h3 span{

	color:#009EE9;

	float:right;

}

.income_breakdown .list .ico{

	width:30%;

	float:left;

	text-align:center;

}

.income_breakdown .list .ico img{

	width:100%;

	max-width:50px;

	padding-top:5%;

}

.income_breakdown .list .content{

	width:69%;

	float:right;

}

.income_breakdown .list .content li{

	width:100%;

	float:left;

	height:22px;

	line-height:22px;

	color:#999999;

}

.income_breakdown .list .content li span{

	height:22px;

	line-height:22px;

	float:right;

}

.income_breakdown .list .content li label {

	width:auto;

	font-weight:normal;

}

.income_breakdown .list .content li font {

	color:#009EE9;

	font-weight:bold;

}









/*electricity_main*/

.electricity_main .tabs {

  width: 100%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  -moz-box-shadow:0px 0px 0px #CCECFB; -webkit-box-shadow:0px 0px 0px #CCECFB; box-shadow:0px 0px 0px #CCECFB;

  border-radius: 0px;

  background:none;

  margin-bottom:20px;

  border-bottom:1px solid #E1E1E1;

}

.electricity_main .tabs a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

   width: 25%;

	text-align:center;

	font-size:15px;

	color:#999;

	float:left;

  border-radius: 0px;

  transition: 0s;

  position:relative;

}



.electricity_main .tabs a.active {

  color: #009EE9;

  background:none;

  transition: 0s;

}

.electricity_main .tabs a.active span {

	position:absolute;

	width:60px;

	height:4px;

	background:#009EE9;

	bottom:0px;

	left:50%;

	margin-left:-30px;

	border-radius:4px;

}





/*all_electricity*/



.all_electricity{

	width:100%;

}



.all_electricity .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 95%;

    padding: 15px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}

.all_electricity .list .title_h3{

	width:100%;

	height:40px;

	line-height:30px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

	color:#999;

	font-size:14px;

}

.all_electricity .list .title_h3 font{

	color:#333;

}

.all_electricity .list .title_h3 img{

	max-width:25px;

}

.all_electricity .list .title_h3 span{

	float:right;

}

.all_electricity .list .title_h3 .label_red{

	color:#FF0000;

}

.all_electricity .list .title_h3 .label_green{

	color:#22CC5A;

}

.all_electricity .list .title_h3 .label_gray{

	color:#999;

}

.all_electricity .list .title_h3 .label_blue{

	color:#009EE9;

}



.all_electricity .list .ico{

	width:30%;

	float:left;

	text-align:center;

}

.all_electricity .list .ico img{

	width:100%;

	max-width:50px;

	padding-top:5%;

}

.all_electricity .list .gray img{

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

	opacity: 0.5;

}



.all_electricity .list .income{

	width:69%;

	float:right;

}

.all_electricity .list .income li{

	width:100%;

	float:left;

	height:22px;

	line-height:22px;

	color:#999999;

}

.all_electricity .list .income li span{

	height:22px;

	line-height:22px;

}

.all_electricity .list .income li font {

	color:#009EE9;

	font-weight:bold;

	font-size:14px;

}





.all_electricity .list .bottom{

	padding:5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding-top:20px;

}



.all_electricity .list .bottom a{

	float:right;

	padding:5px 15px;

	background:#575D65;

	text-align:center;

	color:#fff;

	font-size:12px;

	line-height:100%;

    border-radius: 12px;

	margin-left:8px;

}

.all_electricity .list .bottom font{

	color:#009EE9;

	font-weight:bold;

}



.all_electricity .list .bottom .detail{

	background:#575D65;

}

.all_electricity .list .bottom .payment{

	background:#009EE9;

}

.all_electricity .list .bottom .electricity{

	background:#1BBC9B;

}

.all_electricity .list .bottom .de_electricity{

	background:#CCCCCC;

}

.all_electricity .list .bottom .delete{

	background:red;

}











/*electricity_list*/



.electricity_list{

	width:100%;

}



.electricity_list .list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 15px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}



.electricity_list .list .title_h3{

	width:100%;

	height:60px;

	line-height:60px;

	margin-bottom:10px;

	color:#333;

	font-size:16px;

	text-align:center;

}



.electricity_list .list .title_h3 font{

	color:#009EE9;

	font-weight:bold;

}



.electricity_list .list .title_h3 img{

	max-width:25px;

}







.electricity_list .list li{

	width:100%;

	float:left;

	text-align:center;

	font-size:14px;

}

.electricity_list .list li p{

	color:#999999;

	line-height:200%;

}

.electricity_list .list li .left{

	width:50%;

	float:left;

	border-right:1px solid #ccc;

}

.electricity_list .list li .right{

	width:49%;

	float:right;

	position:relative;

}

.electricity_list .list li .right .checkbox input[type="checkbox"] {

  width: 20px;

  height: 20px;

  opacity: 0;

}

.electricity_list .list li .right  .checkbox span {

  font-size: 14px;

  color: #333;

  margin-left: 40px;    

  margin-right: 10px;

}

.electricity_list .list li .right .checkbox label {

  position: absolute;

  left: 50%;

  top: 0px;

  overflow: hidden;

  width: 20px;

  height: 20px;

  border-radius: 100%;

  border: 1px solid #999;

  margin-left:-10px;

}

.electricity_list .list li .right .checkbox input:checked + label {

  background-color: #3EC41B;

  border: 1px solid #3EC41B;

}

.electricity_list .list li .right .checkbox input:checked + label::after {

  position: absolute;

  content: "";

    width: 5px;

    height: 10px;

    top: 3px;

  left: 8px;

  border: 2px solid #fff;

  border-top: none;

  border-left: none;

  transform: rotate(45deg);

}

.electricity_list .list .electricity_recharge{

	padding:20px 0;

	padding-top:50px;

}

.electricity_list .list .electricity_recharge a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:90%;

	padding:15px 0;

	color:#fff;

	font-weight:bold;

	font-size:16px;

	background:#009EE9;

    border-radius:30px;

}





.electricity_list .detail_list{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 15px;

    background: #fff;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}



.electricity_list .detail_list .title_h3{

	width:100%;

	height:40px;

	line-height:30px;

	margin-bottom:10px;

	border-bottom:1px solid #E8EBF7;

	color:#333;

	font-size:16px;

}

.electricity_list .detail_list .list_title{

	width:100%;

	float:left;

}

.electricity_list .detail_list .list_title li{

	height:40px;

	line-height:40px;

	color:#999;

	float:left;

	width:25%; font-size:14px;

	text-align:center;

}



.electricity_list .detail_list .list_title .date{

	width:25%;

}

.electricity_list .detail_list .list_title .numbering{

	width:35%;

}

.electricity_list .detail_list .list_title .deducted{

	width:20%;

}

.electricity_list .detail_list .list_title .operating{

	width:20%;

}

.electricity_list .detail_list .list_title .date1{

	width:25%;

}

.electricity_list .detail_list .list_title .numbering1{

	width:55%;

}

.electricity_list .detail_list .list_title .operating1{

	width:20%;

}

.electricity_list .detail_list .list_content .list_content_li{

	float:left;

	width:100%;

}

.electricity_list .detail_list .list_content .list_content_li:nth-child(2n+0){

	background:#F7F8FC;

}



.electricity_list .detail_list .list_content .list_content_li li{

	height:40px;

	line-height:40px;

	color:#333;

	float:left;

	width:25%;

	text-align:center;

}



.electricity_list .detail_list .list_content .list_content_li .date{

	width:25%;

}

.electricity_list .detail_list .list_content .list_content_li .numbering{

	width:35%;

}

.electricity_list .detail_list .list_content .list_content_li .deducted{

	width:20%;

}

.electricity_list .detail_list .list_content .list_content_li .operating{

	width:20%;

}

.electricity_list .detail_list .list_content .list_content_li .date1{

	width:25%;

}

.electricity_list .detail_list .list_content .list_content_li .numbering1{

	width:55%;

}

.electricity_list .detail_list .list_content .list_content_li .operating1{

	width:20%;

}



.electricity_list .detail_list .list_bottom{

	width:100%;

	float:left;

	padding:20px 0;

	text-align:center;

}

.electricity_list .detail_list .list_bottom a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:40%;

	padding:10px 0;

	color:#fff;

	font-size:14px;

	background:#009EE9;

    border-radius:30px;

	text-align:center;

	margin:0 10px;

}

.electricity_list .detail_list .list_bottom a:nth-child(2){

	background:#575D65;

}





/*contact_main*/



.contact_main{

	width:95%;

	background:#fff;

	-moz-box-shadow:0px 4px 8px #efefef; -webkit-box-shadow:0px 4px 8px #efefef; box-shadow:0px 4px 8px #efefef;

	border-radius: 8px;

	text-align:center;

	padding:15px 0;

	margin-bottom:20px;

	margin-top:20px;

	margin-left:2.5%;

}

.con_banner{

	background:url(../images/top_banner_bg.jpg) no-repeat center 50%;

	background-size:cover;

    margin-top: 0px;

    position: relative;

    padding: 10px 20px;

	width:100%;

	color:#fff;

	text-align:center;

}

.con_banner h1 {

    font-family: 'Montserrat', sans-serif;

    color: #fff;

    line-height: 130%;

    font-weight: 500;

    font-size: 30px;

    margin-bottom: 10px;

    text-align: center;

    position: relative;

    z-index: 2;

    margin-top: 25px;

}

.con_banner p {

    font-size: 16px;

    line-height: 24px;

    color: #fff;

    letter-spacing: 0.4px;

    margin-bottom: 25px;

    text-align: center;

    position: relative;

    z-index: 2;

}



.con_list{

	width:100%;

	padding:0px 20px;

}

.con_list li{

	width:100%;

	background:none!important;

	border-bottom:1px solid #EFEFEF;

	padding:25px 0px!important;

	text-align:left;

	height:auto!important;

	margin:0px!important;

	vertical-align: middle;

	color:#999;

	font-size:13px;

}

.c_2wm li{

	text-align:center!important;

	padding:35px 0px!important;

}

.con_list li:last-child{

	border-bottom:0px;

}

.con_list li img {

	max-width:30px;

	margin-right:10px;

	vertical-align: middle;

}

.c_2wm li img{

	max-width:160px;

}

.c_2wm li h3{

	font-size:16px;

	color:#666;

	padding:15px 0px;

}

.con_list li span {

	float:right;

	margin-top:5px;

}

.con_list li span a{

	color:#00A0E9;

}

/*aboutus*/

.aboutus{

	width:100%;

	padding:20px;

}

.aboutus h3{

	padding:10px 0px;

	font-size:20px;

	color:#009EE9;

}

.aboutus p{

	font-size:14px;

	color:#666;

	line-height:160%;

	text-align:left;

	padding-bottom:10px;

	text-indent:20px;

}



/*app_download*/

.app-wrapper{

	box-sizing: border-box;

    height: 55px;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    padding: 8px 15px;

    background: rgba(0,0,0,.7);

}



.app-wrapper .app_logo{

	float:left;

	margin-right:20px;

}

.app-wrapper .app_logo img{

	max-width:40px;

}

.app-wrapper .app_txt{

	float:left;

	color:#fff;

	padding-top:5px;

}

.app-wrapper .app_txt h3{

	font-size:14px;

}

.app-wrapper .app_txt p{

	font-size:12px;

}

.app-wrapper .app_btn{

	float:right;

	color:#fff;

	padding-top:5px;

	margin-right:10px;

}

.app-wrapper .app_btn a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	border-radius: 8px;

	padding:5px 20px;

	background:#F99400;

	color:#fff;

}

.app-wrapper .app_close{

	float:right;

	padding-top:9px;

}

.app-wrapper .app_close img{

	max-width:20px;

}



.layui-m-layer_new{position:fixed;left:50%;top:50%;margin-left:-45px;margin-top:-15px;display: none;    z-index: 2;}

.layui-m-layer_new .layui-m-layerchild {

    width: auto;

    max-width: 260px;

    min-width: 40px;

    border: none;

    background: 0 0;

    box-shadow: none;

    color: #fff;

}

.layui-m-layer_new .layui-m-layercont {

    text-align: center;

    padding: 0;

    line-height: 0;

}

.layui-m-layer_new .layui-m-layercont i {

    width: 25px;

    height: 25px;

    margin-left: 8px;

    display: inline-block;

    background-color: #13a8ef;

    border-radius: 100%;

    -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;

    animation: layui-m-anim-loading 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}

.layui-m-layer_new .layui-m-layercont i:first-child {

    margin-left: 0;

    -webkit-animation-delay: -.32s;

    animation-delay: -.32s;

}

.layui-m-layer_new .layui-m-layercont i.layui-m-layerload {

    -webkit-animation-delay: -.16s;

    animation-delay: -.16s;

}



.p_pop{position:fixed;left:50%;top:50%;background-color:#FFF;padding:0 0 40px;box-sizing:border-box;width:80%;border:1px solid #f2f2f2;z-index:999;display:none;box-shadow:0 0 20px #999; margin-left: -240px;margin-top: -100px;

    padding-bottom: 30px;border-radius: 10px;

    width: 90%;

    left: 5%;

    margin-left: 0px;}

.p_pop .p_popContent{margin:0 auto;width:350px}.p_pop .p_popTitleBox{padding:0px 0 0px 15px}.p_pop .p_popTipsContentBox{text-align:center;font-size:20px;padding:15px 0 0}.p_pop .p_popTipsContentBox .tipsSubInfo{margin-top:5px;font-size:14px}.p_pop .p_popTitle{font-size:16px}.p_pop .p_popSubTitle{font-size:12px;color:#666;margin-top:5px}.p_pop .i_popClose{position:absolute;display:block;right:0;top:0;width:45px;height:45px}.p_pop .p_popBtns{font-size:0;margin:30px auto 0;text-align:center}.p_pop .p_popBtns .b_btn{width:120px}.p_pop .p_popBtns .btn_b{width:300px; color:#fff;}

.p_pop .p_popBtns .b_btn:nth-child(2){margin-left:15px}.p_pop .i_success,.p_pop .i_error{margin:0 auto 18px}.p_popHint{padding:15px 22px;width:auto}.p_popHint .i_success_s{display:inline-block;margin-right:5px}.p_popTips .p_popContent{width:420px;text-align:center}.p_popTips .p_popContent .tipsTitle{font-size:20px}.p_popTips .p_popContent .tipsSubInfo{font-size:14px;margin-top:5px}.p_pop_login .p_popContent{width:300px}.p_pop_login .i_popLoginLogo{display:block;margin-bottom:5px; margin-top:0px;}.p_pop_login .moreLoginOptions{overflow:hidden;margin-top:20px}.p_pop_login .moreLoginOptions .moreOp_register{float:left}.p_pop_login .moreLoginOptions .moreOp_pwdForgot{float:right}.p_pop_register .p_popContent{width:390px}.p_pop_register .agreement{margin-top:20px;font-size:14px;padding-left:80px}.p_pop_register .agreement input{vertical-align:middle;margin-right:5px;position:relative;top:-1px}.p_pop_register .toLoginLink{display:block;margin:20px auto 0;text-align:center}.p_pop_registerResult .p_popContent{width:420px}.p_pop_registerResult .result{color:#333;font-size:20px;text-align:center;font-weight:bold;margin:15px 0 10px}.p_pop_registerResult .resultTips{color:#666;font-size:14px;text-align:center;line-height:22px}.p_pop_registerResult .resultTips strong{color:#333;font-weight:bold}.p_pop_registerResult .exceptionSolving{margin-top:30px;border-top:1px solid #ccc;padding-top:25px}.p_pop_registerResult .exceptionSolving .exceptionTitle{color:#333;margin-bottom:8px}.p_pop_registerResult .exceptionSolving .soloving{color:#666;margin-bottom:4px}.p_popResetPwd .p_popContent{width:auto; padding:15px 30px;}.p_popResetPwd .m_inputBox{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px); width:calc(100% - 80px); }

.p_pop .p_popTitleBox {

    padding: 0px 0 0px 15px;

}

.p_pop .p_popTitleBox .p_popTitle {

    margin-top: 20px;

    margin-bottom: 10px;

}

.i_popClose {

    background-repeat: no-repeat;

    background-image: url(/images/logo_hy.png);

    width: 45px;

    height: 45px;

    background-position: 0 -349px;

    font-size: 0;

    vertical-align: middle;

    display: inline-block;

    text-indent: -9999px;

}

.p_pop .i_popClose {

    position: absolute;

    display: block;

    right: 0;

    top: 0;

    width: 45px;

    height: 45px;

}



.p_pop_registerResult .p_popContent{ width:auto;}

.pop_googleAuth .authSteps li[data-v-c46bad5a] {

    border-bottom: 0px solid #ccc;

    position: relative;

}

.pop_googleAuth .authSteps .authStep_1[data-v-c46bad5a] {

     text-align:center; margin-top:10px;

}

.pop_googleAuth .authSteps .authStep_1 .btnDownload[data-v-c46bad5a] {

    width: 120px; margin-right:15px;

}

p[data-v-c46bad5a] {

    word-wrap: break-word;

}

.tips[data-v-c46bad5a] {

    text-align: left;

}

.pop_googleAuth .authSteps .authStep_2 .tips[data-v-c46bad5a] {

    font-size: 14px;

    line-height: 24px;  padding: 10px;

}

.pop_googleAuth .authSteps .authStep_2 .inputWrap[data-v-c46bad5a] {

    font-size: 14px;

    position: absolute;

    right: 10px;

}

.pop_googleAuth .authSteps .authStep_2 .inputWrap_code[data-v-c46bad5a] {

    top: 148px;

}

.pop_googleAuth .authSteps .authStep_2 .or[data-v-c46bad5a] {

    position: absolute;

    left: 50%;margin-left: -20px;

    top: 185px;

}

.p_pop{ padding-bottom:0px;}

.pop_googleAuth .p_popBtns{ text-align:center;}

.pop_googleAuth .btn{ width:120px;}

.pop_googleAuth .authSteps .authStep_2 .qrcodeImg[data-v-c46bad5a] {

    position: absolute;

    left: 5px;

    top: 140px;

    width: 120px;

    height: 120px;

    background-color: #fff;

    padding: 5px;

}

.pop_googleAuth .authSteps .authStep_2 .qrcodeTopupTitle[data-v-c46bad5a] {

    font-size: 14px;

    position: absolute;

    left: 10px;

    top: 110px;

    width: 118px;

    text-align: center;

}

.pop_googleAuth .authSteps .authStep_2[data-v-c46bad5a] {

    height: 300px;

    padding-bottom: 10px;

}

.pop_googleAuth .authSteps .authStep_2 .inputWrap .m_inputBox[data-v-c46bad5a] {

    width: 150px;

}



.fillbg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; z-index:999999}

.fillbg-active { opacity: 1; display:block; }



.wechat_index{

	float:left;

	width:100%;

	background:#fff;

	padding-top:10%;

	text-align:center;

}

.wechat_top{

	float:left;

	width:100%;

	padding:0 10%;

	background:url(/m/images/wechat_bg.jpg) no-repeat center 50%;

	background-size:60%;

	padding-top:20%;

	padding-bottom:20%;

	text-align:center;

	border-bottom:1px solid #ECECEC;

}

.wechat_top img{

	width:100%;

	max-width:140px;

}

.wechat_txt{

	float:left;

	width:100%;

	padding:0 10%;

}

.wechat_txt h3{

	width:100%;

	text-align:left;

	font-size:16px;

}

.wechat_txt li{

	width:100%;

	text-align:left;

	font-size:14px;

	color:#999;

}



.wechat_bottom{

	float:left;

	width:100%;

	padding:0 10%;

	padding-top:20%;

}

.wechat_bottom a{

	display: inline-block;

    *display: inline;

    *zoom: 1;

	width:100%;

	padding:15px 0;

	color:#666;

	font-weight:bold;

	font-size:16px;

	background:none;

    border-radius:30px;

	text-align:center;

	margin-bottom:10px;

}

.wechat_bottom .wechat_btn{

	color:#fff;

	background:#05BE01;

}







.m_shandui{

	display: inline-block;

    *display: inline;

    *zoom: 1;

    width: 100%;

    padding: 20px;

	background:url(/m/images/sd_bg.png) no-repeat center 50%;

    background-color: #009EE9;

    -moz-box-shadow: 0px 2px 4px #E0E0E0;

    -webkit-box-shadow: 0px 2px 4px #E0E0E0;

    box-shadow: 0px 2px 4px #E0E0E0;

    border-radius: 8px;

    margin: 0 auto;

    margin-bottom: 10px;

    margin-top: 10px;

    text-align: left;

}



.m_shandui .m_shandui_top{

	float:left;

	width:100%;

	color:#fff;

	font-size:16px;

	font-weight:bold;

	text-align:center;

	margin-bottom:20px;

}

.m_shandui .m_shandui_top font{

	color:#fff;

}

.m_shandui .m_shandui_left{

	float:left;

	width:45%;

}

.m_shandui select{

	width:100%;

	height:40px;

	line-height:40px;

	background:#fff;

	border:1px solid #CCCCCC;

    border-radius: 6px;

	text-indent:10px;

	margin-bottom:20px;

}



.m_shandui .m_shangdui_txt{

	width:100%;

	height:40px;

	line-height:40px;

	background:#fff;

	border:1px solid #CCCCCC;

    border-radius: 6px;

	text-indent:10px;

}

.m_shandui .m_shangdui_txt a{

	float:right;

	margin-right:10px;

}

.m_shandui p{

	color:#fff;

	font-size:12px;

	line-height:140%;

	padding-top:10px;

}



.m_shandui .m_shandui_center{

	float:left;

	width:10%;

	text-align:center;

}

.m_shandui .m_shandui_center img{

	margin-top: 40px;

	width:100%;

	max-width:24px;

}



.m_shandui .m_shandui_right{

	float:right;

	width:45%;

}