body, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, i,u,p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
	font-family: "微软雅黑", sans-serif;
	font-size: 62.5%;
	font-style:normal;
	text-decoration:none;
}
*{
	box-sizing:border-box;
}

::-webkit-input-placeholder {
	color: #ccc;
	line-height: 1.5em;
}

input[type="text"] {
	-webkit-appearance: none;
	outline:none;
	border:1px solid #e2e2e2;
	font-family:"微软雅黑", sans-serif;
	padding:0 10px;
}

textarea{
	-webkit-appearance: none;
}

body {
	margin: auto;
	background-size: cover;
	min-width:1366px;
	max-width:1920px;
	overflow:auto;
	background:#f8f8f8;
	/* position:relative; */
}
.order-sale_top,.order_sale_section,.order_pay,.authorization,.orderSucc{
	min-width:850px;
	/* overflow:auto; */
}
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background:#3b82ed;
	color:#fff;
	z-index:999;
}
header .serviceOrder_logo{
	position:absolute;
	left:16%;
	top:0;
	width:20%;
	height:60px;
	line-height:60px;
	font-size:15px;
	font-weight:bold;
}
.serviceOrder_logo span{
	float:left;
	height:60px;
	line-height:60px;
}
.serviceOrder_logo img{
	height:100%;
	float:left;
}
header .serviceOrder_QQ{
	position:absolute;
	top:0;
	left:70%;
	display:inline-block;
	height:60px;
	line-height:60px;
	font-size:15px;
	font-weight:bold;
}

.order_sale_top{
	position:relative;
	width:66%;
	/* margin-left:19%;
	margin-top:75px;
	margin-bottom:15px; */
	margin:75px auto 15px;
	padding:10px;
	min-width:850px;
	border:1px solid #e2e2e2;
	background:#fff;
}
.order_sale_top::after{
    clear:both;
    content:"";
    display:block;
    height:0;
    visibility:hidden;
}
.pdd_logo{
	width:33%;
}
.pdd_logo img{
	width:100%;
}
ul.order_sale_top>li{
	float:left;
}
.pdd_introduce{
	margin-left:1%;
	width:66%;
}
.pdd_introduce ul li:nth-child(1){
	font-weight:700;
	font-size:18px;
	line-height:18px;
	margin-bottom: 10px;
}
.pdd_introduce ul li:nth-child(2){
	font-size:15px;
	margin-bottom: 25px;
	height: 50px;
    line-height: 20px
}
.pdd_introduce ul li:nth-child(3){
	font-size:16px;
	line-height:16px;
	margin-bottom: 16px;
}
.pdd_introduce ul li:nth-child(4){
	font-size:16px;
	line-height:16px;
	margin-bottom: 16px;
}
.pdd_introduce ul li:nth-child(5){
	font-size:16px;
	line-height:16px;
	margin-bottom: 16px;
}
.pdd_introduce ul li:nth-child(6){
	font-size:16px;
	line-height:16px;
	margin-bottom: 16px;
}
.pdd_introduce ul li:nth-child(3) b{
	padding:0 5px;
}
.pdd_introduce ul li:nth-child(4) b{
	padding:0 5px;
}
.pdd_introduce ul li:nth-child(5) i{
	height:22px;
	line-height:22px;
	display:inline-block;
	width:75px;
	text-align:center;
	border:1px solid #3b82ed;
	position:relative;
}
.pdd_introduce ul li:nth-child(6) i{
	height:22px;
	line-height:22px;
	display:inline-block;
	width:75px;
	text-align:center;
	border:1px solid #3b82ed;
	position:relative;
}
.chooseMe img{
	/* display:none; */
	position:absolute;
	width: 19px;
    height: 17px;
	bottom:0px;
	right:0px;
	/* #background:red; */
}
.buy_now{
	padding-left:48px;
	/* position:absolute;
	right:20px;
	bottom:10px; */
	width:20%;
	height:40px;
	text-align:center;
	/* background:#3b82ed; */
	color:#fff;
	font-size:16px;
	border-radius:5px;
}
	
.order_sale_section{
	position:relative;
	width:66%;
	/* margin:auto 19%; */
	margin:auto;
	border:1px solid #e2e2e2;
	padding:10px;
	/* height:7000px; */
	margin-bottom:15px;
	background:#fff;
}
.order_sale_detail{
	font-weight:500;
	font-size:18px;
	border-bottom:1px solid #e2e2e2;
	padding-bottom:5px;
}
.order_sale_img{
	position:absolute;
	display:inline-block;
	width:760px;
	left:50%;
	margin-left:-380px;
}
.order_sale_img img{
	width:100%;
}
	
	
	
	
	
	
	
/* 	-------------------------------------- */

.order_pay{
	margin: 110px auto 0;
	width:72%;
	height:67%;
	/* margin-left:14%;
	margin-top:110px; */
	border:1px solid #e2e2e2;
	box-sizing:border-box;
	background:#fff;
}
.order_pay_title{
	border-bottom:1px solid #e2e2e2;
	height:30px;
	background:#edf6fd;
}
.order_pay_detail{
	border-bottom:1px solid #e2e2e2;
	height:68px;
}
.order_pay_title li{
	display:inline-block;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	font-size:15px;
}
.order_pay_detail li{
	display:inline-block;
	line-height:68px;
	box-sizing:border-box;
	font-size:15px;
}	
.order_pay_title li:nth-child(1),.order_pay_detail li:nth-child(1){
	width:24%;
	padding-left:15px;
}	
.order_pay_title li:nth-child(2),.order_pay_detail li:nth-child(2){
	width:18%;
}
.order_pay_title li:nth-child(3),.order_pay_detail li:nth-child(3){
	width:14%;
}
.order_pay_title li:nth-child(4),.order_pay_detail li:nth-child(4){
	width:21%;
}	
.order_pay_title li:nth-child(5),.order_pay_detail li:nth-child(5){
	width:20%;
	text-align:right;
	padding-right:20px;
}	
.order_pay_title li:nth-child(6),.order_pay_detail li:nth-child(6){
	width:20%;
	text-align:right;
	padding-right:20px;
}
.order_pay_discount{
	border-bottom:1px solid #e2e2e2;
	font-size: 15px;
	/* height:82px; */
}
.order_pay_discount .discount_button{
	display:inline-block;
	width:26%;
	margin-left:56%;
	height:82px;
	line-height:82px;
	float:left;
	font-size: 15px;
    color: #3CAADA;
    margin-right:-5px;
}
#discountCodeInfo{
	width:26%;
	margin-left:56%;
	height:82px;
	line-height:82px;
	float:left;
	font-size: 15px;
    margin-right:-5px;
}
#discountCodeInfo a{
	text-decoration: none;
}
.order_pay_discount ul{
	display:inline-block;
	width:15%;
}
.discount_pay,.should_pay,.discount_pay_prize,.should_pay_prize{
	display:inline-block;
	width:50%;
	height:41px;
	line-height:41px;
	font-size:15px;
}
.discount_button{
	position:relative;
}
.discount_button img{
	position:absolute;
	/* width:32px; */
	height:32px;
	top:50%;
	right:100%;
	margin-left:-40px;
	margin-top:-16px;
}
.discount_pay_prize,.should_pay_prize{
	text-align:right;
}
.should_pay_prize{
	font-size:20px;
	color:#3b82ed;
}
.order_pay_now{
	height:300px;
	position:relative;
}
.order_pay_now img{
	height:30px;
	margin:20px 0 10px 20px;
}
.order_pay_now button{
	display: inline-block;
    color: #fff;
    background: #3b82ed;
    height: 40px;
    margin-top:10px;
    border-radius: 5px;
    width: 16%;
    text-align: center;
    font-size: 15px;
    float:right;
    margin-right:25px;
}
.order_pay_now i{
	display:inline-block;
	position:absolute;
	top: 50%;
    left: 50%;
    font-size: 20px;
    color: #FF0308;
    font-weight: 700;
	opacity:0;
}
.outer_model,.outer_model_delete,.outer_model_pay{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	display:none;
	z-index:1000;
}
.model_discount{
	position:absolute;
	width:400px;
	height:230px;
	left:50%;
	top:50%;
	margin-top:-125px;
	margin-left:-250px;
	/* margin-left:-175px; */
	border:1px solid #797979;
	background:#fff;
}
.model_discount_input{
	width:70%;
	height:80px;
	margin:0 15%;
	padding-top:55px;
	font-size:15px;
}
.model_discount_input i{
	display:inline-block;
	width:19%;
	height:40px;
	line-height:40px;
	font-size:15px;
	float:left;
}
.model_discount_input input{
	width:81%;
	height:40px;
	float:right;
}
.model_errmsg{
	width:70%;
	padding-left:13%;
	height:40px;
	/*line-height:40px;*/
	margin:0 15%;
	color:red;
	font-size:13px;
}
.model_discount_buttton{
	position:absolute;
	left:15%;
	bottom:50px;
	width:70%;
	height:40px;
}
.model_discount_buttton div{
	display:inline-block;
	width:40%;
	height:40px;
	line-height:40px;
	font-size:15px;
	border-radius:5px;	
	text-align:center;
}
.model_discount_sure{
	background:#3b82ed;
	color:#fff;
	float：left;
}
.model_discount_cancel{
	background:#999;
	color:#ECECEC;
	float:right;
}
.model_discount>.model_discount_cancel{
	background:#fff;
}
.outer_model i{
	/*text-align:center;*/
	width:19%;
}
.outer_model .model_discount_input input{
	width:81%;
	outline:none;
	border:1px solid #E2E2E2;
}	

.delete_discount,.pay_or_not{
	position: absolute;
    display: inline-block;
    font-size: 25px;
    width: 50%;
    left: 25%;
    margin-top:50px;
    height:40px;
    line-height:40px;
	text-align: center;
}
.delete_discount img,.pay_or_not img{
	height:40px;
	vertical-align: middle;
}
.model_discount>img{
	position:absolute;
	width:14px;
	height:14px;
	top:7px;
	right:7px;
}
.pay_or_not i{
	padding-left:15px;
} 
	
	
	
	
/* ---------------<!-- 店铺授权页面 -->-----------------	 */
.authorization{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding-top:60px;
	background:#fff;
}
.authorization_logo,.authorization_input{
	position:relative;
	float:left;
	display:inline-block;
	
	height:100%;
}
.authorization_logo{
	position:relative;
	width:40%;
	margin-left:10%;
}
.authorization_logo img{
	/* margin-top:30%;
	height:40%;
	width:50%;
	margin-left:30%; */
	position:absolute;
	/* width:50%; */
	height:40%;
	right:10%;
	top:25%;
}
.authorization_input b{
	position: absolute;
    left: 0;
    top:5px;
    height:40px;
    line-height:40px;
    font-size:18px;
    margin-left:15%;
}
.authorization_input{
	width:50%;
}
.authorization_input>div{
	position:absolute;
	width:40%;
	height:50%;
	min-height:300px;
	left:0;
	top:20%;
	border:1px solid #e2e2e2;
	/* padding:5% 0; */
	padding-top:8%;
	min-width:366px;
	min-height:400px;
	margin-left:5%;
	box-shadow:3px 3px 3px #e2e2e2;
}
.authorization_input>div input{
	font-size:15px;
}
.authorization_shop_name,.authorization_access_code,.authorization_access_password,.authorization_identifying_code,.authorization_confirm{
	display:block;
	height:12%;
	width:70%;
	margin:0 15% 5%;
}
.authorization_identifying_code_errmsg{
	display:block;
	height:12%;
	width:70%;
	margin:-4% 15% 0 15%;
}
.authorization_access_code{
	position:relative;
}
.authorization_access_code input{
	width:100%;
	height:100%;
}
.authorization_access_code img{
	position:absolute;
	width:26px;
	height:26px;
	right:-27px;
	bottom:5px;
}
.authorization_identifying_code::after{
	clear:both;
    content:"";
    display:block;
    height:0;
    visibility:hidden;
}
.authorization_identifying_code input{
	width:70%;
	height:100%;
	float:left;
}
.authorization_identifying_code img{
	width:30%;
	height:100%;
	float:left;
}
.authorization_identifying_code_errmsg{
	color:red;
}
.authorization_confirm{
	position:relative;
	background:#3b82ed;
	text-align:center;
	font-size:15px;
	border-radius:5px;
	color:#fff;
	/* height:27px;
	line-height:27px; */
}
.authorization_confirm div{
	position:absolute;
	height:18px;
	width:50px;
	line-height:18px;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-9px;
}
	
.get_access_code{
	position:fixed;
	width:100%;
	height:100%;
	min-height:700px;
	overflow-y:auto;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	padding:5% 15% 5%;
	z-index:1000;
}
.get_access_code div{
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
}
.get_access_code img{
	display:block;
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.get_access_code span{
	display:block;
	width:100%;
	text-align:right;
	color:#fff;
}
.close_access{
	position: absolute;
    display: block;
    width: 18%;
    height: 50px;
    right: 0;
}

	
	
	

/* ******************交易成功***************** */
.orderSucc{
	position:absolute;
	width:100%;
	max-width: 1920px;
	min-width: 1366px;
	height:100%;
	top:0;
	left:0;
}
.order_pay_succ{
	margin: 110px auto 0;
	width:72%;
	height:67%;
	/* margin-left:14%; */
	border:1px solid #e2e2e2;
	/* margin-top: 110px; */
	box-sizing:border-box;
	height:400px;
	background:#fff;
}
.order_pay_succ_title{
	border-bottom:1px solid #e2e2e2;
	background:#edf6fd;
}
.order_pay_succ_title li:nth-child(1),.order_pay_succ_detail li:nth-child(1){
	width:20%;
	padding-left:15px;
}
.order_pay_succ_title li:nth-child(2),.order_pay_succ_detail li:nth-child(2){
	width:14%;
}
.order_pay_succ_title li:nth-child(3),.order_pay_succ_detail li:nth-child(3){
	width:8%;
}
.order_pay_succ_title li:nth-child(4),.order_pay_succ_detail li:nth-child(4){
	width:22%;
}
.order_pay_succ_title li:nth-child(5),.order_pay_succ_detail li:nth-child(5){
	width:8%;
}
.order_pay_succ_title li:nth-child(6),.order_pay_succ_detail li:nth-child(6){
	width:8%;
}
.order_pay_succ_title li:nth-child(7),.order_pay_succ_detail li:nth-child(7){
	width:8%;
}
.order_pay_succ_title li:nth-child(8),.order_pay_succ_detail li:nth-child(8){
	width:8%;
}
.order_pay_succ_detail{
	border-bottom:1px solid #ccc;
}
.order_pay_succ_title li{
	display:inline-block;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	font-size:15px;
}
.order_pay_succ_detail li{
	display:inline-block;
	height:68px;
	line-height:68px;
	box-sizing:border-box;
	font-size:15px;
}
.order_pay_discount_succ{
	position:relative;
	height:300px;
	/* width:20%; */
	/*height:100px;*/
	/*left:35%;*/
	/*top:50%;*/
	/*margin-top:-50px;*/
	/*font-size:16px;*/
}
.order_pay_discount_succ i{
	font-size:16px;
}
/* .go_to_shop{
	width:20%;
	color:#fff;
	background:#3b82ed;
	text-align:center;
	height:30px;
	line-height:30px;
	border-radius:5px;
	margin-top:30px;
} */

.order_pay_discount_pation{
	position:absolute;
	height:5%;
	margin-top:-2.5%;
	display: inline-block;
	font-size: 25px;
	width: 50%;
	left: 25%;
	margin-top:50px;
	height:200px;
	text-align: center;
}

	height:40px;
	line-height:40px;
	text-align: center;

}
.order_pay_discount_pation img{
	vertical-align: middle;
}
.order_pay_discount_pation i{
	d
}
.go_to_shop{
	position:absolute;
	height:40px;
	width:20%;
	margin-left:-10%;
	color:#fff;
	background:#3b82ed;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	font-size:15px
}
.hidden{
	display:none;
}
.confirmBtn{
	cursor:pointer;
}


.delete_discount img,.pay_or_not img{
	height:40px;
	vertical-align: middle;
}

.contact_box{
	padding-top:30px;
	position:relative;
}
.contact_box img{
	display:block;
}
.contact_box a{
	position:absolute;
	top:30px;
	right:0;
	width:190px;
	height:83px;
}
.contact_box .one_a{
	right:200px;
}
/* 立即订购小红书和头条抖音弹出模态框开始 */
.xiaoHongShuToutiao_Modal,.xiaoHongShuToutiao_Modal *{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.xiaoHongShuToutiao_Modal{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	display: none;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-338px;
	width:677px;
	height:303px;
	background: #ffffff;
	padding:20px 25px 0 38px;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .close{
	position: absolute;
	right:10px;
	top:12px;
	cursor: pointer;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .top-box{
	margin-bottom:40px;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .item{
	margin-bottom: 30px;
	display: inline-block;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .right-item{
	margin-left:56px;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .code-item img{
	margin-left:4px;
	display: inline-block;
	vertical-align: middle;
	width:83px;
	height:31px;
	cursor: pointer;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .xiaohongshu-form .name{
	margin-right:14px;
	display: inline-block;
	vertical-align: middle;
	width:42px;
	color:#313534;
	font-size: 14px;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont .toutiao-form .name{
	margin-right:14px;
	display: inline-block;
	vertical-align: middle;
	width:65px;
	color:#313534;
	font-size: 14px;
}
.xiaoHongShuToutiao_Modal .xiaoHongShuToutiaoCont  input{
	vertical-align: middle;
	width:189px;
	height:31px;
	border:1px solid #DDDDDD;
}


.xiaoHongShuToutiao_Modal .modal-footer{	
    position: absolute;
    right: 43px;
    bottom: 20px;
	width: 614px;
	text-align: right;
}
.xiaoHongShuToutiao_Modal .modal-footer span{
	display: inline-block;
	width:94px;
	height:31px;
	text-align: center;
	line-height: 31px;
	border-radius: 2px;
	font-size: 14px;
	color:#fff;
	background:#3286FF;
	cursor: pointer;
}
.xiaoHongShuToutiao_Modal .modal-footer span.cancle{
	margin-right:10px;
	color:#3286FF;
	background-color: rgba(50,134,255,.2);
}
/* 立即订购小红书和头条抖音弹出模态框结束 */