/* CSS Document */

/*Reset start*/
html,body{height:100%;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#666;cursor: pointer;}
a:hover{ color:#000;}
a:focus{outline:none;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
var{font-family:serif, Arial, Helvetica, sans-serif; font-style:normal;}
var{ font-family:serif, Arial, Helvetica, sans-serif; padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5 "微软雅黑", Arial, Helvetica, sans-serif; padding:0; margin:0; font-style:normal;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}
.loadding{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;display: none;}
.loadding.show{display: block;}
.loadding.hide{display: none;}
.loadding .mask_movie{height: 100%;background: #000;background: rgba(0, 0, 0, .4);}
.loadding .img{width: 62px;height: 62px;position: absolute;top: 50%;left: 50%;margin: -31px 0 0 -31px;}
.loadding .img img {width: 100%;}
.overflow-hidden{overflow: hidden;}
.overflow-x{overflow-x: auto;overflow-y: hidden;}
.warn{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;display: none;}
.warn .warnText{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.6);padding:10px 20px;border-radius: 10px;color: #fff;font-size: 14px;;}
@font-face {
  font-family: fontawesome;/*这里是说明调用来的字体名字*/ 
  src: url(../font/glyphicons-halflings-regular.woff); /*这里是字体文件路径*/ 
}
.wrapper{overflow:hidden; padding-top: 65px;}
.hidden-m{ display: block; }
.visible-m{ display: none; }
.through{text-decoration: line-through;}
.modalPop{position: fixed;width: 100%;height: 100%;z-index:9;background: rgba(0,0,0,0.3);left:0;top: 0;}
.qrcodeModal img{position: absolute;left:0;right:0;top:0;bottom:0;margin:auto}

.header{background:url(../image/header-bg.jpg) 0 0 repeat;height:65px;position:fixed;top:0;left:0;right:0; z-index: 99;}
.header .h-main{width:1570px;margin:0 auto;}
.header .h-left{width:128px;float:left; height: 65px;}
.header .h-left .big-logo{display:block; height: 85px; background: #b98e60; padding: 0 10px; line-height: 85px;position: relative; border-radius: 0 0 5px 5px;}
.header .h-left .small-logo{ display: block; position: absolute; width: 90px; height: 65px;line-height: 65px; margin-left: 20px;}
.header .h-left img{width:100%; vertical-align: middle;}

.login-form .input-cont{display: flex;align-items: center;}
.login-form .input-cont .input label{display:inline-block;background:url(../img/book-icon4.png) 0 center no-repeat;margin-right:40px;padding-left:25px;cursor:pointer;margin-bottom:0;}
.login-form .input-cont .input label.active{background-image:url(../img/book-icon3.png);}
.login-form .input-cont .f-name{margin-right:10px;}

.alertPop {font-size:22px;padding: 20px;background-color: #fff;color: #000;border-radius: 5px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;box-shadow: 0px 2px 5px rgba(0,0,0,0.3);width: 300px;height: 150px;display: flex;justify-content: center;align-items: center;}
.alertPop .closebtn {color: #000;font-weight: bold;font-size: 22px;position: absolute;top:0px;right: 10px;}
.alertPop .closebtn:hover {color: black;}

.portBoxPopover{padding:0 0 10px 0!important;width: 40vw;}
.portBox{width: 100%;}
.portBox .countryCity{padding:20px 0 0 100px;border-bottom:1px solid #ddd;box-shadow: 0 2px 3px #F8F8F8;background: #fff;overflow-x:auto;}
.portBox .countryCity .countryCityList{white-space: nowrap;}
.portBox .countryCity .choose{color:#003793;text-decoration: underline ;  text-decoration-thickness: 2px; text-decoration-color: #003793;text-underline-offset: 7px;}
.portBox .countryCity .city{margin-right:20px;display: inline-block;padding-bottom: 5px;font-size: 18px;}

.portBox .portBoxContent{display: flex;}
.portBox .portBoxContent .portTypes{width: 96px;text-align: center;flex-shrink: 0;}
.portBox .portBoxContent .portTypes .portType{padding:10px 0;background: #F8F8F8;font-size: 18px;}
.portBox .portBoxContent .portTypes .choose{color:#fff;background: #003793;}
.portBox .portBoxContent .checkboxGroup{padding:20px 10px 15px 20px;}
.portBox .chooseAllBtn{margin-bottom:15px;font-size: 18px;}
.portBox .port{margin-bottom:10px;font-size: 18px;}
.portBox .el-checkbox__label{font-size: 18px;}
.portBox button{padding:5px 10px;}
.portBox .buttons{display: flex;justify-content: flex-end;padding-right:10px;}
.portInput{padding:0 10px;display: flex;justify-content: space-between;align-items: center;}
.portInput .portText{text-overflow: ellipsis;flex:1;white-space:nowrap;overflow: hidden;}
@media (max-width:990px) {
	.portBoxPopover{width: 80%;}
	.portInput{padding:0 5px;}
	.portInput .portText{font-size: 14px;}
}
.result-form-item .el-icon-arrow-down{color: #2e3f59;font-weight: bold;}
@-webkit-keyframes start{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100% {-webkit-transform: rotate(360deg);}}

/*支付提示*/
.payPop{background: url(../image/popbg.png) repeat; left: 0; top: 0; right: 0; bottom: 0; position: fixed; z-index: 100;}
.payPop .arrow{background: url(../image/arrow.png) no-repeat left top; width: 130px; height: 220px; position: absolute; right:40px; top:20px; background-size: 100% auto;}
.payPop .txt{color: #fff; text-align: center; font-size: 16px; position: absolute; top:250px; line-height: 1.6em; left: 88px;}

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}