@media screen and (max-width:768px) {
	.langs,.mobile-header,.waybill-country-box {
		box-sizing:border-box
	}
	.overflow {
		overflow:hidden
	}
	html {
		background:#f2f2f2
	}
	.mobile-only {
		display:block
	}
	.web-width {
		width:auto
	}
	.CodeMirror pre.CodeMirror-placeholder,.editor-box .CodeMirror-line {
		font-size:16px
	}
	.exceed-mask .exceed-modal {
		width:90%
	}
	.header-right-box {
		top:25px
	}
	.href-btn {
		width:auto;
		margin-left:5px;
		-webkit-tap-highlight-color:transparent
	}
	.href-btn.href-btn-m {
		width:30px;
		height:30px;
		line-height:30px;
		padding:0;
		border-radius:50%;
		margin-left:10px
	}
	.share .icon-fenxiang {
		font-size:20px;
		margin-top:-2px
	}
	.detail-share {
		width:27px;
		height:27px;
		line-height:25px;
		margin-top:2px;
		border:1px solid rgba(0,0,0,.15);
		border-radius:50%
	}
	.detail-share .icon-fenxiang {
		color:rgba(0,0,0,.35)
	}
	.detail-share.hover .icon-fenxiang {
		color:#fff
	}
	.share-wrapper {
		top:38px;
		-webkit-transform:translate(-71%);
		transform:translate(-71%)
	}
	.share-wrapper .bdsharebuttonbox,.share-wrapper .custom_images {
		line-height:1
	}
	.share-wrapper:before {
		left:auto;
		right:15px
	}
	.btn-search {
		height:auto;
		padding:12px 0
	}
	.title-splite-line {
		margin:0 5px
	}
	.header-box {
		padding:0 10px;
		margin-bottom:20px
	}
	.index-logo-box {
		width:188px;
		height:41px;
		padding-bottom:6.7%;
		margin:7.6% auto 0;
		background-size:contain
	}
	.editor-box .CodeMirror-gutters,.index-footer {
		padding:0
	}
	.index-body {
		height:auto
	}
	.index-body .editor-box,.index-footer-left,.popup-editor-box .editor-box {
		width:auto;
		margin-left:5%;
		margin-right:5%
	}
	.index-body .editor-box,.popup-editor-box .editor-box {
		direction:ltr;
		text-align:left
	}
	.index-body .editor-error-box {
		width:100%;
		left:0
	}
	.index-footer-box {
		height:auto;
		overflow:hidden
	}
	.index-footer-right {
		width:100%;
		padding-right:0;
		background:#fff
	}
	.editor-border-box {
		box-shadow:0 0 0 5px rgba(41,41,41,.1)
	}
	.list-body {
		background:#f2f2f2;
		top:0!important
	}
	.waybill-detail,.waybill-filter-box,.waybill-list {
		width:100%
	}
	.waybill-list {
		/* display:none; */
		min-height:0
	}
	.waybill-list #waybill_list_box{ height: auto !important;}
	.mobile-header {
		position:fixed;
		width:100%;
		text-align:center;
		padding:15px;
		background:#fff;
		border-bottom:1px solid #f2f2f2;
		z-index:999
	}
	.mobile-logo {
		display:inline-block;
		width:134px;
		height:30px
	}
	.waybill-country-box .dd-country,.waybill-detail-title {
		height:auto
	}
	.mobile-logo img {
		max-width:100%;
		vertical-align:middle
	}
	.mobile-back,.mobile-search {
		position:absolute;
		top:25px
	}
	.mobile-back {
		left:15px
	}
	.mobile-search {
		right:55px
	}
	.mobile-back .icon-jiantou,.mobile-search .icon-search {
		color:rgba(0,0,0,.15);
		vertical-align:middle
	}
	.target-lang,.waybill-detail .waybill-num {
		color:#DD312A
	}
	.mobile-back .icon-jiantou {
		font-size:20px
	}
	.mobile-search .icon-search {
		font-size:29px
	}
	.list-body-wrap {
		min-height:0;
		background:0 0;
		padding-top:10px
	}
	.waybill-list-box {
		min-height:0
	}
	.waybill-list-info {
		font-size:14px
	}
	.waybill-list-item {
		font-size:14px;
		background:#fff;
		margin-bottom:10px
	}
	.list-body-wrap:before,.waybill-list-item:after,.waybill-list:after {
		background:0 0;
		right:0
	}
	[data-page=one] .waybill-detail {
		width:100%
	}
	.waybill-detail {
		
		padding:0;
		margin:0;
		min-height:0
	}
	.waybill-detail-title-box {
		height:auto;
		background:#fff;
		padding:15px
	}
	.waybill-property {
		top:23px;
		right:15px
	}
	.waybill-detail .waybill-property {
		background-color:#454444
	}
	.waybill-detail-box {
		padding:0
	}
	.waybill-country-box {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		float:none;
		width:100%;
		background:#fff;
		padding:23px 15px;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between
	}
	.waybill-country-box dl {
		width:47%;
		margin-bottom:0
	}
	.waybill-destina,.waybill-fail-dest {
		-webkit-box-ordinal-group:3;
		-ms-flex-order:2;
		order:2;
		border-left-color:#454444!important
	}
	.waybill-fail-origin,.waybill-origin {
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
		border-left-color:#E62E05!important
	}
	[result-status=ORDER_NOT_EXISTS] .waybill-path,[result-status=net-error] .waybill-path,[result-status=origin-select] .waybill-path {
		padding:0
	}
	.waybill-path {
		padding:20px 15px;
		margin-top:10px;
		margin-left:0;
		background:#fff
	}
    #waybill_title{ padding: 10px 20px; background-color:#fff; float:none; width:100%; box-sizing:border-box;}
	[error-status=status-cpList] .waybill-path {
		padding:10% 10% 15%;
		background:#fff
	}
	[error-status=status-cpList] .waybill-path li {
		padding:0 20px 10px;
		border:0
	}
	[error-status=status-cpList] .waybill-path-select {
		padding:0;
		background:#fff
	}
	[error-status=status-cpList] .waybill-country-select-box button {
		margin-top:20px
	}
	.popup-country .popuo-country-box {
		width:90%;
		top:20px;
		margin-left:0;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0)
	}
	.popup-country .popuo-country-box .country-cp-list {
		height:250px;
		overflow-y:auto
	}
	.popup-country-body select {
		width:80%
	}
	.waybill-detail-footer {
		display:none;
		width:100%!important;
		left:0!important
	}
	.popup-editor-box {
		background:#fff
	}
	.popup-editor-box .CodeMirror {
		border:none;
		background:#f5f5f5
	}
	.popup-editor-box .editor-error-box {
		border:none
	}
	.popup-editor-box .btn-search {
		height:44px;
		width:250px;
		padding:0
	}
	.popup-header {
		background:0 0
	}
	.waybill-detail-error-box {
		margin-top:10px;
		margin-left:0;
		min-height:0;
		background:#fff;
        padding:10px 20px;
        margin-bottom:0px;
	}
	.goog-te-menu-frame,.goog-te-menu2 {
		width:100%!important
	}
	.goog-te-menu2 table td {
		float:left;
		width:50%
	}
	#goog-gt-tt,.goog-te-banner-frame {
		display:none
	}
	.error-page-box {
		padding:50px 20px 20px
	}
	.error-page-box-title {
		height:auto
	}
	.langs-wrapper {
		display:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#fff;
		z-index:1001;
		text-align:left;
		direction:ltr
	}
	.langs-head {
		position:relative;
		padding:15px 20px;
		background:#f2f2f2;
		border-bottom:1px solid #ccc
	}
	.langs-close {
		position:absolute;
		top:12px;
		right:12px
	}
	.langs-close .icon-icon {
		font-size:25px
	}
	.langs {
		padding:20px;
		overflow-y:auto
	}
	.langs li {
		background:#f2f2f2;
		padding:10px 0;
		margin-bottom:10px;
		text-align:center
	}
	.mobile-translate {
		line-height:26px;
		direction:ltr;
		text-align:left
	}
	.translate-txt {
		float:left
	}
	.translate-radio {
		position:relative;
		width:15px;
		display:inline-block;
		height:15px;
		vertical-align:middle;
		border-radius:50%;
		border:1px solid #999
	}
	.translate-txt.active .translate-radio {
		background:#DD312A;
		border-color:#DD312A
	}
	.active .translate-radio:before {
		content:'';
		position:absolute;
		width:4px;
		top:2px;
		left:5px;
		height:8px;
		border:2px solid #fff;
		border-width:0 2px 2px 0;
		-webkit-transform:rotate(50deg);
		transform:rotate(50deg)
	}
	.target-lang-wrapper {
		float:right
	}
	.target-lang-wrapper .icon-xiangyou {
		position:absolute;
		top:9px;
		right:4px
	}
	.target-lang {
		max-width:60px
	}
	#WidgetFloaterPanels,#WidgetFloaterPanels~[translate=no] {
		display:none!important
	}
}
@media screen and (max-height:560px) {
	.index-body .ccf-info {
		margin:50px auto 20px;
		text-align:center
	}
}
@media screen and (min-height:561px) {
	.index-body .ccf-info {
		position:absolute;
		bottom:20px;
		left:50%;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0)
	}
}
@media screen and (min-width:769px) {
	.pc-only {
		display:block
	}
	.mobile-only {
		display:none
	}
}


.select{ background-color: #fff;padding: 10px 20px; margin-top: 10px; margin-bottom: 10px; display: none;}
.select span{ vertical-align: middle; display: inline-block; margin-right: 2px; font-size: 14px; position:relative; top:-2px;}
.select select{ display: inline-block; border: 1px solid #e1e1e1; font-size: 14px; border-radius: 5px; padding: 5px;}
@media screen and (max-width:769px) {
	.select{ display: block;}
	.waybill-list-item{ display: none;}
	.waybill-list-item:first-child{ display: block; background-color:#fff !important;}
	.waybill-list-item.waybill-list-active{ background-color: #fff;}


}

.re-page{font-size:16px;color:#fff;display:inline-block;line-height:36px;position:relative;padding-left: 17px;}
.triangle{display:block; position:absolute; left:0px; top:7px; margin: 0 auto; width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 11px solid #fff;}
.triangle::before{content:"";display:block;margin: 0 auto;width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 10px solid #2d2d2d;position:absolute;left: 3px;top: -9px;}