/*登录页面*/
.containers{
	width: 100%;
}
.bgs{
	position: relative;
	z-index: -1;
}
.logo{
	position: absolute;
	left: 50%;
	top: 0;
	width:200px!important;
	margin-top: 0.5rem;
	margin-left: -1rem;
}
.logo img{
	width: 200px!important;
}
.body-item{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -0.7rem;
	z-index: 999999999999;
}
.body-items{
	padding: 0.45rem 0.25rem;
	width: 3.45rem;
	height: 4.25rem;
	background-color: #ffffff;
	box-shadow: 0px 1px 18px 0px 
		rgba(177, 103, 49, 0.39);
	border-radius: 12px;
}
.body-items>div{
	/* width: 2.95rem; */
}
.body-items i{
	font-size: 14px;
}
.body-items input[type=text],.body-items input[type=password]{
	float: right;
	width:2.65rem;
	height: 0.32rem;
	border: none;
}
.body-items p{
	display: flex;
	align-items: center;
	margin: 0;
}
.userName ,.password,.verification,.confirmPassword{
	padding: 0 0.1rem 0.06rem 0.1rem;
	border-bottom: 0.01rem solid #d2d2d2;
}
.password{
	padding-top: 0.15rem;
}
.userName img{
	width: 0.13rem;
	height: 0.2rem;
	margin-right: 0.12rem;
}
.password img{
	width: 0.14rem;
	height: 0.16rem;
	margin-right: 0.12rem;
}
.pas{
	padding: 0.1rem 0.05rem 0 0.1rem;
	height: 0.23rem;
}
.pas span{
	display: inline-block;
	font-size: 0.13rem;
	height: 0.13rem;
	line-height: 0.13rem;
}
.pas>span>a{
	color: #999;
}
.btns{
	margin-top: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logins,.registers{
	border: none;
	width: 2.73rem;
	height: 0.42rem;
	line-height: 0.42rem;
	background-image: linear-gradient(-90deg, 
		#ff6c00 0%, 
		#fee451 100%), 
	linear-gradient(
		#aaaaaa, 
		#aaaaaa);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0 0.04rem 0.08rem 0.02rem
		rgba(252, 130, 40, 0.3);
	border-radius: 0.21rem;
}
.logins a{
	color: #fff;
	font-size: 0.16rem;
}
.logins a:active{
	color: #fff;
	text-decoration: none;
}
.logins a:link{
	color: #fff;
	text-decoration: none;
}
.registers a:active{
	color: #ff6c00;
	text-decoration: none;
}
.registers a:link{
	color: #ff6c00;
	text-decoration: none;
}
.registers{
	width: 2.73rem;
	height: 0.42rem;
	border-radius: 0.21rem;
	background-color: #fff;
	box-shadow: 0 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.registers a{
	width: 2.71rem;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #ff6c00;
	font-size: 0.16rem;
	background-color: #fff;
	display: block;
	border-radius: 0.21rem;
}

/*注册页面*/
.sends{
	align-self: baseline;
	display: inline-block;
	width: 0.72rem;
	height: 0.28rem;
	margin-left: 0.5rem;
	line-height: 0.28rem;
	text-align: center;
	background-image: linear-gradient(-90deg, 
		#ff6c00 0%, 
		#fee451 100%), 
	linear-gradient(
		#aaaaaa, 
		#aaaaaa);
	background-blend-mode: normal, 
		normal;
	border-radius: 3px;
	background-color: red;
	font-size: 0.1rem;
	color: #fff;
}
.bot{
	padding-bottom: 0.07rem;
}
/*忘记密码页面*/
.com{
	margin-top: 0.42rem;
	padding: 0 0.06rem;
	display: flex;
	justify-content: space-between;
}
.confirms ,.cancel{
	width: 1.37rem;
	height: 0.42rem;
	background-image: linear-gradient(-90deg, 
		#ff6c00 0%, 
		#fee451 100%), 
	linear-gradient(
		#aaaaaa, 
		#aaaaaa);
	background-blend-mode: normal, 
		normal;
	border-radius: 0.05rem;
	border: none;
}
.confirms a{
	font-size: 0.16rem;
	color: #fff;
	line-height: 0.42rem;
	text-align: center;
}
.confirms a:link{
	color: #fff!important;
}
.cancel{
	display: flex;
	justify-content: center;
	align-items: center;
}
.cancel a{
	width: 1.35rem;
	height: 0.4rem;
	line-height: 0.4rem;
	display: block;
	border-radius: 0.05rem;
	background-color: #fff;
	color: #ff6c00;
}
.cancel a:hover{
	color: #ff6c00;
	text-decoration: none;
}
/*选择身份页面*/
.choose{
	padding: 0.43rem 0.15rem;
}
.choose p{
	margin: 0;
	text-align: center;
}
.choose p:first-child{
	font-size: 0.15rem;
	color: #333;
}
.choose p:nth-child(2){
	margin-top: 0.02rem;
	color:#ff6c00;
	font-size: 0.1rem;
}
.choose-item{
	margin: 0.3rem 0 0.42rem 0;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.choose-item>div>span:first-child{
	width: 1.63rem;
	height: 1.42rem;
	background-color: #f0f0f0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px 2px 
		rgba(255, 153, 79, 0.24);
	border-radius: 1px;
}
.choose-item .choo{
	border-radius: 0.01rem;
	margin-top: -0.01rem;
	margin-right: -0.01rem;
	transform: rotate(-1deg);
	display: none;
	width: 0.42rem;
	position: absolute;
	top: 0;
	right: 0;
}
.db{
	display: block;
	font-size: 0.13rem;
	color: #333333;
	margin-top: 0.15rem;
}
.choose-item>div:first-child>span img:first-child{
	width: 1.18rem;
}
.choose-item>div:last-child>span img:first-child{
	width: 1.33rem;
}
#QQ{
	width: 345px;
	height: 41px;
	border: solid 1px #dcdcdc;
	padding: 0.15rem 0.1rem;
	font-size: 0.14rem;
}


/*支付页面*/
.tainer{   
	padding: 0.1rem 0.15rem 0 0.15rem;
}
.payTitle{
	width: 3.45rem;
	height: 0.62rem;
	background-color: #ffffff;
	box-shadow: 0px 0.03rem 0.07rem 0.01rem 
		rgba(0, 0, 0, 0.05);
	border-radius: 0.05rem;
	display: flex;
	align-items: center;
	padding: 0.1rem;
	position: relative;
}
.nums>p,.payType{
	font-size: 0.14rem;
	color: #7f8389;
	margin: 0.12rem 0;
}
.moneys{
	position: absolute;
	right: 0;
	margin-right: 0.12rem;
	font-size: 0.15rem;
	color: #ff6c00;
}
.payTitle img{
	width: 0.43rem;
	margin-right: 0.1rem;
}
.payTitle>div:first-child span{
	vertical-align: middle;
	display: inline-block;
	height: 0.43rem;
	line-height: 0.43rem;
}
.payHeadImg{
	display: inline-block;
	width: 0.43rem;
	height: 0.43rem;
}
.payUserNames{
	font-size: 0.16rem;
}
.sel{
	width: 3.45rem;
	height: 1.05rem;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 1px 
		rgba(0, 0, 0, 0.05);
	border-radius:0.05rem;
}
.sel span input{
	width: 0.5rem;
	height: 0.25rem;
	text-align: center;
	line-height: 0.25rem;
	border-radius: 0.05rem;
	margin-right: 0.1rem;
	border: 0.01rem solid #d0d0d0;
}
.sel input.actives{
	border: 0.01rem solid red!important;
	background: url(../img/pay_style.png) no-repeat bottom right;
    background-size: 42%;
}
.selPrices{
	padding: 0 0.04rem;
	height: 0.6rem;
	border-bottom: 0.01rem solid #e5e5e5;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.selPrices>span{
	height:0.3rem;
	line-height: 0.31rem;
	border: solid 0.01rem #dbdbdb;
	border-radius: 0.03rem;
	display: inline-block;
	padding: 0 0.12rem;
	color: #353535;
	font-size: 0.13rem;
}
.sel>p{
	padding-left: 0.1rem;
	height: 0.44rem;
	line-height: 0.46rem;
	color: #333;
	font-size: 0.17rem;
}

.selPrices .actives{
	background-image: linear-gradient(90deg, 
		#ffae00 0%, 
		#ff6c00 100%);
	color: #fff;
	border: none;	
}
.typ{
	width: 3.45rem;
	height: 0.44rem;
	background-color: #fff;
	box-shadow: 0 0.03rem 0.07rem 0.01rem 
		rgba(0, 0, 0, 0.05);
	border-radius:0.05rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.17rem;
	color: #333;
	padding: 0 0.1rem;
}
.typ span:first-child img{
	width: 0.23rem;
	margin-right: 0.03rem;
}
.typ span:last-child img{
	width: 0.2rem;
}
.payment{
	width: 3.35rem;
	height: 0.46rem;
	background-image: linear-gradient(-90deg, 
		#ff6c00 0%, 
		#fee451 100%), 
	linear-gradient(
		#aaaaaa, 
		#aaaaaa);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0 0.04rem 0.08rem 0.02rem 
		rgba(252, 130, 40, 0.3);
	border-radius: 0.23rem;
	border: none;
	margin-top: 0.25rem;
	color: #fff;
	font-size: 0.18rem;
}
/*资源主个人信息页面*/
.res_infoItem{
	position: relative;
}
.res_infoItem>div>span{
	display: block;
}
.balance{
	position: absolute;
	top: 0.2rem;
	left: 0.15rem;
	text-align: left;
}
.balance>span:first-child{
	font-size: 0.18rem;
	color: #000;
}
.balance>span:last-child{
	font-size: 0.11rem;
	color: #999;
}
.Withdrawable{
	position: absolute;
	top: 0.2rem;
	right: 0.15rem;
	text-align: right;
}
.Withdrawable>span:first-child{
	font-size: 0.18rem;
	color: #000;
}
.Withdrawable>span:last-child{
	font-size: 0.11rem;
	color: #999;
}




/*资源主订单列表页面*/
.wat1,.wat2{
	width: 0.5rem;
	height: 0.24rem;
	background-image: linear-gradient(90deg, 
		#fec53d 0%, 
		#ff6e01 100%);
	border-radius: 0.02rem;
	border: none;
}
.res_watchReturn a{
	font-size: 0.12rem;
	color: #fff;
	border-radius: 0.02rem;
}
.wat2{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.1rem;
}
.wat2 a{
	color: #ff6c00;
	width: 0.48rem;
	height: 0.22rem;
	line-height: 0.22rem;
	background-color: #fff;
	
}

/*广告主个人信息页面*/
.bgss{
	/*min-height: 6.03rem;*/
	background-color: #ececec;
}
.bgColor{
	width:100%;
	height: 1.68rem;
	background-image: linear-gradient(90deg, 
		#fec039 0%, 
		#ff7506 100%);
}
.infoItem{
	width: 3.45rem;
	height: 1.46rem;
	margin: 0 auto;
	background-color: #ffffff;
	box-shadow: 0 0.03rem 0.07rem 0.01rem 
		rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	text-align: center;
	margin-top: -0.7rem;
}
.headInfo img{
	width: 0.76rem;
	margin-top: -0.38rem;
	margin-bottom: 0.06rem;
}

.orders{
	padding: 0.2rem 0.15rem 0 0.1rem;
}
.orders>p{
	margin-bottom: 0.14rem;
}
.quickPay{
	width: 2.2rem;
	height: 0.38rem;
	background-image: linear-gradient(-90deg, 
		#ff6c00 0%, 
		#fee451 100%), 
	linear-gradient(
		#aaaaaa, 
		#aaaaaa);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0 0.04rem 0.08rem 0.02rem 
		rgba(252, 130, 40, 0.3);
	border-radius: 0.19rem;
	border: none;
	font-size: 0.18rem;
	color: #fff;
}
.ordersList{
	width: 3.45rem;
	height: 0.9rem;
	background-color: #fff;
	box-shadow: 0 0.03rem 0.07rem 0.01rem 
		rgba(0, 0, 0, 0.05);
	border-radius: 0.05rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.ordersList>div{
	text-align: center;
	display: inline-block;
}
.ordersList img{
	width: 0.26rem;
	margin-bottom: 0.08rem;
}
.ordersList>div>a>span:nth-child(2){
	font-size: 0.1rem;
	margin-bottom: 0.02rem;
}
.ordersList>div>a>span:nth-child(3){
	font-size: 0.11rem;
}
.ordersList>div>a>span{
	display: block;
}
.watchOrder{
	text-align: center;
}
.watchOrder a{
	width: 2.7rem;
	height: 0.5rem;
	font-size: 0.2rem;
	line-height: 0.5rem;
	margin-top: 0.2rem;
	border-radius: 4px;
	color: rgba(16, 16, 16, 1);
	border: 1px solid rgba(187, 187, 187, 1);
	display: inline-block;
}
/*广告主订单列表页面*/
.orderDetail,.haveReturns{
	margin: 0 auto;
	margin-bottom: 0.1rem;
	width: 3.45rem;
	height: 1.08rem;
	background-color: #fff;
	box-shadow: 0 0.03rem 0.07rem 0.01rem 
		rgba(0, 0, 0, 0.05);
	border-radius: 0.05rem;
}
.tou{
	font-size: 0.12rem;
	margin-bottom: 0.16rem;
}
.tou>div{
	display: inline-block;
}
.textAreas>p:first-child{
	font-size: 0.14rem;
	
	width:2.85rem;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
	color: #171717;
	margin-bottom: 0.02rem;
}
.textAreas>p:nth-child(2){
	font-size: 0.12rem;
	width:2.6rem;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
   color: #737373;
   margin-bottom: 0.04rem;
}
.textAreas>p:last-child{
	text-align: right;
}
.itemss{
	width: 3.45rem;
	height: 1.08rem;
	padding: 0.1rem 0.13rem;
	display: block;
}
.orderDetail:first-child,.haveReturns:first-child{
	margin-top: 0.1rem;
}
.haveReturns{
	height: 1.52rem!important;
}
.haveReturn>a{
	padding-bottom: 0.12rem;
	border-bottom: 0.01rem solid #ebebeb;
}
.watchReturn{
	height: .45rem;
	justify-content: flex-end;
	display: flex;
	align-items: center;
	padding-right: 0.13rem;
	border-top: 0.01rem solid #ececec;
}
.wat{
	background-image: linear-gradient(90deg, 
		#fec53d 0%, 
		#ff6e01 100%);
	border-radius: 0.02rem;
	border: none;
	text-align: center;
	width: 0.68rem;
	height: 0.24rem;
	line-height: 0.24rem;
	color: #ff6c00;
	display: flex;
	justify-content: center;
	align-items: center;
}
.wat>a{
	width: 0.66rem;
	height: 0.22rem;
	line-height: 0.22rem;
	background-color: #fff;
	border-radius: 0.02rem;
	display: block;
	color: #ff6c00;
}
.quexing{
	text-align: center;
}
.quexing img{
	width: 2.44rem;
	margin-top: 1.1rem;
}
.quexing p{
	font-size: 0.15rem;
	color: #666;
}
.typess{
	padding: 0.1rem 0.26rem 0 0.26rem;
}
.typess>a{
	color: #666;
	font-size: 0.14rem;
	margin-right: 0.08rem;
}
.typess .active{
	color: #fff;
	text-align: center;
	line-height: 0.29rem;
	width: 0.71rem;
	height: 0.29rem;
	background-image: linear-gradient(90deg, 
		#ffc748 0%, 
		#ff6f02 100%);
	border-radius: 0.02rem;
	display: inline-block;
}

.tabClick .actives{
	color: #ff6c00;
	border-bottom: 0.02rem solid #ff6c00;
}

/*弹窗部分*/
.dia,.dia1,.dia2{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.5;
	z-index: 99999;
}
.log,.log1,.log2{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -1.47rem;
	margin-left: -1.5rem;
	width: 3rem;
	height: auto;
	background-color: #fff;
	border-radius: 0.05rem;
	z-index: 999999;
}
.log2{
	top: 40%;
	margin-top: -1.47rem;
}
.dia,.log,.dia1,.log1,.dia2,.log2{
	display: none;
}
.textareas,.textareas1{
	display: none;
}
.chec{
	margin-top: 0.25rem;
	padding-left: 0.28rem;
}
.chec>div{
	margin-bottom: 0.16rem;
}
.chec>div>span>img{
	width:0.23rem;
	vertical-align: top;
}
.chec>div>span{
	width: 1.3rem;
	display: inline-block;
	height: 0.22rem;
	line-height: 0.22rem;
	font-size: 0.14rem;
	color: #666;
}
.otherReason,.otherReason1{
	width: 1.5rem;
	height: 0.3rem;
	border: 0.01rem solid #dcdcdc;
	margin-left: 0.1rem;
	padding-left: 0.03rem;
}
.caozuo{
	padding: 0.18rem 0.28rem;
	display: flex;
	justify-content: space-between;
}
.caozuo>button{
	width: 1.16rem;
	height: 0.42rem;
	background-image: linear-gradient(-90deg, 
		#ff6c00 0%, 
		#fee451 100%), 
	linear-gradient(
		#aaaaaa, 
		#aaaaaa);
	background-blend-mode: normal, 
		normal;
	border-radius:0.05rem;
	border: none;
}
.dia_confirm>a{
	color: #fff;
	font-size: 0.16rem;
}
.dia_cancel{
	display: flex;
	justify-content: center;
	align-items: center;
}
.dia_cancel>a{
	width: 1.14rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border-radius:0.05rem;
	background-color: #fff;
	color: #ff6c00;
	font-size: 0.16rem;
}
.returnLinkes>div{
	margin-bottom: 0.06rem;
}
.returnLinkes>div:first-child{
	margin-bottom: 0.16rem;
}
.returnLinkes>div>p:first-child{
	font-size: 0.14rem;
	margin-bottom: 0.04rem;
}
.returnHuiLian{
	padding: 0.18rem 0.16rem;
	display: flex;
	justify-content: space-between;
}
.returnHuiLian>div{
	display: inline-block;
}
.returnHuiLian button,.returnHuiLian a{
	display: inline-block;
	width: auto;
	padding: 0 0.04rem;
	height: 0.24rem;
	line-height: 0.24rem;
	border-radius:0.03rem;
	background-color: #ff0f20;
		font-size: 0.14rem!important;
	border: none;
}
.dia_cancel2 ,.dia_cancel2 a{
	padding: 0!important;
	background-color: #fff;
	color: #ff6c00!important;
	font-size: 0.14rem;
	border-radius: 0;
}
.dia_cancel2 a{
	padding:0 0.04rem !important;
}
.delTD{
	text-align: right;
	margin-top: 0.02rem;
}
/*订单详情预览部分*/
.diaWatch{
	padding: 0.2rem;
	overflow-x: hidden;
}
.dialogWatch{
	height: auto;
	box-shadow: 1px 1px 10px 5px #aaa;
	border: 1px solid #aaa;
	margin: 0 auto;
	position: relative;
}
.dialogWatch .title{
	padding: 0.2rem;
	height: auto;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	border-bottom: 2px solid #ff6c00;
}
.contents{
	padding:0.2rem;
}
.posi{
	position: absolute;
	top: 0.25rem;
	right:0.2rem;
}
.inpusVal{
	padding: 0.25rem 0.15rem;
}