@charset "utf-8";
.bgimg{ float: left; width: 100%; height: auto;overflow: hidden; background: #f8f8f8 url("../images/bg.png") no-repeat ; background-size: 100% auto; }
.login-but{ float: left; width: 70px; height: 30px; border-radius: 15px; font-size: 14px; color: #fff; line-height: 30px; padding-left: 18px; box-sizing: border-box; background: #00aaef url("../images/right-arrow.png") no-repeat 48px center; background-size: 14px 14px; }
.login-but:hover{  background: #00aaef url("../images/right-arrow.png") no-repeat 48px center; background-size: 14px 14px; }
.top-wp{ float: left; width: 100%; height: auto; overflow: hidden; padding:10px; box-sizing: border-box; }
.main-wp{ float: left; width: 100%; height: auto; overflow: hidden; padding:10px; box-sizing: border-box; }
.main-wp3{ float: left; width: 100%; height: auto; overflow: hidden; padding:15px; box-sizing: border-box; }
.main-wp2{ float: left; width: 100%; height: auto; overflow: hidden; padding:10px; box-sizing: border-box; background: #fff; }
.xqmain-wp{ float: left; width: 100%; height: auto; overflow: hidden; padding:10px; box-sizing: border-box; background: #f0f0f0; border-radius: 20px 20px 0 0; }
.main-box{ float: left; width: 100%; height: auto; overflow: hidden; background: #fff; padding:15px; box-sizing: border-box; border-radius: 10px;  }

.topbigtitle{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.topbigtitle .tt1{ float: left; width: 100%; height: auto; overflow: hidden; font-size: 30px; line-height: 1.5; font-weight: bold; text-align: center; color: #fff; text-shadow: 5px 3px 3px #000; }
.topbigtitle .tt1 img{ width: 300px; height: auto }
.topbigtitle .tt2{ float: left; width: 100%; height: auto; overflow: hidden; font-size: 18px; line-height: 1.5; text-align: center; color: #fff; text-shadow: 5px 3px 3px #000; }
.topbigtitle .tt3{ float: left; width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 1.5; text-align: center; color: #fff; text-shadow: 5px 3px 3px #000; }

.ai-dingzhi-list{ float: left; width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; }
.ai-dingzhi-list .title{ float: left; width: 35%; height: auto; text-align: right; line-height: 1.2; font-size: 15px; color: #000; padding-top: 13px; padding-right: 10px; box-sizing: border-box;overflow: hidden; }
.ai-dingzhi-list .title2{ float: left; width: 25%; height: auto;  }
.ai-dingzhi-list .title i{ color: #f00;}
.ai-dingzhi-list .title-l{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #000; overflow: hidden; }
.ai-dingzhi-list .title-l i{ color: #f00;}
.ai-dingzhi-list .input-wp{ float: left; position: relative; width: 65%; height: 40px; overflow: hidden; }
.ai-dingzhi-list .input-wp-auto{ float: right; position: relative; width: 65%; height: auto; overflow: hidden; }

.ai-dingzhi-list .input-wp-ts{ float: left; position: relative; width: 100%; height: auto; overflow: hidden; font-size: 13px; margin-top: 10px; color: #2e942e;  }
.ai-dingzhi-list .input-wp .s1{ float: left; display: inline-block; margin-right: 3px;}
.ai-dingzhi-list .input-wp .s2{ float: left; display: inline-block; font-size: 14px; line-height: 40px; color: #999; margin-right: 30px;}

.ai-dingzhi-list .input-wp2{ float: left; position: relative; width: 30%; height: 40px; overflow: hidden; }
.ai-dingzhi-list .input-wp3{ float: left; position: relative; width: 30%; height: 40px; overflow: hidden; margin: 0 0 0 10px; }
.ai-dingzhi-list .input-wp3 img{ width: auto; height: 100%;}
.ai-dingzhi-list .input-wp4{ float: left; position: relative; width: 30%; height: 40px; overflow: hidden; margin: 0 0 0 10px; padding: 10px 0 0 0; box-sizing: border-box; }
.ai-dingzhi-list .input-wp4 a{ font-size: 13px; color: #00aaef; }

.ai-dingzhi-list .input-wp-l{ float: left; position: relative; width: 100%; height: 40px; overflow: hidden; }
.zsd-listbox{ float: left; position: relative; width: 100%; height: 200px; overflow-y: auto; background: #f7f8fa; border-radius: 5px; padding: 3px; box-sizing: border-box;  }
.zsd-listbox span{ float: left; display: block; width: 100%; height: auto; overflow: hidden; background: #fff; font-size: 14px; color: #666; margin: 1px 0; padding: 5px; box-sizing: border-box; }
.zsd-listbox span:hover,.zsd-listbox .active{ color: #00aaef; background: #f0f0f0;  }

.ai-dingzhi-list .input-auto{ float: left; position: relative; width: 75%; height: auto; overflow: hidden; }
.ai-dingzhi-list .input-auto img{ float: left; width: 60px; height: 60px; border-radius: 5px; margin-right: 8px; margin-bottom: 8px; }
.ai-dingzhi-list .input-auto .pub-upimg{ float: left; width: 60px; height: 60px; font-size: 12px; border-radius: 5px; text-align: center; color: #999; background:#eee url("../images/upimg.png") no-repeat center 14px; background-size: 20px 20px; padding: 38px 0 0 0; margin-right: 8px; margin-bottom: 8px; box-sizing: border-box; }
.ai-dingzhi-list .input-auto .pub-upimg:hover{  background:#def2bf url("../images/upimg.png") no-repeat center 14px; background-size: 20px 20px; }
.ai-dingzhi-list .input-auto .t2{ float: left; width: 100%; height: auto; overflow: hidden; font-size: 12px; color: #00aaef; margin-top: 10px; }
.ai-dingzhi-list .picbox{ float: left; width: 100%; height: 150px; overflow-y: auto; overflow-x: hidden; }

.ai-dingzhi-list .input-wp100{ float: left; position: relative; width: 100%; height: auto; overflow: hidden; }

.t-input-txt{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; border: 1px solid #e2e2e2; border-radius: 5px; padding-left: 5px; outline: none; background: #f7f8fa; box-sizing: border-box; }
.t-input-txt::placeholder{ color: #999; font-size: 15px; }
.t-input-txt2{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; text-align: center; border: 1px solid #ddd; border-radius: 5px; padding-left: 5px; outline: none; background: #fff; box-sizing: border-box; }
.t-input-txt2::placeholder{ color: #999; font-size: 14px; }
.t-input-txt3{ width: 240px; height: 40px; line-height: 40px; font-size: 16px; color: #333; text-align: center; border: 1px solid #00aaef; border-radius: 10px; outline: none; background: #f7f8fa; box-sizing: border-box; }
.t-input-txt3::placeholder{ color: #999; font-size: 14px; }
.t-input-txt4{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; text-align: left; border: 0px solid #ddd; border-radius: 5px; padding-left: 5px; outline: none; background: #fff; box-sizing: border-box; }
.t-input-txt4::placeholder{ color: #999; font-size: 14px; }
.t-input-txt5{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; border: 0px solid #ddd; border-radius: 5px; padding-left: 90px; outline: none; background: #f7f8fa; box-sizing: border-box; }
.t-input-txt5::placeholder{ color: #999; font-size: 14px; }
.t-input-select{ float: left; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; text-align: left; border: 0px solid #ddd; background: #f7f8fa; outline: none;  border-radius: 5px }
.t-input-select2{ float: left; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #333; text-align: left; border: 0px solid #ddd; background: #fff; outline: none;  border-radius: 5px }

.xcap-btmenu{ position: fixed; bottom: 0; z-index: 97; width: 100%; height: 60px; background: #fff; border-top: 1px solid #eee; }
.xcap-btmenu .jg{ float: left; width: 60%; height: 60px; line-height: 1.2; text-align: center; font-size: 14px; color: #f00; padding-top: 15px; box-sizing: border-box;  }
.xcap-btmenu .b1{ float: right; position: relative; width: 40%; height: 60px; padding: 10px 0 0 0;  }
.xcap-btmenu .b1 a{ float: left; position: relative; width: 90%; height: 40px; line-height: 40px; border-radius: 20px; font-size: 15px; color: #fff; text-align: center; background: #00aaef;  }

.pub-xcxg{ position: fixed; z-index: 999; left: 50%; top:50%;  width:200px; height: auto;  margin: -100px 0 0 -100px; border-radius: 10px; overflow-y: auto; background: #fff; padding: 15px; box-sizing: border-box; }
.pub-xcxg-list{ float: left; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;  }
.pub-xcxg-list .title{ float: left; width: 100%; height: auto; line-height: 1.2; text-align: center; font-size: 16px; color: #00aaef; padding-top: 13px;box-sizing: border-box; overflow: hidden; }
.pub-xcxg-list .input-wp2{ float: left; position: relative; width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 20px; }
.pub-xcxg-list .input-wp2 img{  width:50%; height: auto;  }

.tishi1{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 100px; text-align: center;  }
.tishi1 img{  width: 40%; height: auto; }
.tishi1 .ckqx-but{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 30px; text-align: center; }
.tishi1 .ckqx-but .ckqx{ display: inline-block; width:200px; height: 40px; line-height: 40px; text-align: center; text-align: center; font-size: 14px; color: #fff; border-radius: 20px; background: #00aaef;  }
.tishi1 .ckqx-but .ckqx:hover{ background: #00aaef; }
.tishi1 .ckqx-but2{ float: left; width: 100%; height: auto; overflow: hidden; margin-top: 10px; text-align: center; }
.tishi1 .ckqx-but2 .yzmdl{ display: inline-block; width:auto; height: 30px; line-height: 30px;  font-size: 13px; color: #00aaef;  }
.tishi1 .ckqx-but2 .yzmdl:hover{ }

.loginbox{ position: relative; width: 100%; height: 50px; overflow: hidden; text-align: center; margin: 0 auto; }


.pipei-tit-wp{ /*position:absolute; top:0; left: 0; z-index: 1;*/ float: left; width: 100%; height: auto; overflow: hidden; padding: 10px 10px 0 10px; box-sizing: border-box; }
.pipei-tit{ float: left; position: relative; width: 100%; height: 50px; line-height: 50px; background: #fafafa;  }
.pipei-tit .title{ float: left; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #000; font-weight: bold; }
.pipei-tit .title2{ float: left; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #5ba38a; }
.pipei-tit .pipei-user-box{ position: absolute; right: 0; top: 0; z-index: 99; width: 200px; height: 50px; }
.pipei-tit .pipei-user-box .head{ float: right; display: inline-block; width:30px; height: 50px; box-sizing: border-box; }
.pipei-tit .pipei-user-box .head img{ width:30px; height: 30px; margin-top: 10px; border-radius: 50%;}
.pipei-tit .pipei-user-box .name{ float: right; display: inline-block; width: auto; height: 50px; line-height: 50px; padding: 0 10px; font-size: 16px; color: #666; }

.kehu-top-wp2{ float: left; width: 100%; /* width: 1920px;*/ height: 62px; padding: 0 10px 0 10px; box-sizing: border-box; }
.pipe-top{ float: left; position: relative; width: 100%; min-width: 600px; height: 60px; border-bottom: 2px solid #ddd; background: #fff; }
.pipe-allselct-wp{ float: left; position: relative; width: 200px; height: 50px; padding: 5px 0; margin-left: 5px;  }
.pipe-allselct-wp .cs-select{ float: left; position: relative; width: 200px; height: 40px; font-size: 14px; line-height: 50px; padding: 0 10px 0 10px; background: #fff; border: 1px solid #dedede; border-radius: 5px; box-sizing: border-box; }

.kehu-selct-topwp { float: left; position: relative; width: auto; height: 40px; padding: 5px 0; margin-left: 5px; box-sizing: border-box;  }
.kehu-selct-topwp .input-top{ float: left; display: block; width: 200px; height: 40px; line-height: 40px; padding-right: 60px; padding-left: 10px; box-sizing: border-box; border-radius: 5px; border: 1px solid #dedede; font-size: 14px; }
.kehu-selct-topwp .scbox{ display: block; width: 80px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; background: #00aaef; border-radius:5px; }
.kehu-selct-topwp .scbox:hover{ color: #fff; background: #000; }
.kehu-topinfo { float: right; position: relative; width: auto; height: 40px; line-height: 40px; font-size: 16px; padding: 5px 0; margin-left: 5px; box-sizing: border-box;  }
.kehu-topinfo i { color: #f00; font-size: 18px; font-weight: bold; }
.kehu-topinfo o { color: #00aaef; font-size: 18px; font-weight: bold; }
.pipei-top-sel{ float: left; width: 50%; min-width: 800px; height: 60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left: 30px; }
.tjbox-select{ float: left; min-width: 100px; height: 30px; margin: 15px 10px 0 10px; border: 1px solid #ccc; font-size: 14px; border-radius: 5px; }
.tjbox-select:hover{ border: 1px solid #00aaef; }
.tjbox-select .tiaoj{ float: left; display: block; width: auto; height: 30px; color: #00aaef; line-height: 30px; padding: 0 3px 0 8px;  }
.tjbox-select .tiaoj:hover{ cursor: pointer; background: #00aaef; color: #fff; }

.kehu-data-head-wp{ float: left; width: 100%; /* width: 1920px;*/  height: 50px; padding: 0 10px 0 10px; box-sizing: border-box; border-top: 0px solid #d8e3ef;  }
.kehu-data-head-wp2{ float: left; width: 100%; height: auto; background: #fafdff; padding: 0 12px 0 0; box-sizing: border-box;  }
.kehu-data-head-wp3{ float: left; width: 100%; height: auto; background: #e7fdf6; padding: 0 12px 0 0; box-sizing: border-box;  }
.kehu-data-head{ float: left; width: 100%; height: 50px; border-bottom: 1px solid #d8e3ef; background: #fafdff; }
.kehu-data-head ul{}
.kehu-data-head ul li{ float: left; position: relative; height: 50px; line-height: 50px; padding-left: 6px; font-size: 14px; color: #666; box-sizing: border-box; border-right: 1px solid #d8e3ef;  }
.kehu-data-head ul li:last-child{ border-right: 0px; }

.dig-pg-wp{ position:absolute; bottom:0; left: 0; z-index: 2; width: 100%; height: auto; overflow: hidden; padding: 0px 10px 0 10px; box-sizing: border-box;}
.bottom-wp{ float:left; width: 100%; height: auto; overflow: hidden; padding: 5px 0; box-sizing: border-box; border-top: 1px solid #d8e3ef; /*background: #fff;*/ }
.dig-pg{ float: right; width: 350px; height: auto; }
.dig-pg a{ display: inline-block; float: left; height: 26px; line-height: 26px; text-align: center; color: #000; font-size: 14px; padding: 0px 10px; margin: 0 3px; border: 1px solid #9fb6c9; border-radius: 3px; }
.dig-pg a:hover,.dig-pg .current{ color: #fff; background: #9fb6c9; }
a.dig-pg-l{ background: url("../images/dig-pg-l.png") no-repeat center; }
a.dig-pg-l:hover{ background:#9fb6c9 url("../images/dig-pg-l2.png") no-repeat center; }
a.dig-pg-r{ background: url("../images/dig-pg-r.png") no-repeat center; }
a.dig-pg-r:hover{ background:#9fb6c9 url("../images/dig-pg-r2.png") no-repeat center; }
a.p-100{ background: url("../images/dig-pg-b.png") no-repeat 35px center; padding: 0 20px 0 10px; }
a.p-100:hover{ background:#9fb6c9 url("../images/dig-pg-b2.png") no-repeat 35px center; }
.dig-pg .hj{ float: left; display: inline-block; height: 28px; margin: 0 10px; line-height: 28px; font-size: 13px; }
.dig-pg .hj i{ font-style: normal; color: #f00;}
.goto-pg{ float: left; width: 80px; height: 26px; line-height: 26px; font-size: 14px; }
.goto-pg input{ width: 30px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #9fb6c9; outline: none; border-radius: 3px; margin: 0 3px; color: #666; font-size: 14px; }
.dig-pg button{ float: left; width: 40px; height: 28px; line-height: 28px; border: 1px solid #9fb6c9; outline: none; border-radius: 3px; color: #666; font-size: 13px; background: #fff; cursor: pointer; }

.check-pipei{ position:relative; display: inline-block; width:20px; height: 20px; }
.check-pipei label{ position:absolute; left: 0!important; width:20px; height:20px; border:2px solid #d8d7d7; box-sizing: border-box; border-radius: 50%; background:#fff; cursor:pointer; }
.check-pipei label:hover{ border:2px solid #00aaef;}
.check-pipei label:after{ content:''; width:8px; height:4px; position:absolute; top:4px; left:3px; border:2px solid #d8d7d7; border-top:none; border-right:none; opacity:0.4; transform:rotate(-45deg); /*-webkit-transform:rotate(-45deg);*/}
.check-pipei label:hover:after{ border:2px solid #00aaef; border-top:none; border-right:none;}
.check-pipei input:checked + label{ border:2px solid #00aaef;}
.check-pipei input:checked + label:after{ opacity:1; border:2px solid #00aaef; border-top:none; border-right:none;}
.check-pipei input{ visibility: hidden; }
.check-pipei input:checked{ visibility: hidden; }
.check-pipei em{ display: inline-block; margin:-10px 0 0 0px;  font-style: normal; color: #3d5266; vertical-align: middle; }
.mg-z1{top:15px; left:3px; }
.mg-z2{top:10px; left:9px; }
.top176{ top:176px!important; }
.top174{ top:174px!important; }
.top114{ top:114px!important; }
.top236{ top:236px!important; }
.middle-body{ position: absolute!important; position: relative; bottom:38px; width:100%;  /* width: 1920px;*/  z-index: 1; height:auto!important; height:100%;
    overflow: auto; padding: 0 10px; box-sizing: border-box; }

.middle-body-wp{ height: 100%; width: 100%; overflow: inherit; background: #fff; box-sizing: border-box; margin: 0 auto; }
.middle-body-wp::-webkit-scrollbar { width: 12px; height: 10px; /*滚动条整体样式，高宽分别对应横竖滚动条的尺寸*/ }
.middle-body-wp::-webkit-scrollbar-thumb { border-radius: 6px; background: #c8d6e2; /*滚动条里面小方块*/  }
.middle-body-wp::-webkit-scrollbar-track { background: #efefef; /*滚动条里面轨道*/ }

.no-data-wp{ position: absolute; z-index: 888; left:0; top:0; padding: 0 10px; box-sizing: border-box; width: 100%; height: 100%; }
.no-data{ float: left; width: 100%; height: 100%; background: #ececec; }
.no-data span{ display: block; width: 200px; height: 200px; text-align: center; color: #6f6f6f; font-size: 16px; padding: 200px 0 0 0; box-sizing: border-box;
    margin: 70px auto 0 auto; background: url("../images/no_data.png") no-repeat; background-size: 200px; }

.wait-box .load-box2{ float: left; width: 46px; height: 50px;  margin: 85px 0 0 75px; background: url("../images/no_quanx.png") no-repeat center; }

.wait-box .txt .line2{ float: left; width: 2px; height: 80px; margin-right: 18px; }
.wait-box .txt .line2 span{ float: left; display: block; width: 1px; height: 40px;  margin-top: 5px; background: #b2b2b2; }
.wait-box .txt .txt-r { float: left; width: 260px; }
.wait-box .txt .txt-r .t1{ float: left; display: block; font-size: 20px; color: #f00; }
.display-no{ display: none; }

.kehu-data-wp{ width: 100%; height: 100%; min-width: 1400px;  }

.kehu-data{ float: left; position: relative; width: 100%; height: auto; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; }
.kehu-data:hover{ background: #edf0f2; }
.kehu-data ul{ margin: 0; padding: 0; }
.kehu-data ul li{ float: left; position: relative; height: auto; min-height: 36px; /*line-height: 34px;*/ font-size: 14px; color: #666; padding: 0; box-sizing: border-box; /*border-right: 1px solid #d8e3ef; */  }
/*.kehu-data ul li:nth-child(3){ border-right: 1px solid #d8e3ef; }*/
.kehu-data ul li span{ float: left; display: block; width: 100%; height: 100%; padding: 10px 0 10px 3px; box-sizing: border-box;  }
.kehu-data ul li span:hover{ width: 100%; height: 100%; background: #f5fbff; border-radius: 3px; cursor: pointer;  }
.kehu-data ul li span a{ color: #094;}
.kehu-data ul li span a:hover{ color: #f08000; text-decoration: underline; }
.kehu-bg1{ background: #fff; border-bottom: 1px solid #cecece; }
.kehu-bg2{ background: #f7f8fa;}
.kehu-data ul li .tis{ display: inline-block; width: 14px; height: 14px; margin-left: 3px; vertical-align: middle; background: url(../images/dz-his3.png) no-repeat; background-size: 14px 14px; }


/*行程匹配系统-列表宽度*/
.pp-w1{ width: 2%;  }
.pp-w2{ width: 6%;  }
.pp-w3{ width: 6%;  }
.pp-w4{ width: 6%;  }
.pp-w5{ width: 6%;  }
.pp-w6{ width: 9%;  }
.pp-w7{ width: 9%;  }
.pp-w8{ width: 15%;  }
.pp-w9{ width: 25%;  }
.pp-w10{ width: 16%;  }

.video-p{ float: left; display:inline-block; width: 16px; height: 16px; background: url("../images/video.png") no-repeat center; background-size: 16px 16px; vertical-align: middle; margin-top: 3px; margin-left: 3px; }