@charset "utf-8";
/* CSS Document */
body{font:12px/22px "\5B8B\4F53",arial; text-align:left;color:#333;font-family:"Microsoft YaHei"}
body,div,ul,ol,li,dl,dt,dd,span,p,h1,h2,h3,h4,h5,h6,img,form,table,tr,td,th,label{margin:0;padding:0;}

.com-bottom{
			
			background-color: #1c1c1c;
			    width: 100%;
			    display: flex;
			    padding: 50px 0px;
				flex-wrap: wrap;
		}
		.com-bottom-left{
			 padding: 0px 0px 50px;
			    border-bottom: solid 1px #3b3b3b;
			    width: 40%;
			    display: flex;
			    justify-content: center;
				
				    align-items: center;
		}
		.com-bottom-left-img{
			
		}
		.com-bottom-right{
			 padding: 0px 0px 50px;
			border-bottom: solid 1px #3b3b3b;
			    width: 60%;
			    display: flex;
			
			    justify-content: center;
		}
		.com-bottom-right-list{
			display: flex;
			    width: 30%;
			    flex-wrap: wrap;
			    color: #999;
			    font-size: 0.9rem;
		}
		.com-bottom-right-list span{
			width: 100%;
			margin: 5px 0px 10px;
			color: #999;
			    height: 25px;
			    line-height: 25px;
		}
			.com-bottom-right-list span a{
		
			color: #999;
			  
		}
			.com-bottom-right-list span a:hover{
		
			color: #08ae9a;
			  
		}
		.com-bottom-rights{
			    display: flex;
			    width: 100%;
			    justify-content: center;
			    color: #999;
			    margin: 40px 0px 0px;
			    font-size: 0.9rem;
		}
		.com-bottom-rights span{
			margin-left: 20px;
			
		}
		.com-bottom-rights span a{
			  color: #999;
		}


img{border:none; transition: all 0.5s;}
h2,h3{ font-weight:500;cursor: default;}
span{cursor: default;}
ul,ol,li{list-style-type:none;}
select,input,label,textarea,img{vertical-align:middle;font-size:12px;color:#555;}
input {outline: none;border:none;background: none;}
a{color:#444;text-decoration:none;cursor: pointer;}
a:hover{color:#08AE9A;text-decoration:none;}
.fl{float:left;}.fr{float:right;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.p10{padding:10px; overflow:hidden; zoom:1;}.pr10{padding-right:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}
.ml15{margin-left:15px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.mt30{margin-top:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}.mr30{margin-right:30px;}.ml350{margin-left:350px}
.w1740{width:1740px;margin:0 auto;}.w1490{width:1490px;margin:0 auto;}.w1500{width:1500px;}
.rel {position:relative;}.abs{position:absolute;}.cl{clear:both;}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],select,textarea{
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: normal;
    color: #424242;
    font-size:14px;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-user-select: text;
            user-select: text;
    -webkit-appearance: none;
            appearance: none;
            outline: none;
}
/*遮罩层*/
.mask{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index:9;
}

/*首页轮播*/
.index-banner{
    background:#f5f5f5;
    height:684px;
    min-width: 1740px;
}
.index-banner .swiper-container{
    height:684px;
}
.index-banner .swiper-container .swiper-slide{
    cursor:pointer;
}
.index-banner .swiper-container .swiper-prev{
    background:url(../images/swipier-prev.png) center center no-repeat rgba(0,0,0,0.5);
    background-size: 42px;
    display: block;
    width:50px;
    height:100px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-675px;
}
.index-banner .swiper-container .swiper-next{
    background:url(../images/swipier-next.png) center center no-repeat rgba(0,0,0,0.5);
    background-size: 42px;
    display: block;
    width:50px;
    height:100px;
    position: absolute;
    top:50%;
    right:50%;
    margin-top:-50px;
    margin-right:-675px;
}
.header{
    height:66px;
    min-width: 1740px;
    position: fixed;
    width: 100%;
    left: 0;top: 0;
    z-index: 11;
}
.height66 {
	height: 66px;
}
.header .logo img{
    margin:15px 0 0;
	width: 140px;
    height:auto;
    display:block;
}
.header .nav {
    margin:0 0 0 40px;
}
.header .nav ul li{
    float:left;
    line-height:65px;
    margin:0 25px;
}
.header .nav ul li a{
    font-size:14px;
    color:#dcdcdc;
    display:inline-block;
}
.header .nav ul li.cur a,
.header .nav ul li:hover a{
    color:#08ae9a;
}
.header .search {
    width:528px;
    background:rgba(255, 255, 255, 0.2);
    border-radius:8px;
    height:36px;
    margin:15px 45px 14px;
    position:relative;
	border-bottom: 1px #000 solid;
}
.header .search .txt{
    height:36px;
    line-height:36px;
    padding:0 15px;
    box-sizing:border-box;
    font-size:14px;
    color:#333;
}
.header .search .txt:-webkit-input-placeholder{
    color:#7d7d7d;
}
.header .search .btn{
    background: linear-gradient(to right, #009999, #00ffcc);
      background-size: 100% 200%; /* 双倍高度避免接缝 */
  background-repeat: no-repeat;
   
    width:80px;
    height:36px;
    border-radius:0 8px 8px 0;
    position:absolute;
    right:0;
    top:0;
	cursor: pointer;
}
.header .search .drownlist{
    position: absolute;
    z-index:9;
    width:527px;
    background:#fff;
    border-radius:10px;
    top:37px;
    padding:0 18px;
    box-sizing:border-box;
    display:none;
	box-shadow: 0 0 10px #bbb;
}
.header .search:hover .drownlist{
    /*display:block;*/
}
.header .search .drownlist h3{
    border-bottom:#cacaca 1px solid;
    padding:0 10px;
    margin:10px 0 0 0;
    line-height:50px;
    background:url(../images/ico-hot.png) 8px center no-repeat;
    background-size:28px;
    padding-left:38px;
    color:#7d7d7d;
    font-size:16px;
}
.header .search .drownlist h3:first-child {
	 background:url(../images/ico-hot0.png) 8px center no-repeat;
}
.header .search .drownlist .con{
    margin:16px 16px 5px 16px;
    overflow: hidden;
}
.header .search .drownlist .con a{
    line-height:16px;
    font-size:14px;
    color:#7d7d7d;
    margin:0 16px 16px 0;
    display:block;
    float:left;
}
.header .search .drownlist .con a:hover {
	color: #08ae9a;
}
.header .btns a {
    float:left;
    color:#fff;
    font-size:14px;
    text-align:center;
    margin:9px 15px;
}
.header .btns {position: relative;}
.header .btns a.logincur {
	color: #08ae9a;
}
.header .btns a i{
    width:26px;
    height:26px;
    display:block;
    margin:0 auto;
}
.header .btns a span {cursor: pointer;}
.header .btns a .img1 {background: url(../images/ico-recharge.png) no-repeat;}
.header .btns a .img2 {background: url(../images/ico-upload.png) no-repeat;}
.header .btns a .img3 {background: url(../images/ico-login.png) no-repeat;}
.header .btns a:hover .img1 {background: url(../images/ico-rechargecur.png) no-repeat;}
.header .btns a:hover .img2 {background: url(../images/ico-uploadcur.png) no-repeat;}
.header .btns a:hover .img3 {background: url(../images/ico-logincur.png) no-repeat;}
.header .btns .logincur .img3 {background: url(../images/ico-logincur.png) no-repeat;}
.header .btns a:hover {color: #08ae9a;}
.header .btns .logincur {padding-top: 15px; display: inline-block; padding-left: 15px;}
.header .btns .dot{position: relative;}
.header .btns .dot::before {content: ""; width:6px; height: 6px; border-radius: 6px; background: #f00; position: absolute; left: 17px; top: 17px;}
.header .btns .logincur img{width: 40px;height: 40px;
cursor: pointer;
border-radius: 40px;}
.header .btns .lglist {
	position: absolute; right: -20px; top: 55px; background: rgba(0,0,0,0.8); display: none; padding-top: 13px;width:80px;
}
.header .btns .lglist li {
	 display: block;
}
.header .btns .lglist li.dot {position: relative;}
.header .btns .lglist li.dot::before {content: ""; width:4px; height: 4px; border-radius: 4px; background: #f00; position: absolute; left: 4px; top: 17px;}
.header .btns .lglist li a {
	text-align: center; color: #fff; display: block; margin: 0; line-height: 30px; padding: 3px 0;float: inherit;
}
.header .btns .lglist li a:hover {color: #08AE9A;}
.header .btns .logincur:hover .lglist {display: block;}
.index-tab-slide-wrap {
	background: #f3f3f3; padding:15px 0 4px; margin-bottom: 50px;
}
.index-tab-slide{
    background:#f5f5f5;
    height:135px;
    width: 1875px;
    margin:0 auto 15px auto;
}
.index-tab-slide .swiper-container{
    height:135px;
}
.index-tab-slide .swiper-container .swiper-slide a{
    width:300px;
    height:135px;
    border-radius:10px;
    display:block;
    position: relative;
    overflow: hidden;
}
.index-tab-slide .swiper-container .swiper-slide img{
    width:300px;
    height:135px;
    object-fit: cover;
}
.index-tab-slide .swiper-container .swiper-slide:hover img {
	transform: scale(1.2);
}
.index-tab-slide .swiper-container .swiper-slide span{
    position: absolute;
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    background:rgba(0,0,0,0.6);
    line-height: 135px;
    font-size:18px;
}
.index-tab-slide .swiper-container .swiper-prev{
    background:url(../images/swipier-prev.png) center center no-repeat rgba(0,0,0,0.5);
    background-size: 40px;
    display: block;
    width:58px;
    height:58px;
    border-radius:100px;
    position: absolute;
    top:50%;
    left:20px;
    margin-top:-29px;
}
.index-tab-slide .swiper-container .swiper-next{
    background:url(../images/swipier-next.png) center center no-repeat rgba(0,0,0,0.5);
    background-size: 40px;
    display: block;
    width:58px;
    height:58px;
    position: absolute;
    border-radius:100px;
    top:50%;
    right:20px;
    margin-top:-29px;
}
.index-showlist{
    margin-bottom:50px;
    overflow: hidden;
}
.index-showlist .list ul {
    margin-left:-13px;
}
.index-list2 {
	background: #f3f3f3; padding: 45px 0 60px;
}
.index-list4 {
	background: #f3f3f3; padding: 45px 0 60px;margin-bottom: 0;
}
.index-showlist .list ul li{
    float:left;
    width:425px;
    height:287px;
    margin:13px 0 0 13px;
    border-radius:15px;
    overflow: hidden;
    position: relative;
}
.index-showlist .list ul li img{
    width:425px;
    height:287px;
    display:block;
    object-fit:cover;
}
.index-showlist .list ul li:hover img {
	transform: scale(1.2);
}
.index-showlist .list ul li .text{
    position: absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    text-align:center;
	z-index: 2;
}
.index-showlist .list ul li .text span{
    position: absolute;
    left:50%;
    margin-left:-100px;
    width:200px;
    display:inline-block;
    top:90px;
    font-size:22px;
    color:#fff;
    line-height:50px;
	z-index: 2;
	cursor: pointer;
}
.index-showlist .list ul li .text i{
    display:inline-block;
    width:148px;
    height:43px;
    line-height:43px;
    color:#fff;
    font-size:22px;
    border:#ffffff 2px solid;
    border-radius:100px;
    position: absolute;
    top:145px;
    left:50%;
    margin-left:-74px;
	font-style: inherit;
	z-index: 2;
}
.index-showlist .list ul li:hover .text i {
	/* background: #08AE9A; */
}
.index-showlist .list ul li:hover .text{
	/* background: #08AE9A; */
	background:rgba(0,0,0,0.1);
}
.index-hd h3{
    font-size:22px;
    line-height:34px;
    font-weight:bold;
    color:#1a1a1a;
}
.index-hd span{
    color:#999999;
    font-size:16px;
    line-height:28px;
    display:block;
}
.index-showlist.index-list1 ul li:nth-child(1),
.index-showlist.index-list1 ul li:nth-child(1) img{
    width:1010px;
    height:450px;
}
.index-showlist.index-list1 ul li:nth-child(2),
.index-showlist.index-list1 ul li:nth-child(2) img{
    width:717px;
    height:450px;
}
.index-showlist.index-list2 ul li:nth-child(1),
.index-showlist.index-list2 ul li:nth-child(1) img{
    width:717px;
    height:450px;
}
.index-showlist.index-list2 ul li:nth-child(2),
.index-showlist.index-list2 ul li:nth-child(2) img{
    width:1010px;
    height:450px;
}
.index-showlist.index-list3 ul li:nth-child(1),
.index-showlist.index-list3 ul li:nth-child(1) img{
    width:1740px;
    height:450px;
}
.footer{
    background:#1c1c1c;
    overflow: hidden;
    min-width: 1740px;
}
.footer .footercon{
    padding:40px 45px 40px 60px;
    display:-webkit-box;
    border-bottom:#3f3f3f 1px solid;
}
.footer .footercon dl{
    -webkit-box-flex:1;
    box-sizing:border-box;
}
.footer .footercon dt{
    font-size:16px;
    color:#ffffff;
    line-height:24px;
}
.footer .footercon dt a{
    font-size:16px;
    color:#ffffff;
    line-height:24px;
}
.footer .footercon dd a{
    font-size:12px;
    color:#9b9b9b;
    line-height:22px;
}
.footer .copyright{
    border-top:#101010 1px solid;
    text-align:center;
    color:#9b9b9b;
    font-size:14px;
    line-height:24px;
    padding:40px 0;
}
.footer .copyright span{
    margin:0 10px;
}
/*浮动菜单*/
.fixmenu{
    position: fixed;
    right:0;
    bottom:60px;
    width:54px;
    background: #fff;
    z-index: 9;
    box-shadow: 0px 0 10px rgba(189,189,189,0.8);
    border-radius:15px;
    display: none;
}
.fixmenu ul{
    padding:10px 0;
}
.fixmenu ul li{
    margin:10px 0;
}
.fixmenu ul li a{
    display: block;
    overflow:hidden;
    color:#333;
    font-size:12px;
    line-height:22px;
    text-align:center;
}
.fixmenu ul li img{
    display: block;
    margin:0 auto;
    width:36px;
    height:36px;
}
.modalbox-login{
    display:none;
}
.modalbox-login::after{
    position: fixed;
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:11;
    top:0;
    left:0;
}
.modalbox-login .box{
    position: fixed;
    top:50%;
    left:50%;
    width:664px;
    height:450px;
    margin-left:-332px;
    margin-top:-225px;
    border-radius:10px;
    background:#fff;
    z-index:12;
    display:-webkit-box;
}
.modalbox-login .box .rightside{
    padding:0 50px;
    width:420px;
    box-sizing:border-box;
}
.modalbox-login .box .rightside .close{
    background:url(../images/ico-close.png) center center no-repeat;
    background-size:14px;
    width:28px;
    height:28px;
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
}
.modalbox-login .box .rightside .hd{
    position:relative;
    margin:70px 0;
}
.modalbox-login .box .rightside .hd h3{
    text-align:center;
    background:#fff;
    color:#9b9b9b;
    font-size:16px;
    line-height:30px;
    width:180px;
    margin:0 auto;
    position: relative;
    z-index:2;
}
.modalbox-login .box .rightside .hd:after{
    content:"";
    position: absolute;
    top:50%;
    left:50%;
    width:300px;
    margin-left:-150px;
    background:#dcdcdc;
    height:1px;
    margin-top:-0.5px;
    z-index:1;
}
.modalbox-login .box .rightside .mode{
    display:-webkit-box;
    margin-bottom:70px;
}
.modalbox-login .box .rightside .mode a{
    -webkit-box-flex:1;
    text-align:center;
    display:block;
}
.modalbox-login .box .rightside .mode img{
    width:73px;
    height:73px;
    border-radius:100px;
    border:#e4e4e4 1px solid;
    margin-bottom:10px;
}
.modalbox-login .box .rightside .mode span{
    display:block;
    font-size:16px;
    line-height:38px;
    color:#7d7d7d;
}
.modalbox-login .box .rightside  .agreement{
    font-size:16px;
    color:#9b9b9b;
    line-height:32px;
    margin:0 0 0 30px;
}
.modalbox-login .box .rightside  .agreement a{
    color:#08ae9a;
}
.modalbox-login .box .rightside  .agreement input{
    width:20px;
    height:20px;
    background:url(../images/ico-check.png) center center no-repeat;
    background-size:20px;
    float:left;
    margin:6px 5px 0 0;
}
.modalbox-login .box .rightside  .agreement input:checked{
    background:url(../images/ico-checked.png) center center no-repeat;
    background-size:20px;
}
.website{
    background:#fff;
    height:50px;
    line-height:50px;
    color:#5a5a5a;
    font-size:14px;
}
.website a{
    color:#5a5a5a;
}
.website .home{
    background:url(../images/website-ico-home.png) 0 center no-repeat;
    background-size:17px;
    padding-left:22px;
}
.filtrate-box{
    border-top:#d2d2d2 1px solid;
    box-shadow:0 4px 7px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom:45px;
    padding-top:30px;
    min-width:1740px;
}
.filtrate-box ul li{
    margin-bottom:20px;
    display:-webkit-box;
}
.filtrate-box ul li .w1500 .con{
    margin-bottom:30px;
}
.filtrate-box ul li .w1500 .con:last-child{
    margin-bottom:0;
}
.filtrate-box ul li h3{
    padding-left:52px;
    height:42px;
    color:#010101;
    font-size:16px;
    line-height:42px;
    width:145px;
    box-sizing:border-box;
}
.filtrate-box ul li h3.classify{
    background:url(../images/hagnyefenlei.png) 0 center no-repeat;
    background-size:42px;
}
.filtrate-box ul li h3.area{
    background:url(../images/mianji.png) 0 center no-repeat;
    background-size:42px;
}
.filtrate-box ul li h3.direction{
    background:url(../images/kaikoufangxiang.png) 0 center no-repeat;
    background-size:42px;
}
.filtrate-box ul li h3.style{
    background:url(../images/fengge.png) 0 center no-repeat;
    background-size:42px;
}
.filtrate-box ul li a{
    font-size:14px;
    color:#5a5a5a;
    line-height:24px;
    display:inline-block;
    padding: 0 10px;
    margin-bottom: 15px;
}
.filtrate-box ul li a.cur{
    background:#08ae9a;
    border-radius:100px;
    color:#fff;

}
.filtrate-box ul li a:hover {
	color: #08ae9a;
}
.filtrate-box ul li a.cur:hover {
	color: #fff;
}
.filtrate-box ul li .all{
    margin:10px 40px 0 0;
}
.filtrate-box ul li .con{
    margin-top:9px;
    max-width: 1500px;
	font-size: 0;
}
.filtrate-box ul li .con a{
    margin-right:20px;
}
.filtrate-box ul li .searchlist a{
    cursor: default;
}
.filtrate-box ul li .search{
    margin:9px 0 0 20px;
}
.filtrate-box ul li .search input[type=text]{
    float:left;
    border:#5a5a5a 1px solid;
    width:51px;
    height: 22px;
    line-height:20px;
    margin:2px 0;
    text-align:center;
    font-size:12px;
}
.filtrate-box ul li .search input[type=button]{
    float:left;
    border:#08ae9a 1px solid;
    background:#08ae9a;
    width:51px;
    height: 22px;
    line-height:20px;
    margin:2px 0 0 15px;
    text-align:center;
    color:#fff;
    font-size:12px;
}
.filtrate-box ul li .search span{
    float:left;
    margin:0 4px;
    color:#5a5a5a;
    font-size:16px;
}
.rank-box{
    height:22px;
    margin-bottom:35px;
}
.rank-box h3{
    float:left;
    font-size:18px;
    color:#5a5a5a;
    line-height:22px;
}
.rank-box .radio-group{
    float:left;
}
.rank-box .radio-group .radio{
    float:left;
    display:-webkit-box;
    font-size:18px;
    margin-left:25px;
    line-height:22px;
    color:#5a5a5a;
}
.rank-box .radio-group .radio input{
    border-radius:100px;
    background:#d3d3d3;
    width:17px;
    height:17px;
    margin:2.5px 10px 0 0;
    cursor:pointer;
}
.rank-box .radio-group .radio input:checked{
    border:#08ae9a 4.5px solid;
    background:#fff;
    width:11px;
    height:11px;
    margin:1px 7px 0 0;
    box-sizing:content-box;
}
.inner-showlist{
    padding-bottom:50px;
    overflow: hidden;
}
.inner-showlist ul {
    margin-left:-10px;
	min-height: 400px;
}
.inner-showlist ul li {
    float:left;
    margin:0 0 10px 10px;
}
.inner-showlist ul li img{
    width:340px;
    height:238px;
    border-radius:15px 15px 0 0;
    object-fit:cover;
}
.inner-showlist  ul li .text{
    background:#f8f8f8;
    height:53px;
    border-radius:0 0 15px 15px;
    padding:0 10px;
    width:340px;
    box-sizing:border-box;
}
.inner-showlist  ul li .text h3{
    font-size:14px;
    color:#5a5a5a;
    line-height:26px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.inner-showlist  ul li .text .browse{
    background:url(../images/ico-browse.png) 0 center no-repeat;
    background-size:18px;
    padding-left:23px;
    line-height:20px;
    font-size:12px;
    color:#5a5a5a;
    float:left;
    display:inline-block;
}
.inner-showlist  ul li .text .price{
    font-size:12px;
    line-height:20px;
    color:#ff8415;
    float:right;
   
    display:inline-block;
}
.inner-showlist ul li.NoContent {font-size: 14px;}
.inner-showlist ul li:hover {
	
}
.inner-showlist ul li a {
	display: block; width: 340px;
    height: 238px;overflow: hidden;border-radius: 15px;
}
.inner-showlist ul li a:hover img {
	transform: scale(1.2);
}
.inner-showlist ul li:hover h3 {
	color: #08AE9A;
}

.paging{
    text-align:center;
    margin-top: 5px;
    overflow: hidden;
}
.detail-page{
    background:#fbfbfb;
    padding:30px 0;
    overflow:hidden;
}
.detail-leftside{
    border:#dcdcdc 1px solid;
    border-radius: 20px;
    background:#fff;
    width:1110px;
    height:882px;
    position:relative;
}
.detail-leftside .detwz {
	position: absolute;
	height: 40px;
	background: rgba(0,0,0,0.5);
	left: 50%;
	margin-left: -535px;
	top: 710px;
	width: 1030px;
	z-index: 2;
	padding: 0 20px;
	text-align: right; line-height: 40px;
	color: #aaa;
	font-size: 16px;
}
.detail-leftside .detwz::before {
	content: ""; width: 86px; height: 30px; background: url(../images/det-logo.png) no-repeat; background-size: 86px 30px; position: absolute; left: 20px; top: 5px;
}
.left-gallery .gallery-top {
    background: #f9f9f9;
    width: 1070px;
    margin:20px auto 0 auto;
    position:relative;
}
.left-gallery .gallery-top .swiper-slide,
.left-gallery .gallery-top {
    width: 1070px;
    height: 730px;
    overflow: hidden;
}
.left-gallery .gallery-top img {
    width: 1070px;
    height: 730px;
    object-fit: contain;
}
.left-gallery .gallery-top .swipePrev,
.left-gallery .gallery-top .swipeNext {
    display: block;
    width:52px;
    height:52px;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    cursor: pointer;
    z-index: 9;
    border-radius:100px;
}
.left-gallery .gallery-top .swipePrev.disable,
.left-gallery .gallery-top .swipeNext.disable {
    opacity: 0.5;
    cursor: auto;
}
.left-gallery .gallery-top .swipePrev {
    background: url(../images/swipier-prev.png) center center no-repeat rgba(0,0,0,0.25);
    background-size:36px;
    left: 30px;
}
.left-gallery .gallery-top .swipeNext {
    background: url(../images/swipier-next.png) center center no-repeat rgba(0,0,0,0.25);
    background-size:36px;
    right: 30px;
}
.left-gallery .gallery-thumbs-box{
    width:1110px;
    height:104px
}
.left-gallery .gallery-thumbs {
    margin: 15px 0 0 45px;
    width:1030px;
    height:104px;
    position: relative;
    overflow: hidden;
}
.left-gallery .gallery-thumbs .swiper-slide {
    cursor: pointer;
}
.left-gallery .gallery-thumbs img {
	width: 132px;
	height: 100px;
    object-fit: cover;
    border:#fff 2px solid;
}
.left-gallery .gallery-thumbs .swiper-slide {
    opacity:1;
}
.left-gallery .gallery-thumbs .swiper-slide.active,

.left-gallery .gallery-thumbs .swiper-slide.swiper-slide-active {
    opacity: 1; 
}
.left-gallery .gallery-thumbs-box .swipePrev,
.left-gallery .gallery-thumbs-box .swipeNext {
    display: block;
    width:60px;
    height:60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    z-index: 9;
}
.left-gallery .gallery-thumbs-box .swipePrev.disable,
.left-gallery .gallery-thumbs-box .swipeNext.disable {
    opacity: 0.5;
    cursor: auto;
}
.left-gallery .gallery-thumbs-box .swipePrev {
    background: url(../images/arrow-l-gray.png) 0 0 no-repeat;
    background-size:60px;
    left: 0;
}
.left-gallery .gallery-thumbs-box .swipeNext {
    background: url(../images/arrow-r-gray.png) 0 0 no-repeat;
    background-size:60px;
    right: 0;
}
.left-gallery .gallery-thumbs .active img{
	border: #08AE9A solid 2px;
}
.detail-rightside{
    border:#dcdcdc 1px solid;
    border-radius: 20px;
    background:#fff;
    width:360px;
    height:882px;
    padding:20px 35px;
    box-sizing: border-box;
}
.detail-rightside .info{
    border-bottom:#a1a1a1 1px dashed;
    padding-bottom:10px;
}
.detail-rightside .info h3{
    font-size:22px;
    color:#000000;
    line-height:38px;
}
.detail-rightside .info p{
    font-size:14px;
    color:#656565;
    line-height:28px;
}
.detail-rightside .info .data{
    overflow: hidden;
    margin:5px 0 0 0;
}
.detail-rightside .info .data span{
    float:left;
    font-size:14px;
    color:#5a5a5a;
    line-height:24px;
    box-sizing:border-box;
}
.detail-rightside .info .data span.browse{
    background:url(../images/ico-browse.png) 0 center no-repeat;
    background-size:18px;
    padding-left:23px;
    width:128px;
}
.detail-rightside .info .data span.collect{
    background:url(../images/ico-collect.png) 0 center no-repeat;
    background-size:18px;
    padding-left:23px;
    text-align:center;
}
.detail-rightside .info .data span.upload{
    background:url(../images/ico-upload2.png) 0 center no-repeat;
    background-size:22px;
    padding-left:27px;
    text-align:right;
    float:right;
}
.detail-rightside .text{
    padding:10px 0;
    border-bottom:#a1a1a1 1px dashed;
}
.detail-rightside .text ul li{
    overflow:hidden;
}
.detail-rightside .text ul li,
.detail-rightside .text ul li label{
    font-size:12px;
    color:#7d7d7d;
    line-height:32px;
}
.detail-rightside .text ul li label{
    float:left;
    display:inline-block;
}
.detail-rightside .text ul li span{
    float:right;
    display:inline-block;
}
.detail-rightside .operate{
    text-align:center;
    padding:20px 0 10px 0;
    border-bottom:#a1a1a1 1px dashed;
    overflow:hidden;
}
.detail-rightside .operate .pay{
    display:inline-block;
}
.detail-rightside .operate .pay .cur {
	border: #666 solid 1px; box-sizing: border-box;
}
.detail-rightside .operate .pay .scan{
    width:124px;
    height:81px;
    background:#ffedef;
    border-radius:20px;
    padding:10px 0;
    box-sizing:border-box;
    float:left;
}
.detail-rightside .operate .pay span{
    padding-left:21px;
    font-size:14px;
    color:#ffaa46;
    line-height:24px;
}
.detail-rightside .operate .pay .scan span{
    background:url(../images/ico-money.png) 0 center no-repeat;
    background-size:16px;
}
.detail-rightside .operate .pay .num{
    font-size:24px;
    color:#ff4e00;
    line-height:26px;
}
.detail-rightside .operate .pay .num label{
    color:#ffaa46;
    font-size:10px;
    line-height:16px;
}
.detail-rightside .operate .pay .recharge{
    width:124px;
    height:81px;
    background:#fff4e0;
    border-radius:20px;
    padding:10px 0;
    box-sizing:border-box;
    float:left;
    margin:0 0 0 7px;
}
.detail-rightside .operate .pay .recharge span{
    background:url(../images/ico-pay.png) 0 center no-repeat;
    background-size:16px;
}
.detail-rightside .operate .pay .tips{
    display:block;
    line-height:16px;
    font-size:10px;
    transform: scale(0.8);
    color:#9f9f9f;
}
.detail-rightside .btn a{
    background:#08ae9a;
    width:255px;
    height:50px;
    line-height:50px;
    color:#fff;
    display:block;
    border-radius:15px;
    margin:10px auto;
    padding:4px 0;
    box-sizing:border-box;
}
.detail-rightside .btn a span{
    display:block;
    font-size:22px;
    line-height:24px;
	cursor: pointer;
}
.detail-rightside .btn a label{
    display:block;
    line-height:20px;
    font-size:12px;
    transform:scale(0.8);
    color:#fff;
    opacity:0.74;
	cursor: pointer;
}
.detail-rightside .btn a:hover {
	background:#F59417;
}
.detail-rightside .btn a.grey {
	background: #999;
}
.detail-rightside .btns{
    width:245px;
    margin:15px auto;
}
.detail-rightside .btns a{
    font-size:16px;
    color:#5a5a5a;
}
.detail-rightside .btns .collect{
    background:url(../images/ico-collect.png) 0 center no-repeat;
    background-size:18px;
    padding-left:23px;
    float:left;
}
.detail-rightside .btns .collect.cur{
    background:url(../images/ico-collect-cur.png) 0 center no-repeat;
    background-size:18px;
}
.detail-rightside .btns .correction{
    background:url(../images/ico-correction.png) 0 center no-repeat;
    background-size:18px;
    padding-left:23px;
    float:right;
}
.detail-rightside .keyword{
    padding:20px 0;
}
.detail-rightside .keyword h4{
    font-size:18px;
    color:#000000;
    opacity:0.74;
    line-height:40px;
    font-weight:500;
}
.detail-rightside .keyword .con {font-size: 0}
.detail-rightside .keyword .con a{
    font-size:14px;
    color:#666;
    opacity:0.74;
    line-height:24px;
    margin-right:8px;
	border: #aaa solid 1px;
	border-radius: 24px;
	padding: 0 10px;
	display: inline-block;
	margin-bottom: 10px;
}
.detail-rightside .keyword .con a:hover {
	color:#08AE9A;border: #08AE9A solid 1px;
}
.detail-recommend .hd{
    margin:30px 0;
}
.detail-recommend .hd h3{
    background:url(../images/ico-recommend.png) 0 center no-repeat;
    background-size:32px;
    padding-left:37px;
    font-size:20px;
    color:#000000;
	height: 27px;
	line-height: 27px;
}
.detail-recommend .inner-showlist ul li {width:290px}
.detail-recommend .inner-showlist ul li a {
	width:290px;
	height:203px;
}
.detail-recommend .inner-showlist ul li a img{
    width:290px;
    height:203px;
}
.detail-recommend .inner-showlist ul li .text{
    width:290px;
}
.mask-browse{
    position:absolute;
    top:20px;
    left:20px;
    width:100%;
    height:100%;
    background:url(../images/detail-mask.png) 0 0 no-repeat;
    background-size:1073px;
    z-index:10;
}
.mask-browse ul{
    margin:410px 0 0 68px;
}
.mask-browse ul li{
    background:url(../images/detail-mask-discount.png) 0 0 no-repeat;
    background-size:215px;
    width:215px;
    height:257px;
    float:left;
    margin:0 0 0 18px;
    text-align:center;
}
.mask-browse ul li h3{
    font-size:22px;
    color:#fff;
    line-height:68px;
    font-weight:bold;
}
.mask-browse ul li .price{
    color:#fffb97;
    font-size:38px;
    line-height:42px;
    font-weight:bold;
    margin-bottom:10px;
}
.mask-browse ul li .price span{
    font-size:24px;
}
.mask-browse ul li p{
    font-size:20px;
    color:#047f70;
    text-decoration:line-through;
    line-height:24px;
}
.mask-browse ul li a{
    width:170px;
    height:40px;
    background:#08ae9a;
    border-radius:10px;
    display:block;
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    line-height:40px;
    margin:30px auto 0 auto;
}
.modalbox-pay:after{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    z-index:11;
}
.modalbox-pay .box{
    position:fixed;
    top:50%;
    left:50%;
    background:#fff;
    width:585px;
    height:404px;
    margin-top:-202px;
    margin-left:-292.5px;
    z-index:12;
}
.modalbox-pay .box .hd{
    background:#f8f8f8;
    height:44px;
    line-height:44px;
    text-align:center;
    border-bottom:#d2d2d2 1px solid;
    position:relative;
}
.modalbox-pay .box .hd h3{
    font-size:18px;
    color:#333333;
}
.modalbox-pay .box .hd .close{
    background:url(../images/ico-close.png) center center no-repeat;
    background-size:12px;
    width:26px;
    height:26px;
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-13px;
    cursor:pointer;
}
.modalbox-pay .box .con{
    padding:0 30px;
}
.modalbox-pay .box .con ul li{
    overflow:hidden;
    margin-top:10px;
}
.modalbox-pay .box .con ul li:last-child{
    margin-top:0;
}
.modalbox-pay .box .con ul li label{
    float:left;
    font-size:14px;
    display:block;
    line-height:40px;
    color:#333333;
    width:75px;
}
.modalbox-pay .box .con ul li span{
    float:left;
    font-size:14px;
    display:block;
    line-height:40px;
    color:#333333;
}
.modalbox-pay .box .con ul li .payment{
    float:left;
    width:370px;
}
.modalbox-pay .box .con ul li .item{
    width:153px;
    height:38px;
    line-height:38px;
    border:#d2d2d2 1px solid;
    border-radius:3px;
    float:left;
    margin:0 30px 18px 0;
    text-align:center;
    font-size:14px;
    color:#9b9b9b;
    cursor:pointer;
}
.modalbox-pay .box .con ul li .item i{
    color:#ffa53a;
    font-style:normal;
}
.modalbox-pay .box .con ul li .item .wechat{
    background:url(../images/ico-wechat.png) 32px center no-repeat;
    background-size:26px;
    text-indent:22px;
}
.modalbox-pay .box .con ul li .item .alipay{
    background:url(../images/ico-alipay.png) 25px center no-repeat;
    background-size:26px;
    text-indent:20px;
}
.modalbox-pay .box .con ul li .item.cur{
    border:#08ae9a 1px solid;
    background:url(../images/ico-tick.png) right bottom no-repeat;
    background-size:16px;
}
.modalbox-pay .box .con ul li .c9b{
    color:#9b9b9b;
}
.modalbox-pay .box .con ul li .cff0{
    color:#ff0000;
}
.modalbox-pay .box .btn a{
    background:#08ae9a;
    width:126px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    border-radius:5px;
    font-size:16px;
    display:block;
    margin:15px auto 25px;
}
.modalbox-pay .box .tips{
    border-top:#9b9b9b 1px dashed;
    line-height:60px;
    color:#9b9b9b;
    font-size:14px;
}
.mycenter{
    margin:40px auto;
    overflow: hidden;
}
.mycenter-leftside{
    background:#fff;
    width:320px;
    min-height:810px;
    padding:40px 0 0 90px;
    box-sizing:border-box;
    float:left;
}
.mycenter-leftside ul li{
    padding:21px 0;
    overflow:hidden;
}
.mycenter-leftside ul li a{
    display:block;
    height:38px;
}
.mycenter-leftside ul li.cur span{
    color:#08ae9a;
}
.mycenter-leftside ul li i{
    width:38px;
    height:38px;
    display:block;
    float:left;
    margin-right:20px;
}
.mycenter-leftside ul li i.ico1 {background: url(../images/mycenter-ico-member.png) no-repeat;}
.mycenter-leftside ul li i.ico2 {background: url(../images/mycenter-ico-file.png) no-repeat;}
.mycenter-leftside ul li i.ico3 {background: url(../images/mycenter-ico-collect.png) no-repeat;}
.mycenter-leftside ul li i.ico4 {background: url(../images/mycenter-ico-upload.png) no-repeat;}
.mycenter-leftside ul li i.ico5 {background: url(../images/mycenter-ico-data.png) no-repeat;}
.mycenter-leftside ul li i.ico6 {background: url(../images/mycenter-ico-info.png) no-repeat;}
.mycenter-leftside ul li i.ico7 {background: url(../images/mycenter-ico-message.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico1 {background: url(../images/mycenter-ico-member-cur.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico2 {background: url(../images/mycenter-ico-file-cur.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico3 {background: url(../images/mycenter-ico-collect-cur.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico4 {background: url(../images/mycenter-ico-upload-cur.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico5 {background: url(../images/mycenter-ico-data-cur.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico6 {background: url(../images/mycenter-ico-info-cur.png) no-repeat;}
.mycenter-leftside ul li.cur i.ico7 {background: url(../images/mycenter-ico-message-cur.png) no-repeat;}
.mycenter-leftside ul li span{
    display:block;
    float:left;
    line-height:38px;
    font-size:18px;
    color:#414141;
    pointer-events:none;
}
.mycenter-rightside{
    float:right;
    width:1136px;
}
.bgwhite{
    background:#fff;
    min-height:810px;
}
.mycenter-rightside .member-center .top{
    background:#fff;
    width:1136px;
    height:400px;
    padding:60px 20px 20px 100px;
    box-sizing:border-box;
}
.mycenter-rightside .member-center .top .avatar img{
    width:132px;
    height:132px;
    display:block;
    float:left;
    border-radius:100px;
    border:#08ae9a 2px solid;
    margin-right:60px;
}
.mycenter-rightside .member-center .top .intro{
    float:left;
    width:275px;
}
.mycenter-rightside .member-center .top .intro h3{
    font-size:18px;
    color:#414141;
    line-height:38px;
    margin-bottom:20px;
}
.mycenter-rightside .member-center .top .intro p{
    overflow:hidden;
}
.mycenter-rightside .member-center .top .intro p label{
    display:block;
    float:left;
    font-size:16px;
    width:85px;
    text-align:right;
    line-height:40px;
}
.mycenter-rightside .member-center .top .intro p span{
    display:block;
    float:left;
    font-size:16px;
    /*width:120px;*/
    /* text-align:right; */
    line-height:40px;
}
.mycenter-rightside .member-center .top .intro p span i{
    color:#ff0000;
    font-style:normal;
}
.mycenter-rightside .member-center .top .explain{
    float:left;
    width:540px;
}
.mycenter-rightside .member-center .top .explain h3{
    font-size:18px;
    color:#414141;
    line-height:38px;
    margin-bottom:20px;
}
.mycenter-rightside .member-center .top .explain p{
    font-size:14px;
    color:#7c7c7c;
    line-height:20px;
    margin-bottom:20px;
}
.mycenter-rightside .member-center .top .btns{
    width:248px;
    margin:20px auto;
}
.mycenter-rightside .member-center .top .btns a{
    display:block;
    background:#ffa53a;
    width:100px;
    height:37px;
    line-height:37px;
    text-align:center;
    color:#fff;
    font-size:16px;
    border-radius:5px;
    float:left;
    margin:0 12px;
}
.mycenter-rightside .member-center .top .btns a.btn2{
    background:#0068b7;
}
.mycenter-rightside .member-center .bot{
    background:#fff;
    width:1136px;
    height:375px;
    padding:60px 20px;
    box-sizing:border-box;
    margin:35px 0 0 0;
    text-align:center;
}
.mycenter-rightside .member-center .bot .upload a{
    display:block;
    width:210px;
    height:50px;
    line-height:50px;
    background:#08ae9a;
    border-radius:10px;
    color:#fff;
    text-align:center;
    font-size:16px;
    margin:0 auto;
}
.mycenter-rightside .member-center .bot ul{
    margin:80px auto;
    display:inline-block;
}
.mycenter-rightside .member-center .bot ul li{
    float:left;
    width:170px;
    height:70px;
    background:#f8f8f8;
    border:#dcdcdc 1px solid;
    margin:0 50px;
    padding:15px 0;
    box-sizing:border-box;
}
.mycenter-rightside .member-center .bot ul li label,
.mycenter-rightside .member-center .bot ul li span{
    font-size:14px;
    color:#000000;
    display:block;
    line-height:20px;
    pointer-events:none;
}
.mycenter .mycenter-hd{
    border-bottom:#e5e5e5 1px solid;
    height:52px;
    line-height:52px;
}
.mycenter .mycenter-hd h2{
    font-size:16px;
    color:#414141;
    padding:0 40px;
    border-bottom:#08ae9a 1px solid;
    display:inline-block;
    float:left;
}
.mycenter .mycenter-hd a.sign{
    float:right;
    color:#9b9b9b;
    font-size:14px;
    line-height:52px;
    margin-right:30px;
}
.mycenter .mycenter-hd ul li{
    font-size:16px;
    color:#414141;
    padding:0 40px;
    display:inline-block;
    float:left;
}
.mycenter .mycenter-hd ul li a{
    color:#414141;
}
.mycenter .mycenter-hd ul li.cur{
    border-bottom:#08ae9a 1px solid;
}
.mycenter-rightside .withdraw ul{
    margin:80px 0 0 100px;
}
.mycenter-rightside .withdraw ul li{
    margin-bottom:20px;
    overflow:hidden;
}
.mycenter-rightside .withdraw ul li label{
    float:left;
    display:block;
    font-size:16px;
    color:#7c7c7c;
    width:130px;
    text-align:right;
    line-height:40px;
}
.mycenter-rightside .withdraw ul li .rg{
    float:left;
}
.mycenter-rightside .withdraw ul li input{
    width:190px;
    height:40px;
    line-height:40px;
    border:#e5e5e5 1px solid;
    padding:0 10px;
    box-sizing:border-box;
    color:#9b9b9b;
    float:left;
    margin-right:10px;
}
.mycenter-rightside .withdraw ul li span{
    float:left;
    font-size:16px;
    color:#9b9b9b;
    line-height:40px;
}
.mycenter-rightside .withdraw ul li span.cff0{
    color:#ff0000;
}
.mycenter-rightside .withdraw ul li span.tips{
    color:#ff0000;
    font-size:14px;
}
.mycenter-rightside .withdraw ul li textarea{
    width:478px;
    height:160px;
    border:#e5e5e5 1px solid;
    padding:10px;
    box-sizing:border-box;
}
.mycenter-rightside .withdraw ul li .area{
    line-height:160px;
}
.mycenter-rightside .withdraw .remark{
    border-top:#dcdcdc 1px dashed;
    padding:20px;
    overflow:hidden;
}
.mycenter-rightside .withdraw .btn a{
    background:#08ae9a;
    width:100px;
    height:38px;
    line-height:38px;
    color:#fff;
    display:block;
    border-radius:5px;
    margin:20px 0 50px 230px;
    box-sizing:border-box;
    text-align:center;
    font-size:16px;
}
.mycenter-rightside .withdraw .remark p,
.mycenter-rightside .withdraw .remark label{
    color:#7c7c7c;
    font-size:14px;
    line-height:24px;
}
.mycenter-rightside .mycenter-upload .item{
    display:none;
}
.mycenter-rightside .mycenter-upload ul{
    padding:0 20px 0 35px;
    box-sizing:border-box;
}
.mycenter-rightside .mycenter-upload ul li{
    padding:10px 0;
    border-bottom:#dcdcdc 1px solid;
    overflow:hidden;
}
.mycenter-rightside .mycenter-upload ul li label{
    display:block;
    float:left;
    line-height:40px;
    font-size:16px;
    color:#333333;
    width:90px;
    text-align:right;
    margin-right:15px;
}
.mycenter-rightside .mycenter-upload ul li label i{
    font-style:normal;
    color:#ff0000;
}
.mycenter-rightside .mycenter-upload ul li .rg{
    float:left;
    width:975px;
}
.mycenter-rightside .mycenter-upload ul li .name .select{
    border:#dcdcdc 1px solid;
    width:150px;
    height:40px;
    position:relative;
    float:left;
    box-sizing:border-box;
}
.mycenter-rightside .mycenter-upload ul li .name .select:after{
    content:"";
    position:absolute;
    border-left:transparent 7px solid;
    border-right:transparent 7px solid;
    border-top:#9b9b9b 8px solid;
    right:10px;
    top:50%;
    margin-top:-4px;
}
.mycenter-rightside .mycenter-upload ul li .name .select select{
    width:140px;
    height:40px;
    text-align:center;
    padding:0 10px;
    color:#7c7c7c;
}
.mycenter-rightside .mycenter-upload ul li .name input{
    border:#dcdcdc 1px solid;
    width:470px;
    height:40px;
    float:left;
    margin-left:10px;
    color:#7c7c7c;
    padding:0 10px;
    box-sizing:border-box;
}
.mycenter-rightside .mycenter-upload ul li .text{
    margin:8px 0 0 0;
}
.mycenter-rightside .mycenter-upload ul li .text .all{
    width:90px;
}
.mycenter-rightside .mycenter-upload ul li .text .child{
    width:870px;
}
.mycenter-rightside .mycenter-upload ul li .text span{
    font-size:14px;
    color:#7c7c7c;
    line-height:24px;
    margin-right:15px;
    cursor:pointer;
	display: inline-block;
}
.mycenter-rightside .mycenter-upload ul li .text span:hover{
    color:#08ae9a;
}
    .mycenter-rightside .mycenter-upload ul li .text span.cur {
        color: #08ae9a;
    }
.mycenter-rightside .mycenter-upload ul li .area input{
    width:80px;
    height:40px;
    background:#eeeeee;
    border:#dcdcdc 1px solid;
    float:left;
    text-align:center;
    font-size:14px;
    color:#7c7c7c;
}
.mycenter-rightside .mycenter-upload ul li .area span{
    float:left;
    font-size:24px;
    color:#333333;
    line-height:40px;
    margin:0 5px;
}
.mycenter-rightside .mycenter-upload ul li .area span.unit{
    font-size:14px;
}
.mycenter-rightside .mycenter-upload ul li .inputtext input{
    border:#dcdcdc 1px solid;
    width:800px;
    height:40px;
    float:left;
    color:#7c7c7c;
    padding:0 10px;
    box-sizing:border-box;
}
.mycenter-rightside .mycenter-upload ul li .upload span{
    font-size:14px;
    color:#7c7c7c;
    line-height:40px;
    /*float:left;*/
}
.mycenter-rightside .mycenter-upload ul li .upload span.w360{
    width:360px;
    color:#414141;
    line-height:22px;
    display:block;
}
.mycenter-rightside .mycenter-upload ul li .upload .btn{
    position:relative;
    width:55px;
    height:55px;
    float:left;
    margin-right:10px;
    background:url(../images/ico-upload3.png) center center no-repeat;
    background-size:55px;
}
.mycenter-rightside .mycenter-upload ul li .upload .btn input{
    width:55px;
    height:55px;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
}
.mycenter-rightside .mycenter-upload ul li .upload img{
    width:55px;
    height:55px;
    object-fit:cover;
    float:left;
    margin-right:10px;
}
.mycenter-rightside .mycenter-upload .btn a{
    background:#08ae9a;
    width:100px;
    height:38px;
    line-height:38px;
    color:#fff;
    display:block;
    border-radius:5px;
    margin:25px auto;
    text-align:center;
}
.mycenter-rightside .mycenter-upload ul li.textarea textarea{
    width:620px;
    height:206px;
    border:#e5e5e5 1px solid;
    padding:10px;
    box-sizing:border-box;
}
.mycenter-rightside .mycenter-upload .mycenter-uploadtext {
	padding: 30px 85px;
}
.mycenter-rightside .mycenter-upload .mycenter-uploadtext p {
	font-size: 16px; line-height: 30px;
}
.mycenter-rightside .withdraw ul li.textarea label{
    line-height:206px;
}
.mycenter-rightside .member-center .top .intro .btn{
    font-size:16px;
    color:#fff;
    float:left;
    line-height:30px;
    margin:5px 0 0 20px;
	background: #08AE9A;
	display: inline-block;
	padding: 0 10px;
	border-radius: 5px;
}
.mycenter-file-manage{
    padding:30px 10px;
    box-sizing:border-box;
    overflow:hidden;
}
.mycenter-file-manage ul {
    margin:0 0 0 -12px;
}
.mycenter-file-manage ul li{
    width:175px;
    float:left;
    margin:0 0 12px 12px;
    overflow:hidden;
    position:relative;
    border-radius:15px;
}
.mycenter-file-manage ul li img{
    width:175px;
    height:123px;
    object-fit:cover;
        border-radius: 15px;
    overflow: hidden;
}
.mycenter-file-manage ul li .state{
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    padding:0 10px;
    background:rgba(8,174,154,0.5);
    color:#fff;
    font-size:12px;
    text-align:center;
    line-height: 28px;
}
.mycenter-file-manage ul li:hover  {
	box-shadow: 0 0 5px #aaa;
}
.mycenter-file-manage ul li:hover p {
	background: #08AE9A; color: #fff;
}
.mycenter-file-manage ul li p{
    background:#f8f8f8;
    height:24px;
    line-height:24px;
    color:#5a5a5a;
    font-size:12px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align:center;
}
.mycenter-trading-record {
	padding: 25px 0 0;
}
.mycenter-trading-record .tabel{
    display:table;
    /* margin: 25px 30px 15px 30px; */
    border-collapse:collapse;
    width:1073px;
}
.mycenter-trading-record .tabel .row{
    display:table-row;
}
.mycenter-trading-record .tabel .td{
    display:table-cell;
    border:#dcdcdc 1px solid;
    height:40px;
    line-height:40px;
    text-align:center;
    padding:0 20px;
    box-sizing:border-box;
    font-size:14px;
    color:#7c7c7c;
}
.mycenter-trading-record .tabel .td:last-child{
    width:506px;
}
.mycenter-trading-record .tabel .td:first-child {width: 200px;}
.mycenter-trading-record .tabel .td:nth-child(2) {width: 80px;}
.mycenter-trading-record .tabel .td:nth-child(3) {width: 120px;}
.mycenter-trading-record .tabel .row.th .td{
    background:#f8f8f8;
    color:#414141;
    border-bottom:none;
}
.mycenter-trading-record .tabel .td .c08ae9a{
    color:#08ae9a;
}
.mycenter-baseinfo{
    padding:70px 60px;
    overflow:hidden;
}
.mycenter-baseinfo ul li{
    overflow:hidden;
    margin-bottom:20px;
}
.mycenter-baseinfo label{
    width:50px;
    font-size:16px;
    display:block;
    float:left;
    line-height:30px;
}
.mycenter-baseinfo .input{
    float:left;
    width:250px;
    height:30px;
    line-height:30px;
    border-bottom:#dcdcdc 1px solid;
    position:relative;
    padding:0 10px;
    box-sizing:border-box;
}
.mycenter-baseinfo .input input{
    height:30px;
    line-height:30px;
    color:#7c7c7c;
    font-size:16px;
}
.mycenter-baseinfo .input span{
    position:absolute;
    right:0;
    top:0;
    line-height:30px;
    color:#08ae9a;
    font-size:14px;
}
.mycenter-baseinfo .radio-group{
    float:left;
    margin:0 0 0 10px;
}
.mycenter-baseinfo .radio-group .radio{
    float:left;
    display:-webkit-box;
    font-size:16px;
    line-height:30px;
    color:#5a5a5a;
    margin-right:25px;
}
.mycenter-baseinfo .radio-group .radio input{
    border-radius:100px;
    background:#fff;
    border:#e5e5e5 1px solid;
    width:14px;
    height:14px;
    margin:8px 10px 0 0;
    cursor:pointer;
}
.mycenter-baseinfo .radio-group .radio input:checked{
    background:#08ae9a;
    border:#08ae9a 1px solid;
}
.mycenter-baseinfo .select{
    border-bottom:#dcdcdc 1px solid;
    width:250px;
    height:30px;
    position:relative;
    float:left;
    box-sizing:border-box;
}
.mycenter-baseinfo .select:after{
    content:"";
    position:absolute;
    border-left:transparent 7px solid;
    border-right:transparent 7px solid;
    border-top:#9b9b9b 8px solid;
    right:10px;
    top:50%;
    margin-top:-4px;
}
.mycenter-baseinfo .select select{
    width:240px;
    height:30px;
    color:#7c7c7c;
    padding:0 10px;
}
.mycenter-baseinfo .btn a{
    background:#08ae9a;
    width:100px;
    height:38px;
    line-height:38px;
    color:#fff;
    display:block;
    border-radius:5px;
    margin:35px 0 0 50px;
    box-sizing:border-box;
    text-align:center;
    font-size:16px;
}
.mycenter-message ul{
    margin: 25px 30px 0 30px;
}
.mycenter-message ul li{
    background:#f8f8f8;
    margin-bottom: 15px;
    padding:15px 0;
    overflow:hidden;
}
.mycenter-message ul li .type{
    float:left;
    width:90px;
    padding:0 10px;
    box-sizing:border-box;
    color:#08ae9a;
    font-size:14px;
    line-height:24px;
}
.mycenter-message ul li .con{
    float:left;
    width:770px;
    line-height:24px;
    color:#7c7c7c;
    font-size:14px;
}
.mycenter-message ul li .rg{
    float:right;
    margin-right:15px;
}
.mycenter-message ul li .rg span{
    line-height:24px;
    color:#7c7c7c;
    font-size:14px;
}
.mycenter-message ul li .rg .operate a{
    color:#7c7c7c;
    font-size:14px;
    margin:0 5px;
    line-height:24px;
}
.mycenter-message ul li .rg .operate .unread{
    color:#08ae9a;
}
.article{
    padding:15px 35px;
    overflow:hidden;
}
.article p{
    font-size:16px;
    line-height:30px;
    color:#7c7c7c;
}
.article h3{
    font-size:24px;
}
.recharge-banner{
    height:243px;
    background-size:1920px;
}
.recharge-page .recharge-hd{
    text-align:center;
    position:relative;
    padding-bottom:10px;
}
.recharge-page .recharge-hd h2{
    font-size:36px;
    color:#f59417;
    line-height:50px;
}
.recharge-page .recharge-hd span{
    font-size:18px;
    color:#7c7c7c;
    line-height:24px;
}
.recharge-page .recharge-hd:after{
    content:"";
    height:1px;
    background:#f59417;
    width:200px;
    left:50%;
    margin-left:-100px;
    bottom:0;
    position:absolute;
}
.recharge-page .listbox {
    margin:40px auto;
    overflow:hidden;
}
.recharge-page .listbox ul{
    margin:40px 0 0 0;
}
.recharge-page .listbox ul li{
    width:342px;
    height:335px;
    background:#fff;
    box-shadow: 0 0 7px rgba(57,145,179,0.35);
    float:left;
    margin:0 0 25px 25px;
    padding:30px 35px;
    box-sizing:border-box;
    position:relative;
}
.recharge-page .listbox ul li h3{
    font-size:22px;
    color:#d68e22;
    line-height:30px;
    padding-bottom:10px;
    text-align:center;
    border-bottom:#dedede 1px solid;
    margin-bottom:20px;
}
.recharge-page .listbox ul li p{
    text-align:center;
    font-size:18px;
    color:#5c5c5c;
    line-height:34px;
    font-weight:bold;
}
.recharge-page .listbox ul li .a i{
    font-style:normal;
    font-size:28px;
}
.recharge-page .listbox ul li .b i{
    font-style:normal;
    font-size:28px;
    color:#e1931f;
}
.recharge-page .listbox ul li .d{
    font-size:16px;
    color:#ff7b7b;
}
.recharge-page .listbox ul li a{
    position:absolute;
    bottom:40px;
    left:50%;
    width:186px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:22px;
    border-radius:100px;
    background:#33af95;
    margin-left:-93px;
}
.recharge-page .listbox ul li .through{
    text-decoration: line-through;
    color:#ff7b7b;
    font-size:24px;
}
.laybox {
	position: relative; height: 180px;
}
.laybox p {
	margin-bottom: 10px;
}
.laybox label {
	font-size: 16px; color: #9b9b9b; position: absolute; left: 0px; bottom: -30px;
}
.laybox label input {
	width: 16px; height: 16px; display: inline-block; vertical-align: middle;appearance:auto; margin: -3px 5px 0 0;
}


/*转换弹窗*/
.modalbox-tips{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;
    display:none;
}
.modalbox-tips:after{
    content:"";
    background:rgba(0,0,0,0.6);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
}
.modalbox-tips .box{
    position: fixed;
    top:40%;
    left:50%;
    width:420px;
    margin-left:-210px;
    background:#fff;
    z-index:90;
    border-radius:10px;
    padding:20px 40px;
    box-sizing:border-box;
}
.modalbox-tips .box p{
    font-size:14px;
    line-height:24px;
    margin:20px 0;
}
.modalbox-tips .box .btns{
    text-align:center;
}
.modalbox-tips .box .btns-con{
    display:inline-block;
}
.modalbox-tips .box .btns a{
    background:#08ae9a;
    color:#fff;
    font-size:14px;
    text-align:center;
    width:120px;
    line-height:38px;
    border-radius:5px;
    display:block;
    margin:20px 10px;
    float:left;
}
.modalbox-tips .box .btns .btn1{
    background:none;
    border:#ccc 1px solid;
    color:#999;
}
.modalbox-tips .countbox {
    display: flex;
    display: -webkit-flex;
    border:#ccc 1px solid;
    width:144px;
    margin:20px auto;
}
.modalbox-tips .countbox i{
    display: block;
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
    color:#666;
    font-size:18px;
    font-style: normal;
    cursor:pointer;
}
.modalbox-tips .countbox input{
    width:80px;
    height:32px;
    margin:0;
    font-size:14px;
    color:#333333;
    text-align: center;
    line-height:32px;
    float: left;
}