.button {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    padding: 16px 32px;
    text-align: center;
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
    border-radius: 5px;
}

.button:hover {
        background-color: #4CAF50;
        color: white;
    }

.loading{
	width: 180px;
	height: 15px;
	margin: 0 auto;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-7.5px;
	margin-left:-90px;
	z-index:9999;
	display:none;
}
.loading span{
	display: inline-block;
	width: 15px;
	height: 100%;
	margin-right: 5px;
	border-radius: 50%;
	background: lightgreen;
	-webkit-animation: load 1.04s ease infinite;
}
.loading span:last-child{
	margin-right: 0px; 
}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.loading span:nth-child(1){
	-webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
	-webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
	-webkit-animation-delay:0.39s;
}
.loading span:nth-child(4){
	-webkit-animation-delay:0.52s;
}
.loading span:nth-child(5){
	-webkit-animation-delay:0.65s;
}
.breadcrumbs{
	width:960px;
	margin:0 auto;
	padding:8px 0;
	overflow:auto;
	font-size:14px;
	line-height:20px;
	padding:20px 0;
}
.breadcrumbs>a{
	display:block;
	font-size:14px;
	border:1px solid #ccc;
	padding:8px 20px;
	display:inline-block;
	border-radius:3px;
	margin-left:40px;
}
.order_box{
	width:100%;
	margin-top:65px;
}
.order{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	overflow:auto;
}
.mengban{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	top:0;
	left:0;
	z-index:999;
	position:fixed;
	display:none;
}
.order_left{
	width:595px;
	margin-left:10px;
}
.order_left>li{
	overflow:auto;
}
.order_left>li>span{
	display:block;
	color:#FFF;
	width:40px;
	height:40px;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	border-radius:20px;
	background:#5b5b5b;
	position:absolute;
	margin-left:-10px;
	margin-top:-1px;
}
.order_1,.order_2,.order_3{
	/*width:525px;*/
	border-radius:5px;
	border:1px solid #e2e2e2;
	margin-bottom:30px;
	padding:15px 30px;
	background:#fff;
}
.order_1>span,.order_3>span{
	display:block;
	font-size:16px;
	margin-bottom:15px;
}
.order_1>hr,.order_3>hr{
	margin-bottom:20px;
	background:#e2e2e2;
	height:1px;
	border:0px solid #e2e2e2;
}
.order_1>div{
	overflow:auto;
	padding:15px 30px;
}
.order_1>div>span{
	display:block;
	float:left;
	width:56px;
	line-height:48px;
	font-size:13px;
}
.order_1>div>a{
	display:block;
	width:360px;
	height:48px;
	line-height:48px;
	text-align:left;
	padding:0 10px;
	font-size:14px;
	float:left;
	margin-left:25px;
	background:#FFFFFF;
	border:1px solid #1cad7e;
	border-radius:5px;
}
.order_1>div>a>img{
	width:15px;
	margin-top:22px;
}
.order_yuan{
	z-index:99999;
	position:fixed;
	width:700px;
	height:360px;
	top:16%;
	left:50%;
	margin-left:-350px;
	background:#FFF;
	border-radius:5px;
	display:none;
}
.order_yuan_top{
	height:40px;
	background:#1cad7e;
	color:#FFF;
	line-height:40px;
	padding:0 15px;
	border-radius:5px 5px 0 0;
}
.guan{
	cursor:pointer;
}
.order_yuan_di{
	height:170px;
	padding:20px 30px;
	overflow-y:scroll;
}
.order_yuan_di>a,.order_yuan_di>span{
	font-size:14px;
	color:#7c7c7c;
	display:block;
	float:left;
	width:100px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin-right:22px;
	margin-top:20px;
	background:#f2f2f2;
	cursor:pointer;
	border:1px solid #f2f2f2;
}
.order_yuan_di>a:hover,.order_yuan_di>span:hover{
	color:#1cad7e;
	border:1px solid #1cad7e;
	background:#FFF;
}
#yc{
	display:none;
}
.order_qdqx{
	height:40px;
	width:700px;
	margin:0 auto;
}
.order_qdqx>div{
	width:300px;
	margin:0 auto;
}
.order_qdqx>div>a{
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	border-radius:5px;
	text-align:center;
	margin-top:30px;
	font-size:14px;
	color:#1cad7e;
	border:1px solid #1cad7e;
	cursor: pointer;
}
.order_qdqx>div>a:nth-child(1){
	background:#1cad7e;
	color:#fff;
}
/*目标语言*/
.order_mubiao{
	z-index:99999;
	position:fixed;
	width:800px;
	height:460px;
	top:15%;
	left:50%;
	margin-left:-400px;
	background:#FFF;
	border-radius:5px;
	display:none;
}
.order_mubiao_top{
	height:40px;
	background:#1cad7e;
	color:#FFF;
	line-height:40px;
	padding:0 15px;
	border-radius:5px 5px 0 0;
}
.order_mubiao_di_left{
	width:480px;
	height:300px;
	padding:10px 0 10px 20px;
	overflow-y:scroll;
}
.order_mubiao_di_left>a,.order_mubiao_di_left>span{
	font-size:14px;
	color:#7c7c7c;
	display:block;
	float:left;
	width:100px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin-right:15px;
	margin-top:20px;
	background:#f2f2f2;
	cursor:pointer;
	border:1px solid #f2f2f2;
}
.order_mubiao_di_left>a:hover,.order_mubiao_di_left>span:hover{
	color:#1cad7e;
	border:1px solid #1cad7e;
	background:#FFF;
}
/*目标语言右边*/
.order_mubiao_di_right{
	width:300px;
	height:300px;
	padding:10px 0;
	text-align:center;
	background:#f2f2f2;
}
.order_mubiao_di_right a,.order_mubiao_di_right span{
	text-align:center;
	font-size:13px;
	color:#7c7c7c;
}
.order_mubiao_di_right>div{
	width:300px;
	height:285px;
	overflow-y:scroll;
}
.order_mubiao_di_right>div>div{
	width:260px;
	margin:0 auto;
	height:50px;
	color:#7c7c7c;
	font-size:14px;
	line-height:50px;
	background:#FFF;
	border-radius:5px;
	margin-top:10px;
	padding:0 10px;
}
.order_mubiao_shanchu{
	cursor:pointer;
}
.order_chosen{
	margin-left:110px;
}
.order_chosen>li{
	float:left;
	padding:5px 15px;
	font-size:13px;
	color:#7c7c7c;
	margin:3px 15px 10px 0px;
	border-radius:5px;
	border:1px solid #ddd;
}
.order_chosen>li>b{
	cursor:pointer;
}
/*上传稿件*/
.order_2>span{
	display:block;
	font-size:16px;
	margin-bottom:15px;
}
.order_2>.right{
	color:#ff6700;
	font-size:14px;
	margin-top:3px;
	cursor:pointer;
}
/*支持那些格式样式*/
.order_2_tan_box{
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	background:rgba(0,0,0,0.8)
}
.order_2_tan{
	height:430px;
	width:400px;
	top:50%;
	left:50%;
	position:absolute;
	margin-top:-215px;
	margin-left:-225px;
	background:#FFF;
	border-radius:10px;
}
.order_2_tan>h4{
	/*font-weight:500;*/
	font-size:17px;
	width:350px;
	height:40px;
	line-height:40px;
	text-align:center;
}
.order_2_tan>span{
	height:40px;
	line-height:40px;
	text-align:center;
	width:50px;
	cursor:pointer;
}
.order_2_tan>ul{
	clear:both;
	padding:0 25px;
	margin-top:50px;
}
.order_2_tan>p{
	padding:10px 25px;
}
.order_2_tan>ul>li{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;
}
.order_2_tan>ul>li:last-child{
	border-bottom:0px solid #ccc;
}
.order_2_tan>ul>li>span{
	width:175px;
	display:block;
	float:left;
}
.order_2_tan i{
	width: 17px;
	height: 19px;
	overflow: hidden;
	display: inline-block;
}
.order_ico_pdf{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -579px;
}
.order_ico_xls{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -666px;
}
.order_ico_odt{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -608px;
}
.order_ico_ppt{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -754px;
}
.order_ico_txt{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -637px;
}
.order_ico_doc{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -550px;
}
.order_ico_rtf{
	background: url(../img/order_ico.png) no-repeat;
	background-position: 0 -695px;
}

.order_2_file{
	clear:both;
	width:525px;
	height:200px;
	/*display:none;*/
	text-align:center;
	border:1px solid #CCC;
}
.order_2_file>div{
	width:250px;
	height:40px;
	margin:0 auto;
	margin-top:70px;
}
.order_2_file>div>div{
	color:#fff;
	width:120px;
	height:40px;
	float:left;
	line-height:40px;
	border-radius:5px;
	background:#1cad7e;
	cursor:pointer;
}
.order_2_file>div>div>label{
	display:block;
	width:120px;
	height:40px;
}
#upload1>input,#upload2>input{
	position:absolute;
	margin-left:-60px;
	margin-top:-40px;
	width:120px;
	height:40px;
	opacity:0;
	cursor:pointer;
}
.order_2_file>div>a{
	color:#1cad7e;
	display:block;
	width:120px;
	height:40px;
	float:right;
	border-radius:5px;
	line-height:40px;
	border:1px solid #1cad7e;
}
/*输入框*/
.order_2_text{
	display:none;
}
.order_2_text>textarea{
	width:505px;
	height:180px;
	resize:none;
	outline:none;
	padding:10px;
	overflow:hidden;
	border:1px solid #ccc;
}
.order_2_text>div{
	float:right;
	cursor:pointer;
}
.order_2_text>div>a{
	display:block;
	float:left;
	width:100px;
	height:40px;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	margin-top:10px;
}
.order_2_text>div>a:nth-child(1){
	background:#1aba79;
	color:#fff;
	border:1px solid #1aba79;
}
.order_2_text>div>a:nth-child(2){
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	margin-left:15px;
}
/*上传文件列表*/
.order_file_list{
	width:525px;
	height:200px;
	clear:both;
	display:none;
	border-top:1px solid #ccc;
}
.order_file_list_top>li{
	height:50px;
	width:525px;
	line-height:50px;
	border-bottom:1px solid #ccc;
}
.order_file_left{
	width:150px;
}
.order_file_left>i{
	width:30px;
	height:40px;
	display:block;
	float:left;
	background:url(../img/orderList.png)no-repeat -218px -1px;
}
.order_file_left>span{
	color:#5d5d5d;
	float:left;
	width:100px;
	display:block;
	height:50px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.order_file_center{
	height:50px;
	line-height:50px;
	margin-left:;
	width:170px;
}
.order_file_center>i{
	display:block;
	width:125px;
	height:10px;
	float:left;
	margin:20px 0;
	border-radius:5px;
	line-height:50px;
	background:#1cad7e;
}
.order_file_center>span{
	line-height:50px;
	display:block;
	float:left;
	font-size:14px;
	margin-left:5px;
}
.order_file_right{
	font-size:14px;
	float:right;
	width:170px;
}
.order_file_right>span{
	font-size:14px;
	color:#5d5d5d;
	font-size:14px;
	padding-left:50px;
}
.order_file_right>b{
	color:#1cad7e;
	float:right;
	cursor:pointer;
}
.order_file_list_bottom{
	height:50px;
	line-height:50px;
	font-size:14px;
}
/*.order_file_list_bottom>div{
	float:left;
	color:#1cad7e;
	width:175px;
	opacity:0;
}*/
.order_file_list_bottom>span{
	color:#000000;
	width:175px;
	display:block;
	float:left;
	text-align:left;
}
.order_file_list_bottom>a{
	color:#1cad7e;
	width:175px;
	display:block;
	cursor:pointer;
	float:right;
	text-align:right;
}
.order_file_list_bottom>a>input{
	position:absolute;
	height:50px;
	width:70px;
	opacity:0;
	margin-left:-70px;
}
.order_jibie{
	width:525px;
	overflow:auto;
	margin-top:-15px;
}
.order_jibie>li{
	width:250px;
	text-align:center;
	border:1px solid #e0e0e0;
	border-radius:5px;
	padding:10px 0;
	margin-top:20px;
	cursor:pointer;
	position: relative;
}
.order_jibie>li>i{
	width:35px;
	height:35px;
	display:block;
	background: url(../img/duihao.png) no-repeat top right;
	position:absolute;
	background-size:cover;
	/*margin-top:-10px;
	margin-left:200px;*/
	right:0;
	top:0;
	display:none;
}
.order_img{
	width:90px;
	height:100px;
	overflow:hidden;
	margin:0 auto;
}
.order_jibie>li:hover{
	border:1px solid #1cad7e;
}
.order_jibie>li:nth-child(1){
	float:left;
}
.order_jibie>li:nth-child(1)>div>img{
	margin:-373px 0px 0px -5px;
}
.order_jibie>li:nth-child(2){
	float:right;
}
.order_jibie>li:nth-child(2)>div>img{
	margin:-373px 0px 0px -115px;
}
.order_jibie>li:nth-child(3){
	float:left;
	display:none;
}
.order_jibie>li:nth-child(3)>div>img{
	margin:-373px 0px 0px -230px;
}
.order_jibie>li>h4{
	font-weight:500;
	width:130px;
	height:40px;
	line-height:40px;
	display:block;
	margin:0 auto;
	border-bottom:1px solid #e0e0e0;
}
.order_info{
	width:110px;
	float:left;
	text-align:left;
	padding-left:15px;
	margin-top:15px;
}
.order_info>h4{
	font-weight:500;
	color:#1cad7e;
	font-size:14px;
}
.order_info>span{
	font-size:12px;
	display:block;
	line-height:23px;
}
.order_jibie_gengduo{
	display:block;
	border:1px solid #e0e0e0;
	text-align:center;
	height:40px;
	line-height:40px;
	color:#1cad7e;
	margin-top:15px;
	border-radius:5px;
	cursor:pointer;
}
.order_keywords{
	overflow:auto;
}
.order_keywords>span{
	display:block;
	padding:0 10px;
	height:30px;
	line-height:30px;
	float:left;
	font-size:13px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	cursor:pointer;
}
.order_textarea>textarea{
	width:505px;
	height:180px;
	resize:none;
	outline:none;
	padding:10px;
	border:1px solid #e0e0e0;
}
.order_gaizhang{
	margin-top:20px;
}
.order_gaizhang>b{
	color:#fff;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	cursor:pointer;
	float:left;
	text-align:center;
}
.order_gaizhang>span{
	/*float:left;*/
	font-size:15px;
	margin-left:10px;
}
.order_shouhuo {
	/*overflow:auto;*/
	margin-top: 10px;
	font-size: 13px
}
.order_shouhuo>input{
	height:35px;
	border:1px solid #e0e0e0;
	padding-left:10px;
}
.order_right{
	width:320px;
	margin-left:23px;
	border-radius:5px;
	background:#ffffff;
	position:relative;
	border:1px solid #e0e0e0;
}
.order_right_1{
	color:#333;
	height:40px;
	line-height:40px;
	font-size:16px;
	padding:0 20px;
	background:#f4f6f8;
	border-radius:5px 5px 0 0;
	border-bottom:1px dashed #e0e0e0;
}
.order_right_1>.right{
	font-size:12px;
	color:#ff6700;
	margin:0 auto;
}
.order_right_kongbai>i{
	background:url(../img/noOrder.png)no-repeat;
	display:block;
	width:88px;
	height:88px;
	margin:0 auto;
	margin-top:60px;
}
.order_right_kongbai>span{
	padding:0 20px;
	display:block;
	text-align:center;
	margin:20px 0 40px 0;
	color:#777;
}
.order_right_2{
	height:70px;
	display:none;
	line-height:70px;
	padding:0 20px;
}
.order_right_2>.left{
	font-size:15px;
}
.order_right_2>.right{
	color:#7c7c7c;
	font-size:12px;
}
.order_right_3{
	display:none;
	padding:0 20px;
}
.order_right_3>span{
	font-size:15px;
}
.order_right_3>li{
	height:26px;
	line-height:26px;
	font-size:12px;
	color:#777;
}
.order_right_4{
	display:none;
	padding:10px 20px 0px 20px;
}
.order_right_4_top{
	overflow:auto;
	line-height:50px;
}
.order_right_4_top img{
	height:25px;margin-bottom:-5px;padding-right:5px;
}
.order_right_4_top>.left{
	font-size:15px;
}
.order_right_4_top>.right{
	color:#ff6700;
	font-size:24px;
}
.order_right_4_bottom{
	clear:both;
	overflow:auto;
	padding-bottom:15px;
}
.order_right_4_bottom>span{
	display:block;
	font-size:14px;
	margin-top:5px;
	line-height:22px;
	color:#666;
	height:30px;
}
.order_right_4_bottom>span>b{
	color:#fff;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	cursor:pointer;
	float:left;
	text-align:center;
}
.dropdowncss{border:1px solid #ccc;border-radius:5px;height:35px;line-height:35px;color:#666;padding-left:10px;}
.order_right_queding {
    display: none;
    padding: 0px 20px 20px 20px;
}
.order_right_queding>a{
	display:block;
	height:48px;
	background:#ff6700;
	padding:0 20px;
	line-height:48px;
	color:#fff;
	text-align:center;
	border-radius:5px;
}
.order_right_queding>a:hover{
	color:#fff;
}
.is_price{
	width:500px;
	height:300px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-250px;
	background:#FFF;
	border-radius:5px;
	z-index:88888;
	display:none;
}
.is_price_top{
	text-align:center;
	/*line-height:240px;*/
	padding:100px 20px;
	height:40px;
}
.is_price_top>p{
	font-size:20px;
}
.is_price_qrqx{
	height:40px;
	position:relative;
	width:460px;
	padding:0 20px;
	/*margin-top:200px;*/
}
.is_price_qrqx>a{
	display:block;
	height:40px;
	width:80px;
	/*float:left;*/
	border:1px solid #1cad7e;
	border-radius:5px;
	line-height:40px;
	text-align:center;
	color:#1cad7e;
}
.is_price_qrqx>a:nth-child(2){
	background:#1cad7e;
	color:#FFF;
}

@media (max-width: 768px)
{
.breadcrumbs{ width:100%; padding:0 15px; box-sizing:border-box; margin-bottom:20px;}
.breadcrumbs>a{ padding:8px 10px; margin-left:0; margin-right:20px;}

.order{ width:100%; padding:0 15px; box-sizing:border-box;}
.order_box{ margin-top:20px;}

.order_left{ width:100%; box-sizing:border-box; margin-left:0;}
.order_right{ width:100%; position: inherit; margin-left:0;}
.order_right.right{ float:left;}

.order_1, .order_2, .order_3{ width:100%; box-sizing:border-box; padding: 15px 15px;}
.order_1>span, .order_3>span{ margin-left:16px;}
.order_2>span{ margin-left:16px;}
.order_1>div{ padding:0 15px;}
.order_1>div>a{margin-left:0;}
.order_1>div>a{ width:90%;}

.order_2_file{ width:100%; box-sizing:border-box;}
.order_2>.right{ margin-right:15px;}
.order_jibie{ width:100%; padding:0 10px; box-sizing:border-box;}
.order_jibie>li{ width:100%; margin-bottom:20px;}
.order_jibie>li:nth-child(2){ clear:both; float:none; overflow:hidden; margin-bottom:20px;}
.order_jibie>li:nth-child(3){ float:none; overflow:hidden;}

.order_textarea>textarea{ width:100%; box-sizing:border-box;}

.order_gaizhang>span{ margin-left:0;}
.order_shouhuo{ margin:0 auto; margin-top:20px; text-align:center;}
.order_shouhuo>input{width:90%; margin-bottom:20px;}

.order_yuan{width:95%;left:2%;margin:0px;}
.order_yuan_di{padding:5px 10px;}
.order_mubiao{width:95%;left:2%;margin:0px;}
.order_mubiao_di_left{width:50%;float:left;padding:0px;}
.order_mubiao_di_right{width:50%;float:left;padding:0px;}
.order_mubiao_di_right>div{width:100%;}
.order_mubiao_di_right>div>div{width:100%;padding:0px;margin:0px;}
.order_qdqx{width:80%;}
.order_qdqx>div{width:100%;}
.order_qdqx>div>a{width:40%;}
.order_chosen{margin-left:10px;}
.order_2_tan{width:100%;left:0px;margin-left:0px;}
.order_2_tan>h4{width:90%;text-align:left;}
.order_2_tan>span{width:10%}
.order_2_tan>ul{margin-top:20px;}
.order_2_tan ul,.order_2_tran ul li{clear:both;width:90%;float:left;padding:0px;padding-left:10px;}
.order_2_tan>ul>li>span{width:40%;float:left;}
.order_2_tan p{clear:both;width:90%;display:inline-block;padding:0px;padding-left:10px;}
.is_price{width:100%;left:0px;margin:0px;padding:0px;top:30%;}
.is_price_qrqx{width:80%;float:left;}
.is_price_qrqx>a{width:40%;}
}