body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:14px;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',5FAE8F6F96C59ED1,5B8B4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto9;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#fff;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@font-face{
 	font-family:pangmen;
	src:url('/fonts/pangmen.TTF');
}
@font-face {
	font-family: OPPOSANS-H;
	src: url(/fonts/OPPOSANS-H.woff);
	src: local('☺'), url(/fonts/OPPOSANS-H.woff) format('woff'), url(/fonts/OPPOSANS-H.ttf) format('truetype'), url(/fonts/OPPOSANS-H.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
.clear:after{clear: both;display: block;content: '';}
.f-left{float: left;}
.f-right{float: right;}
.font-size-12{font-size: .12rem;}
.font-size-14{font-size: .14rem;}
.font-size-16{font-size: .16rem;}
.font-size-18{font-size: .18rem;}
.font-size-20{font-size: .20rem;}
.font-size-22{font-size: .22rem;}
.font-size-24{font-size: .24rem;}
.font-size-26{font-size: .26rem;}
.font-size-42{font-size: .42rem;}
.font-size-44{font-size: .44rem;}
.font-color-white{color: #ffffff;}
.font-color-orange{color: #edae5d;}
.font-color-blue{color: #58dbff;}
.font-color-gray{color: #bebebe;}
.ele-bg{background-color:rgba(10,63,133,.4);}
.ele-red{background: rgba(80,73,74,.8);}
.ele-yellow{background: rgba(13,56,107,.8);}
.ele-green{background: rgba(78,104,68,.8);}
.font-bold{font-weight: bold;}
.container{width: 19.20rem;height: 10.80rem;background-image: url('/image/beejiabg.png');background-size: cover;position: relative;overflow-y: hidden;}
.header{width: 100%;height: 1.05rem;background-image:url('/image/title.png');background-size: cover;position: absolute;top: 0;left: 0;}
.header-back{display: flex;justify-content: flex-start;align-items: center;position: absolute;top: .1rem;left: .2rem;cursor: pointer;}
.header-back-icon{width: .18rem;height: .18rem;}
.header-back-icon img{width: 100%;display: block;}
.header-back-txt{font-size: .15rem;color: #fff;height: .2rem;line-height: .2rem;margin-left: .1rem;}
.header-title{width:5.1rem;height: 100%;position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.header-title h2{color: #fff;text-align: center;height: .65rem;}
.header-title p{color: #fff;text-align: center;height: .24rem;}
.leftbox{width: 5.28rem;height: 9.84rem;position: absolute;left: 0.19rem;bottom: 0.2rem;background: rgba(12,30,68,.6);padding: .22rem .29rem .26rem .28rem;box-sizing: border-box;}
.box-title{width: 3.84rem;height: 0.6rem;box-sizing: border-box;position: relative;margin-bottom: .42rem;}
.box-title:after{background: linear-gradient(to right, #1cc9d7,transparent);position: absolute;top: -0.02rem;left: -0.03rem;right: 0.03rem;bottom: -0.02rem;content: '';z-index: 1;border-radius:0.64rem 0 0 0.64rem;}
.tbg{width: 3.8rem;height: 0.59rem;position: relative;z-index: 2;border-radius:.4rem 0 0 .4rem;background:linear-gradient(to right,rgba(12,30,68,.6),#0c152c);overflow: hidden;}
.box-title-bg{background:rgba(12,30,68,.6);width: 3.8rem;height: 0.59rem;}
.box-title-icon{width: .34rem;height: .34rem;float: left;margin: .13rem .16rem .13rem .23rem;}
.box-title-icon img{display: block;}
.box-title-txt{float: left;font-size:.37rem;color: #fff;height: .37rem;line-height: 0.6rem;font-family: pangmen;}
.box-title-mintxt{font-family: initial;margin-left: .05rem;vertical-align: 0.02rem;}
.mall-all,.tg-all{height: 1.7rem;margin-bottom: 0.54rem;}
.mall-all-item{width: 2.3rem;position: relative;}
.mall-all-item:after{border-right: 0.02rem dashed #fff;position: absolute;top: 0;right: 0;bottom: 0.02rem;margin: auto;display: block;content: '';}
.mall-all-item:last-child:after{border: 0;}
.mall-all-order{padding-right: .28rem;box-sizing: border-box;}
.mall-all-sale{padding-left: .28rem;box-sizing: border-box;}
.mall-all-total{margin-bottom: .29rem;}
.num-label{height: .32rem;font-family: OPPOSANS-H;}
.num-data{height: .38rem;font-family: OPPOSANS-H;}
.mall-all-detailed-item{margin-right: .20rem;}
.mall-all-detailed-item:last-child{margin-right: 0;}
.mode-title{height: .23rem;margin-bottom: 0.28rem;}
.mode-title-txt{line-height: .23rem;}
.mode-title-icon{width: 2.65rem;height: 0.11rem;margin: 0.06rem 0;}
.mode-title-icon.tg-icon{width: 3.53rem;}
.mode-title-icon img{width: 100%;height: 100%;display: block;}
.mode-content{margin-bottom: .4rem;}
.mode-content-item{height: .28rem;line-height: .28rem;padding:0 .09rem;box-sizing: border-box;color: #fff;}
.name{margin-right: .22rem;width: 20%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 100%;}
.trade-item{width: 50%;}
.trade-title{width:2rem;height: .28rem;background: #19cdf1;padding: 0 .12rem;box-sizing: border-box;line-height: .28rem;border-radius:.04rem ;margin-bottom: .2rem;}
.trade-data-num{height: .31rem;}
.trade-num{font-family: OPPOSANS-H;margin-left: .05rem;}
.trade-btn{width: 50%;height: 0.27rem;display: block;}
.right-icon img{width: .13rem;margin-left: .03rem;vertical-align: -0.01rem;}
.rightbox{width: 5.28rem;height: 9.84rem;position: absolute;right: 0.19rem;bottom: 0.2rem;background: rgba(12,30,68,.6);padding: .22rem .29rem .26rem .28rem;box-sizing: border-box;}
.tg-all-item{width: 50%;margin-top: .29rem;}
.tg-all-item:nth-of-type(1),.tg-all-item:nth-of-type(2){margin-top: 0;}
.mode-content-title{height: .4rem;padding:0 .09rem;line-height: .4rem;box-sizing: border-box;}
.tg-date{width: 1.18rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: .1rem;box-sizing: border-box;}
.tg-name{width: 3.33rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;box-sizing: border-box;}
/*.tg-person{width: .6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
.ordmain,.tgmain{height: 1.68rem;overflow: hidden;}
.goods-info{width: calc(80% - .22rem);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.topbox{width: 7.63rem;height: 1.41rem;position: absolute;top: 1.43rem;left: 0;right: 0;margin: auto;}
.topbox-item{width: 2.41rem;height: 1.41rem;background-image: url('/image/boxitem.png');background-size: cover;float: left;margin-right: 0.2rem;}
.topbox-item:last-child{margin-right: 0;}
.topbox-item-total{text-align: center;height: 0.78rem;line-height:0.78rem;margin-top: 0.12rem;font-family: OPPOSANS-H;}
.topbox-item-total span{margin-right: 0.05rem;}
.topbox-item-label{text-align: center;}
.centerbox{width: 8rem;height: 5.6rem;left: 0;right: 0;top: 3rem;margin: auto;}
.bottombox{width: 7.84rem;height:auto;position: absolute;bottom: 0.2rem;left: 0;right: 0;margin: auto;background: rgba(12,30,68,.6);padding: .22rem .29rem .26rem .28rem;box-sizing: border-box;}
.platform-title{background: rgba(18,129,229,.4);}
.platform-title,.platform-main-item{padding: 0 .13rem;box-sizing: border-box;height: .36rem;line-height: .36rem;}
.platform-icon{width: .26rem;height: .36rem;}
.icon-box{position: relative;width: 0.16rem;height: .2rem;margin: .1rem 0;}
.icon-txt{position: absolute;top: 0.04rem;left: 0;width: 0.16rem;height: .16rem;text-align: center;line-height: .16rem;}
.platform-name{width: 1.08rem;text-align: center;margin-right: .1rem;}
.platform-user{width: 1.38rem;}
.platform-fans{width: 2.06rem;}
.platform-fans p{display: inline-block;/*animation:roundRule 2s infinite;-webkit-animation:roundRule 2s infinite;*/}
/*.platform-fans p.active{animation:roundRule 2s infinite;-webkit-animation:roundRule 2s infinite;}*/
@-webkit-keyframes roundRule{
  0%,100%{
  	transform: scale(1);
  }
  20%{
  	transform: scale(2);
  }
  40%,60%{
  	transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
  }
  50%{
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
  }
}
.platform-emerge{width: 2.06rem;}
/*.platform-read{width: .86rem;}*/
.cooperate{width: 100%;height: 2.4rem;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.2rem;}
.css3{
	position: absolute;
	width: 8rem;
	height: 8rem;
	top: 2.7rem;
	left: 0;
	right: 0;
	margin: auto;
}
.box {
	width: 6rem;
	height: 6rem;
	border-top: 0.06rem solid #f7f7f7;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: rotateX(98deg) rotateY(20deg);
	transform-style: preserve-3d;
}

.box:nth-of-type(2) {
	transform: rotateX(72deg) rotateY(60deg);
}

.box:nth-of-type(3) {
	transform: rotateX(136deg) rotateY(120deg);
}

.box:nth-of-type(4) {
	transform: rotateX(110deg) rotateY(160deg);
}
.minbox {
	width: 6rem;
	height: 6rem;
	position: relative;
	transform-style: preserve-3d;
	animation: trail 5s infinite linear;
	/*自定义动画  动画名称 时间 播放次数 速度*/
}

.minbox:after {
	content: "";
	width: 0.12rem;
	height: 0.12rem;
	background: #fff;
	position: absolute;
	top: -0.05rem;
	left: 50%;
	margin-left: -0.05rem;
	border-radius: 50%;
}
/*自定义动画执行*/

@keyframes trail {
	0% {
		transform: rotateZ(0deg);
		opacity: 1;
	}
	25%{
		opacity: 0;
	}
	75%{
		opacity: 0;
	}
	100% {
		transform: rotateZ(360deg);
		opacity: 1;
	}
}
.box:nth-of-type(2)>.minbox,
.box:nth-of-type(2)>.minbox:after {
	animation-delay: -0.5s;
}
.box:nth-of-type(3)>div,
.box:nth-of-type(3)>div:after {
	animation-delay: -1s;
}
.box:nth-of-type(4)>.minbox,
.box:nth-of-type(4)>.minbox:after {
	animation-delay: -1.5s;
}
.centeruser{width: 2.8rem;position: absolute;top: 3.2rem;left: 0;right: 0;margin: auto;}
.user-box{width: 100%;height: .3rem;overflow: hidden;}
.user-item{display: flex;justify-content: flex-start;align-items: flex-start;background: rgba(255,255,255,.2);border-radius:.3rem;}
.user-img{width: .2rem;height: .2rem;border-radius:50%;overflow: hidden;margin: .05rem;}
.user-img img{width: 100%;height: 100%;}
.user-name{color: #fff;line-height: .3rem;margin-right: .1rem;max-width: .8rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.user-tip{color: #fff;line-height: .3rem;width: 1.6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cooperate-box{width: 80%;height: 100%;position: relative;}
.cooperate-box-item{display: flex;justify-content: center;align-items: center;}
.cooperate-minbox{width: 0.81rem;height: 0.83rem;background: url(/image/tghd_min_bg.png);background-size:100% ;position: absolute;}
.cooperate-minbox-other{top: 0;left: 20%;}
.cooperate-minbox-xj{top: 0;right: 20%;}
.cooperate-minbox-jr{left: 10%;top: 0;bottom: 0;margin: auto;}
.cooperate-minbox-bh{right: 10%;top: 0;bottom: 0;margin: auto;}
.cooperate-minbox-gh{bottom: 0;left: 20%;}
.cooperate-minbox-jhm{bottom: 0;right: 20%;}
.cooperate-maxbox{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 1.09rem;height: 1.13rem;background: url(/image/tghd_max_bg.png);background-size:100% ;}
.cooperate-box-item-num{text-align: center;}
.cooperate-box-item-txt{color: #fff;text-align: center;}
.cooperate-maxbox .cooperate-box-item-num{font-size: .26rem;height: .26rem;line-height: .26rem;margin-bottom: .12rem;}
.cooperate-maxbox .cooperate-box-item-txt{font-size: .16rem;height: .16rem;line-height: .16rem;}
.cooperate-minbox .cooperate-box-item-num{font-size: .18rem;height: .18rem;line-height: .18rem;margin-bottom: .08rem;}
.cooperate-minbox .cooperate-box-item-txt{font-size: .12rem;height: .12rem;line-height: .12rem;}
.cooperate-label{padding-right: .2rem;}
.cooperate-label-item{display: flex;justify-content:flex-start;align-items: center;height: .2rem;}
.cooperate-label-iconbox{width: .12rem;height: .12rem;border-radius:50%;}
.cooperate-label-txt{color: #fff;font-size: .12rem;height: .12rem;line-height: .12rem;margin-left: .05rem;}