.dp{
    background: url(/package/img/dp.png);
    width: 100%;
    height: 26px;
    background-position: 13px -3px;
    background-size: 43px 26px;
    background-repeat: no-repeat;
}
.bck4{
    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
body{
    background-image: url('/package/img/bck3.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
}
#cisLoading {
    position:fixed;
    top:0;
    left: 0;
    width: 100%;
    height: calc(100vh);
    display: none;
}
#cisLoading .mask{
    width: 100%;
    height: 100%;
    /*background-color: rgba(255,255,255,1);*/
    background-image: radial-gradient(circle 3200px at center, white,rgba(255,255,255,0.9));

    display: flex;
    justify-content: center; /* 让子元素水平居中 */
    align-items: center; /* 让子元素垂直居中 */
}

.pagination{
    text-align: right;
    margin-top: 20px;
}

.tost{
    position:fixed;
    top:0;
    left: 0;
    width: 100%;
    height: calc(100vh);
    z-index: 99;
}
.tost .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    justify-content: center; /* 让子元素水平居中 */
    align-items: center; /* 让子元素垂直居中 */
}
.tost .content{
    width: 300px;
    height: 200px;
    background-color: white;
    border: none;
    border-radius: 20px;
    box-shadow: 1px 0px 5px #888888;
    margin-bottom: 20vh;
}
.tost .content #t{
    margin-top: 10px;
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    max-height: 100px;
    word-break: break-all;
    box-sizing: border-box
}
.tost .content #c{
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    word-break: break-all;
    max-height: 150px;
    box-sizing: border-box
}
.tost .content #in{
    width: 100%;
    text-align: center;
    padding: 20px;

    max-height: 150px;
    box-sizing: border-box
}
.tost .content #in textarea{
    border-radius: 4px;
    width: 100%;
    max-height: 150px;

}
.tost .content #box{
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box

}
.tost .content button{
    border-radius: 4px;
    cursor: pointer;
    background-color: #bbbbbb;
    box-sizing: border-box;
    padding:5px 10px 5px 10px;
    color: white;
}
.inputTost .mask{

    background-color: rgba(0,0,0,0.5);
}


.tost .content-big{
    width: 30%;
    background-color: white;
    border: none;
    border-radius: 20px;
    box-shadow: 1px 0px 5px #888888;
    margin-bottom: 20vh;
    min-height:200px;
}
.tost .content-big #t-big{
    margin-top: 10px;
    width: 100%;
    padding: 20px 20px 20px 20px;
    word-break: break-all;
    box-sizing: border-box
}
.tost .content-big #c-big{
    width: 100%;
    text-indent: 2em;
    line-height:1.5em;
    padding: 20px 20px 35px 20px;
    word-break: break-all;
    box-sizing: border-box
}



.pdf{
    position:fixed;
    top:0;
    left: 0;
    width: 100%;
    height: calc(100vh);
}

.pdf .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    justify-content: center; /* 让子元素水平居中 */
    align-items: center; /* 让子元素垂直居中 */
}
.pdf .mask iframe{
    width: 794px;
    min-height: 80%;
    background: whitesmoke;
    border-radius: 20px;
    box-shadow: 1px 0px 5px #888888;
    box-sizing: border-box;
    margin-bottom: 0vh;
}

.pdf2 .mask iframe{
    min-height:47%
}

.btn{
    padding:10px 20px 10px 20px ;    
    border:none;
    color:white;
    border:1px white solid;
    /*background-color: #ddc08c;*/
    background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.disvd-body .back{
    position: relative;
    background:white;
    border-radius: 10px;
    padding:100px 150px  150px 100px  ;
    width: 100%;
    min-height: 300px;
    box-sizing: border-box;

}
.disvd-body .back .title{
    width: 100%;
    text-align: center;
    font-size: 24px;
    padding:30px 30px  30px 30px  ;
    box-sizing: border-box;

}

.disvd-body .back .content{
    width: 100%;
    text-align: left;
}

.disvd-body .back .footer{
    text-align: center;
    position: absolute;
    bottom: 50px;
    left:35vh;

}

/* 操作型弹出浮层-默认居中 */
.m-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);}
.m-layer > table{table-layout:fixed;width:100%;height:100%;}
.m-layer > table > tbody > tr > td{vertical-align:middle;}
.m-layer .lywrap{position:relative;width:400px;margin:0 auto;border:5px solid rgba(0,0,0,0.3);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.2);}
.m-layer .lytt{position:relative;padding:10px;height:20px;margin:0 0 -1px;line-height:20px;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0;background:#fafafa;}
.m-layer .lytt h2{float:left;font-size:16px;}
.m-layer .lyclose{float:right;font-weight:bold;font-family:arial;font-size:24px;color:#ccc;text-shadow:0 1px #fff;cursor:pointer;}
.m-layer .lyclose:hover{color:#aaa;}
.m-layer .lyct:last-child,.m-layer .lybt{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.m-layer .lyct:first-child{border-top-left-radius:5px;border-top-right-radius:5px;}
.m-layer .lyct{padding:20px;background:#fff;}
.m-layer .lybt{height:30px;line-height:30px;padding:10px;margin:-1px 0 0;border-top:1px solid #ddd;background:#f7f7f7;}
.m-layer .lyother{float:left;color:#999;}
.m-layer .lybtns{float:right;}
.m-layer .lybtns button{float:left;margin-left:10px;}
/* 显示 */
.m-layer.z-show{display:block;}








.Main-button-h2{
    cursor: pointer;
}


.notice-xx{
    cursor:pointer;
}



a{
    color: black;
}
.step:hover a{
    color:white;
}
.step:hover {
    background-color:#e15c44;
    cursor: pointer;
}
.step a:hover{
    color:black;
}
.banner{
	width: 100%;
	height: auto;
	position: relative;
}
button{
    cursor: pointer;
}
.banner img {
	width: 100%;
	height: auto;
}
.information-a{
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 30px;
}
.information-bar{
	width: 1000px;
	height: 200px;
	background-color:rgba(221,192,140,0.8);
	border:2px solid #FFFFFF;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.information-bar-kuai{
	width: 320px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.information-bar-nr{
	width: 100%;
	height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
/* 公告栏 */
.bulletin-board{
	width: 1400px;
	height: auto;
	background-color:rgba(94,109,109,0.1);
	margin: 20px auto 1px;
	padding: 20px;
}
.bulletin-board2{
	width: 1200px;
	height: auto;
	background-color:rgba(94,109,109,0.1);
	margin: 20px auto 1px;
	padding: 20px;
}
.bulletin-board-screen{
	width: 100%;
	height: 180px;
	background-color: #F4F2F2;
	margin-bottom: 20px;
}
.bulletin-board-xx{
	width: 100%;
	height: 80px;
}
.mybtn:hover{

    background-color: #DAA520;
    opacity: 0.8;
    color: #fff;
}
.bulletin-board-modular{
	width: 30%;
	margin: 0 20px;
}
.modular-text{
	display: inline-block;
	width:70px;
	height: 100%;
}
/* 注册页 */
.registration{
	width: 100%;
	margin-bottom: 20px;
}
.registration-xxnr{
	width: 50%;
	padding: 0 20px;
}
.registration-text{
	display: inline-block;
	width:9rem;
	height: 100%;
}
/* 登录及注册*/
.logon-and-regis{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.logon-notice{
	width: 500px;
	height: 200px;
	border:2px solid #ddc08c;
	border-radius:4px;
	padding: 20px;
}
.notice-xx{
	display: block;
	width: 460px;
}
.logon-explain{
	width: 540px;
	height: 330px;
	border-radius:4px;
	/*background-color: #DDC08C;*/
	 background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	margin-top: 20px;
	padding: 40px 0;
}
.logon-explain-set{
	width: 70%;
	height: 60px;
	margin: 0 auto;
	border:1px solid #FFFFFF;
	border-radius:4px;
}
.logon-on{
	width: 540px;
	height: 670px;
	border:2px solid #ddc08c;
	border-radius:4px;
	position: relative;
}
.logon-on-title{
	position: absolute;
	width: 200px;
	height: 68px;
	line-height: 80px;
	/*background-color: #DDC08C;*/
	 background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
	line-height: 68px;
	right: 170px;
	font-size: 32px;
}
.logon-on-fill{
	width: 84%;
	margin: 0 auto;
}
.logo-button-bo{
	width: 94%;
	height: 100px;
	margin: 80px auto 0;
}
.textfots-i{
	font-size: 28px!important;
}
/* 邮购 */
.banner-img-s{
	width: 100%;
	height: auto;
	position: relative;
}
.banner-img-s img{
	width: 100%;
	height: auto;
	min-height: 300px;
}
.banner-sousuo{
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-40px;/*高度的一半*/
	margin-left:-340px;/*宽度的一半*/
}
.mail-commodity{
	width: 1200px;
	height: auto;
	margin: 30px auto 0;
}
.mail-commodity-sp{
	width: 46%;
	height: 500px;
	margin: 16px;
	border: 1px solid #ddc08c;
	padding: 8px 0;
}
.mail-commodity-sp .pro-img{
    width: 94%;
    height: 430px;
}
.mail-commodity-sp .pro-img img {
	width: 100%;
	height: 100%;
}
.mail-commodity-text{
	width: 94%;
	height: 70px;
}
.mail-commodity-text p{
	width: 100%;
	height: 32px;
	word-break:break-word;
	overflow: hidden;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* 软件顾问 */
.software-notice{
	width: 1200px;
	height: 200px;
	border:2px solid #ddc08c;
	border-radius:4px;
	padding: 20px 0;
	margin: 0 auto;
}
.software-notice-xx{
	display: block;
	width: 1000px;
}
/* 发布工作 */
.release-work{
	width: 1000px;
	height: auto;
	border:2px solid #ddc08c;
	border-radius:4px;
	margin: 0 auto;
	position: relative;
}
.release-work-blok{
	position: absolute;
	left:50%;
	margin-left:-100px;/*宽度的一半*/
	height: 68px;
	line-height: 80px;
	/*background-color: #DDC08C;*/
	 background: url(/package/img/bck4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: center;
	line-height: 68px;
	font-size: 32px;
	padding:0 15px 0 15px;
}
.what-publish{
	margin-top: 100px;
}
.release-butt{
	width: 90%;
	height: 100px;
	margin: 0 auto;
}
/* 查看工作 */
.bulletin-board-modular-b{
	width: 30%;
	margin: 0 20px;
}
/* 线上支付 */
.payment{
	width: 80%;
	height: 960px;
	margin: 0 auto;
	padding-top: 20px;
}
.payment p {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}
/* 产品详情 */
.commodity-details{
	width: 96%;
	height: auto;
	margin: 40px auto 0;
	justify-content: flex-start !important;
}
.commodity-details-img{
	width: 180px;
	height: 180px;
	border:1px solid #999999;
	margin-left: 50px;
}
.commodity-details-img img{
	width: 160px;
	height: 160px;
}
.commodity-details-news{
	width: 920px;
	height: auto;
	margin-left: 80px;
}
.commodity-details-news p {
	width: 100%;
	height: auto;
	min-height: 60px;
	word-break:break-word;
	line-height: 30px;
	}
.sp-price{
	width: 90%;
	height: 50px;
	padding: 10px 0 ;
}
.payment-mail{
	width: 40%;
	height: 50px;
	margin-top: 40px;
}
.personal-lak{
	width: 80%;
	height: 80px;
	margin-top: 40px;
}
/* 订单管理 */
.order-gm{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.order-single{
	display: block;
	width: 100%;
	height: 180px;
	border-bottom:1px solid #999999;
}
.order-single-syt{
	width: 140px;
	height: 140px;
	border:1px solid #c4c4c4;
}
.order-single-syt img{
	width: 130px;
	height: 130px;
}
.order-single-xns{
	width: 1000px;
	height: 140px;
}
.jnsete{
	width: 300px;




	height: 38px;
	line-height: 38px;
}


/*验收详情-联系输入提交*/
.contact-input{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.notice-title{
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}