*{margin:0;padding: 0;}
html,body{font-family: microsoft yahei;height: 100%;}
ul,li{list-style-type: none;}
a{color:#333;text-decoration: none;}
.clearfix:after{content:'';display: block;clear:both;}
button,input{outline:0;font-family: microsoft yahei;}
button{cursor: pointer}
.backPage{position: absolute;position: fixed;right:10%;top:65%;width:40px;z-index:99999}
.backPage img{width: 100%;}
.login-body{background: #1b4dea url(../images/login-bg.png) no-repeat center 0;background-attachment:fixed;background-size:contain;}
.login-main{position: absolute;left:15%;right:15%;top:10%;}
.login-box{background: #fff;border-radius: 15px;box-shadow: 0 0 38px rgba(0,0,0,.3);margin: 0 auto;overflow: hidden;}
.login-banner{float: left;width: 51.5%;position: relative;height: 100%;
	 background: -webkit-linear-gradient(top, #aecef9, #d4e7f7);
     background: -o-linear-gradient(top,#aecef9, #d4e7f7);
     background: -moz-linear-gradient(top,#aecef9, #d4e7f7);
     background: -ms-linear-gradient(top,#aecef9, #d4e7f7);
     filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#aecef9,endColorStr=#d4e7f7);
}
.layer_content .drop_down_menu ul{height: 150px;overflow-y:auto;}
.login-banner img{width:100%;}
.plane{position: absolute;top:-10px;}
.building{position: absolute;bottom:-10px;}

.login-info-block{float: left;width:48.5%;}
.login-info-item{padding:45px 10%;box-sizing: border-box;}
.login-logo{width: 100%;}
.login-logo img{width: 100%;}
.login-info-list{padding-top:20px;}
.login-info-line{width: 100%;height: 45px;border-radius: 25px;background: #ecf3ff;margin-top:15px;box-sizing: border-box; overflow: hidden;}
.login-info-line input{height:100%;line-height: 45px;text-indent: 25px;outline: 0; font-size: 14px;background: transparent;font-family:microsoft yahei;border:none;width:100%;}
.login-info-line input.code-input{width:70%;float: left}
.login-info-line .login-code{display: inline-block;width: 30%;float: right;height: 100%;}
.login-info-line.disable{background:#f5f5f5;}

.login-popup-notice,.ry-notice,hy-notice{position: absolute;left: 0 ;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5);}
.auto-close{position: absolute;padding:8px 20px;background: rgba(0,0,0,.2);border-radius: 20px;font-size: 16px;top:18px;right:20px;}
.notice-line h4{font-weight: normal;font-size: 20px;color:#3767fd;padding:30px 0 10px 0;}
.notice-list{padding:10px 20px 40px;}

.login-info-btn {padding-top:30px;}
.login-info-btn button{background: #3767fd;height: 45px;line-height: 45px;text-align: center;width: 100%;color:#fff;font-family: microsoft yahei;border-radius: 25px;border:none;font-size: 16px;}
.login-info-lint{text-align: center;padding-top:15px;font-size: 14px;color:#888;}
.login-info-lint a{color:#1648e3;}
.login-footer{text-align: center;vertical-align: middle;color:#fff;font-size: 14px;padding-top:20px;}
.login-footer img{vertical-align: middle;margin-right: 15px;}


.lan-box{position:absolute; display: none; right:0;background: #fff;border-radius: 6px;padding:0 15px 20px;box-shadow: 0 0 13px rgba(0,0,0,.13);z-index: 9;}
.lan-box:before{content:'';display:block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid transparent;border-bottom: 7px solid #fff;position: absolute; width: 0;height: 0;top:-14px;right:7px;}
.lan-box a{ font-size: 15px; display: block;position: relative; color:#666;font-size: 15px;padding:20px 15px 0 15px;line-height: 1}
.lan-box a:hover{text-decoration: none;color:#333;}
.top-info li a.top-lan-line{background:url(../images/icon-lan.png) no-repeat;background-size: 26px 26px;display: block;width:26px;height: 26px;}


.login-popup{
display:none;
position:absolute;
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(0,0,0,.5);
z-index:110;
}

/*.tab-pannel{display: flex;flex-wrap:nowrap;}*/

.tab-history-left .link-user{position: absolute;right:6.2%;top:25px;width:23px;height: 23px;}
.history-choose{margin:20px 4.2% 0;position: relative;}
.history-choose .history-choose-type{border-radius: 6px;background:#f7f7f7;padding:20px 0;}
.history-choose-type li{font-size: 16px;padding:0 25px;float:left;}

.history-choose-type li a{color:#333}
.history-choose-type li a,.history-choose-type li a:hover{text-decoration: none;}
.history-choose-type li a:after{content:'';display: inline-block;margin-left:14px;background:url(../images/icon-dropdown.png) no-repeat 0 center;width:11px;height: 9px;}

.history-choose-list{position: absolute;top:65px;left:0;right:0;z-index:999;}
.history-choose-line{background:#f7f7f7;border-radius: 6px;padding-bottom:18px;display: none;}
.history-choose-line li{padding:18px 25px 0;font-size:16px;cursor:pointer;}
.history-choose-line li.active{color: #3767fd;position: relative;}
.history-choose-line li.active:after{content:'';position: absolute;background: url(../images/icon-checked.png) no-repeat;width:15px;height: 11px;right:25px;top:23px;}

.login-popup-panel{left:24%;right: 24%;position: absolute;background: #fff;border-radius: 15px;box-shadow: 0 0 29px rgba(0,0,0,.3);}
.popup-close{position: absolute;right: -10px;top:-15px;}
.login-popup-desc{padding:35px 25px;}
.login-popup-title{text-align: center;font-size: 20px;}
.login-popup-con{background: #f5f5f5;border-radius: 10px;margin-top: 20px; padding:15px;line-height: 1.6;font-size: 14px;}
.login-popup-con div{text-indent: 2em;}
.con-en{padding-top:10px;border-top:1px solid #ddd;margin-top: 13px;}

.login-agree{padding-top:15px;font-size: 14px;}
.login-popup-button{padding-top:25px;text-align: center;}
.login-popup-button button{background: #ccc;height: 45px;border-radius: 25px;color: #fff;text-align: center;border:none;width: 260px;text-align: center;font-size: 16px;}
.login-popup-button button.active{background: #3767fd;}

.login-info-line .login-inner-btn{width: 30%;float: right;background: #0ab653;color:#fff;text-align: center;line-height: 45px;border:none;}
.signUp-info-block .login-info-item{padding: 25px 10%;}
.signUp-info-block .login-info-line{margin-top:10px;}
.signUp-info-block .login-info-btn{padding-top:25px;}
.signUp-info-block .login-info-list{padding-top:12px;}
.signUp-box .plane{position: absolute;top:30px;}
.signUp-box .building{position: absolute;bottom:-5px;}


/*index*/
.index-body{background: #e8eeff;}
.header{background: #1547e3;}
.main{background: url(../images/inner-header.png) no-repeat center 0;background-size: contain;padding-top:70px;}
.main-tab{background: #fff;margin:0 15.2% 0 15.3%;border-radius: 0 0 6px 6px;padding-bottom:30px;}

.tab-title{font-size: 16px;border:2px solid #3767fd;width: 400px;margin:0 auto;height: 50px;border-radius: 30px;background: #fff;overflow: hidden;}
.tab-title li{display: block;float:left;width: 50%;line-height: 50px;}
.tab-title li a{display: block;width: 100%;height: 100%;color:#888;text-align: center}
.tab-title li a.active{background: #3767fd;color: #fff;}
.header-banner{padding:0 15.2% 0 15.3%;}
.index-logo{float: left;width: 36%;padding-top: 20px;}
.index-logo img{width:100% ;}
.top-info{float: right;padding-top: 28px;position: relative;}
.top-info li{float: right;color: #fff;}
.top-info li.top-btn{height: 35px;color: #fff;line-height: 35px;}
.top-info li.top-btn button{background: transparent;border: none;border:1px solid #fff;height: 35px;border-radius: 25px;padding: 0 15px;color: #fff;}
.top-info li.top-user{margin-top:8px;margin-right:20px;color:#fff;background: url(../images/icon-user.png) no-repeat;padding-left:30px;font-size: 15px;position: relative;cursor:pointer;}
.top-info li.top-user:after{content:'';display: block;position: absolute;background: url(../images/icon-setting.png) no-repeat;width:9px;height: 7px;top:50%;margin-top:-3px;right: -18px;}
.top-info li.top-help,.top-info li.top-information,.top-info li.top-lan{padding:5px 0 0 20px;}
.top-info li a.top-info-line{background:url(../images/icon-info.png) no-repeat;background-size: 26px 26px;display: block;width:26px;height: 26px;}
.top-info li a.top-help-line{background:url(../images/icon-help.png) no-repeat;background-size: 26px 26px;display: block;width:26px;height: 26px;}
.setting-downLoad{position:absolute; display: none; left:50%;margin-left:-65px;background: #fff;border-radius: 6px;padding:0 15px 20px;box-shadow: 0 0 13px rgba(0,0,0,.13);}
.setting-downLoad:before{content:'';display:block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid transparent;border-bottom: 7px solid #fff;position: absolute; width: 0;height: 0;top:-14px;left:50%;margin-left:-7px;}
.setting-downLoad a:before{content: '';left:0;top:18px;    width: 17px; height: 17px;display: block;position: absolute;}
.setting-downLoad a{padding-left: 25px; font-size: 15px; display: block;position: relative; color:#666;font-size: 15px;padding-top:20px;line-height: 1}
.setting-downLoad a:hover{text-decoration: none;color:#666;}
.setting-downLoad a.btn-edits:before{background: url(../images/btn-edits.png) no-repeat;}
.setting-downLoad a.edit-line:before{background: url(../images/icon-edit.png) no-repeat;}
.setting-downLoad a.help-line:before{background: url(../images/icon-help.png) no-repeat;}
.setting-downLoad a.out-line:before{background: url(../images/icon-out.png) no-repeat;}
.tab-pannel{padding:10px 2%;}
.tab-line{display: none;}
.tab-form-step{width: 62%;}
.tab-form-line{float: left;box-sizing: border-box;width: 50%;padding:20px 4.2% 0;}
.tab-form-line label span,.step-title label span{display: block;}
.step-title{padding:20px 2.2% 0;float: left;}
.tab-step-line{padding-bottom:13px;}
.step-title label span.en{font-size: 20px;font-weight: bold;color:#333;}
.step-title label span.zh{font-weight: lighter;color:#888;font-size: 14px;}
.tab-form-line label .en{font-size: 14px;color:#888;font-weight: lighter;}
.tab-form-line label .zh{font-size: 12px;color: #888;}
.tab-form-line label{margin-bottom: 0;font-size: 14px;}
.step-title label{margin-bottom:0;}
.tab-line-desc{width: 100%;height: 150px;background: #f5f5f5;border-radius: 6px;margin-left:2.2%;margin-top:18px;}
.tab-upload{position:relative;box-sizing:border-box;width: 55%;float: left;height: 100%;text-align: center;vertical-align: middle;background: url(../images/split.png) no-repeat right center;}
.tab-upload img{vertical-align: middle;}
.tab-example{float: left;width: 45%;height: 100%;text-align: center;}
.tab-example button{background: transparent;border:1px solid #3767fd;color:#3767fd;border-radius: 25px;height: 35px;line-height: 35px;padding:0 15px;margin-top:50px;}
.tab-line-input{box-sizing:border-box;padding:0 20px;margin-top: 10px;height: 40px;line-height: 40px;background: #f5f5f5;border-radius: 25px;}
.tab-line-input .tab-no-input{width: 33%;border-right:1px solid #eee;text-align: center;}
.tab-line-input .tab-no-input90{width: 85%;border-right:1px solid #eee;text-align: center;}
.tab-line-input .tab-no-input50{width: 50%;border-right:1px solid #eee;text-align: center;}
.tab-line-input .tab-no-input:last-of-type{border-right: none;}
.tab-line-input span,.tab-line-input input{float: left;}
.tab-line-input input{height: 100%;border:none;font-family: microsoft yahei;font-size: 14px; width: 80%;background: transparent;line-height: 40px;}
.tab-line-input span{display: inline-block;width: 30px;height: 100%;}
.tab-line-input span.tab-map-icon{background: url(../images/icon-map-mark.png) no-repeat left center;}
.tab-line-input span.tab-date-icon{background: url(../images/icon-date.png) no-repeat left center;}
.tab-step-line .tab-line-desc{width: 60%;}
.tab-step-line .upload-img img{}
.tab-agree{padding:15px 4.2% 0 ;font-size: 14px;}
.tab-button{padding-top:30px;text-align: center;}
.tab-button button{height: 45px;line-height: 45px;background: #ccc;color: #fff;text-align: center;border:none;font-size: 16px;border-radius: 25px;padding:0 50px;}
.tab-button button.active{background: #3767fd;}
.tab-line-input .drop_down_select {height: 100%;}
.tab-line-input .drop_down_menu {position: relative;z-index:999;max-height: 280px;overflow: auto;}
.tab-line-input .drop_down_menu span{display: block;width:100%;height: auto;float: none;}
.tab-line-input .drop_down_select.input_normal input{width:80%;}
.tab-line-input .drop_down_select i{top:1px;right:0;}
.tab-line-input .drop_down_select input{left:4px;}


.tab-history-list{padding:0 1.87%;}
.tab-history-line{padding:20px 2.16% 0;float: left;width: 50%;box-sizing: border-box; }

.tab-history-header{float: left;width:65px;height: 65px;border-radius: 10px;background: #f5f5f5;margin:20px 0 20px 4.4%;overflow: hidden;}

.tab-history-header img{width: 100%;height: 100%;}
.tab-history-left{float: left;width: 60%;box-sizing: border-box;padding:20px 4.2%; position: relative;}
.tab-history-left li{white-space: nowrap;width: 100%;overflow: hidden;text-overflow:ellipsis;font-weight: lighter;}
.tab-history-right{float: right;width: 22.9%;text-align: center;background: url(../images/inner-split.png) no-repeat left center;padding-bottom: 20px;}
.tab-history-right button{color:#3767fd;background:transparent;border:1px solid #3767fd;margin-top:37px;border-radius: 30px;height: 31px;line-height: 31px;padding:0 11%;}
.tab-history-inner{border-radius: 6px;box-shadow: 0 0 21px rgba(0,0,0,.08);}
.tab-history-left .link-user img{width:100%}
// .tab-map-line{background: url(../images/icon-map.png) no-repeat left center;position:relative; font-weight: bold;font-size: 15px;padding-left:25px;line-height: 24px;}
.tab-map-line{position:relative; font-weight: bold;font-size: 16px;line-height: 24px;padding-top:5px}
.tab-map-line .tab-date{position: absolute;right: 0px;font-weight: lighter;color:#888;font-size: 14px;top:7px;}
.tab-history-left li.tab-map-line{overflow: visible}
.tab-address{font-size: 14px;line-height: 1.2;color:#666;}
.tab-history-right .code-img{display:block;text-align: center;padding-top:30px;}
.tab-history-right img{display: inline;}
.tab-history-right .pass-btn{padding-top:3px;display: block;text-align: center;font-size: 14px;color: #3767fd;}
.tab-history-right a,.tab-history-right a:hover{text-decoration: none;}
.states-zh,.states-en{display: block;text-align: center;color: #666;}
.states-zh{padding-top: 32px;}
.tab-history-left ul{margin-bottom:0;padding-top:3px;}
.index-footer{color:#333;}
.tab-map-input input{width: 60%;}
.tab-map-input .tab-inner-button{float:right;background:transparent;color:#3767fd;font-size: 14px;border:none;margin:0 5%;line-height: 40px;}
.upload-btn,.uploadInfo-btn{background:url(../images/icon-image.png) no-repeat center center;width: 100%;height: 100%;overflow: hidden;}
.upload-btn input,.uploadInfo-btn input{width: 100%;height: 100%;opacity: 0;}
.close-img{display: none; position: absolute;right:5px;top:8px;z-index:999;background: url(../images/closed.png) no-repeat;width:15px;height: 15px;background-size: 15px;}
.upload-img {height: 100%;line-height:150px;overflow: hidden;width: 100%;}
.tab-step-line .upload-img img{height: 100%;width:100%;vertical-align: middle;}
.analysis-info{display: none;}
.analysis-info,.line-slider,.tab-level{position: relative;z-index:9;}
.upload-btn form{height: 100%;}

.tab-history-right button.editInfo,.tab-history-right button.backInfo{border:none;padding:0 7%;}


.date-wrap { display: none; height: auto; opacity: 0; overflow: hidden; position: absolute; z-index: 99999; min-width: 240px; background: white; color: #888; font-size: 16px; box-shadow: 2px 2px 8px 2px rgba(128, 128, 128, 0.3); }
.date-wrap.active { display: block; }
.date-wrap .date-cur-month, .date-wrap .date-cur-month-year, .date-wrap .date-cur-year { cursor: pointer; }
.date-wrap .date-header, .date-wrap .date-year-header, .date-wrap .date-month-header { padding: 0 15px; height: 45px; line-height: 45px; text-align: center; background: #f9f9f9; border-bottom: 1px solid #eee; font-weight: bold; }
.date-wrap .date-btn { font-family: serif; font-size: 20px; width: 20px; height: 45px; line-height: 45px; color: #20a0ff; text-align: center; cursor: pointer; text-decoration: none; }
.date-wrap .date-btn.date-btn-prev { float: left; }
.date-wrap .date-btn.date-btn-next { float: right; }
.date-wrap .date-btn.date-year-prev, .date-wrap .date-btn.date-yearMonth-prev, .date-wrap .date-btn.date-yearYear-prev { float: left; margin-right: 20px; }
.date-wrap .date-btn.date-year-next, .date-wrap .date-btn.date-yearMonth-next, .date-wrap .date-btn.date-yearYear-next { float: right; margin-left: 20px; }
.date-wrap .date-body table, .date-wrap .data-month table, .date-wrap .date-year-body table { width: 100%; border-collapse: collapse; }
.date-wrap .date-body th, .date-wrap .data-month th, .date-wrap .date-year-body th, .date-wrap .date-body td, .date-wrap .data-month td, .date-wrap .date-year-body td { height: 30px; text-align: center; }
.date-wrap .date-body th, .date-wrap .data-month th, .date-wrap .date-year-body th { font-size: 12px; height: 40px; line-height: 40px; }
.date-wrap .date-body td, .date-wrap .data-month td, .date-wrap .date-year-body td { border: 1px solid #eee; font-size: 10px; width: 14%; cursor: pointer; color: #333; }
.date-wrap .date-body td.isDisable, .date-wrap .data-month td.isDisable, .date-wrap .date-year-body td.isDisable { color: #ccc; font-weight: normal; }
.date-wrap .date-body td.active, .date-wrap .data-month td.active, .date-wrap .date-year-body td.active { color: #fff; background: #20a0ff; }
.date-wrap .date-body td.currentActive, .date-wrap .data-month td.currentActive, .date-wrap .date-year-body td.currentActive { color: #20a0ff; }
.date-wrap .data-month td, .date-wrap .date-year-body td { width: 25%; height: 75px; }
.upload-info{display: none;}
.upload-info input.upload-name{background:transparent url(../images/icon-line-user.png) no-repeat 0 center }
.upload-info input.upload-country{background:transparent url(../images/icon-line-earth.png) no-repeat 0 center}
.upload-info input.upload-sex{background:transparent url(../images/icon-line-sex.png) no-repeat 0 center}
.upload-info input.upload-date{background:transparent url(../images/icon-line-date.png) no-repeat 0 center}
.upload-info input.upload-no{background:transparent url(../images/icon-line-code.png) no-repeat 0 center}
.upload-info input{border:none;border-bottom:1px solid #eee;line-height: 29px;text-indent: 22px;width:93%;}
.list-user-img{width: 108px;height: 133px;float: left;background: #f5f5f5;border-radius: 10px;overflow: hidden;}
.list-user-img img{width: 100%;}
.list-user-desc{float: left;width: 70%;padding-topp:5px;}
.list-user-desc li{line-height: 33px;padding-left:3.3%;}
.list-user-desc em{font-style: normal;}
.list-user-desc span{color:#666;}
.inline-space{padding-right:15px;}
.list-audit-desc{padding-top: 5px;}
.audit-label{color:#666;line-height: 1.3;}
.audit-value{color:#333;}

[id^="list-info"]{display: none;width:380px;height: 210px;}
[id^="Share"],[id^="headerHtml"],[id^="passHtml"]{display:none; width:360px; height:200px; padding:15px 10px;text-align: center}
[id^="Share"] img,[id^="headerHtml"] img{height: 100%;}
[id^="passHtml"]{height: 160px;}
[id^="editinfoHtml"]{display: none;width: 360px;margin-top:30px;}
[id^="changeHtml"]{display: none;}
.edint-info-line{margin-top:15px;background: #f5f5f5;height: 45px;border-radius: 30px;line-height: 45px;padding:0 20px;border:none;}
.edint-info-line input{background:transparent;border:none;width: 100%;height: 100%;font-size: 15px;}
.edint-info-line.edint-code-line input{width: 60%;} 
.edint-info-line.edint-code-line  button{width: 40%;height: 100%;font-size: 15px;color:#3767fd;background: transparent;border:none;}
.edint-info-line.edint-button-line{background: #3767fd;color:#fff;margin-top: 20px;}
.edint-info-line.edint-button-line button{height: 100%; width: 100%;background: transparent;border:none;font-size: 16px;}

[id^="passHtml"]{position: relative;}
.passShare{display: table;box-sizing: border-box;padding:38px 13px;width: 100%;}
.passShare li{display: table-cell;width: 33.3%;}
.passShare li em,.passShare li span{display: block;text-align: center;}
.passShare li span{font-size: 15px;}
.passShare li a,.passShare li a:hover{display:block;color:#333;text-decoration: none;cursor: pointer;}
.mail-down{display: none;position: absolute;left:-20px;right: -20px;bottom: -20px;height: 55px;background: #f5f5f5;}
.mail-down-input{overflow:hidden;height: 40px;margin: 8px auto 0;border-radius: 30px;background:#fff;width: 360px;}
.mail-down-input input{height: 100%;width: 70%;float: left;font-size: 15px;padding:0 20px;box-sizing: border-box; line-height: 40px;border:none;border-right: 1px solid #eee;}
.mail-down-input button{width: 30%;float: right;color:#fff;background:#3767fd;border:none; font-size: 15px;text-align: center;line-height: 40px;}


/*select*/
.drop_down_select{ position: relative;}
.layer_content .drop_down_select{min-width:300px}
[id^="changeHtml"] .drop_down_select,[id^="Share"] .drop_down_select,[id^="passHtml"] .drop_down_select,[id^="editinfoHtml"] .drop_down_select,[id^="list-info"] .drop_down_select,[id^="headerHtml"] .drop_down_select{min-width: 300px;}
.drop_down_select.input_normal input{ width: auto; }
.drop_down_select.input_normal{ float: none; }
.tab-line-input .drop_down_select {height: 100%;}
.tab-line-input .drop_down_menu {position: relative;z-index:999;max-height: 280px;overflow: auto;}
.tab-line-input .drop_down_menu span{display: block;width:100%;height: auto;float: none;}
.tab-line-input .drop_down_select.input_normal input{width:80%;}
.tab-line-input .drop_down_select i{top:1px;right:0;}
.tab-line-input .drop_down_select input{left:4px;}
.drop_down_select i{ position: absolute; top: 0; right: 10px; width: 30px; height: 100%; background: url(../images/icon-arrow.png) no-repeat center center; }
.drop_down_select i.select_down{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: 0.28s; -o-transition: 0.28s; -webkit-transition: 0.28s; transition: 0.28s; }
.drop_down_select i.select_up{ -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transition: 0.28s; -o-transition: 0.28s; -webkit-transition: 0.28s; transition: 0.28s; }
.drop_down_select input{ font-size: 15px; height: 100%; position: absolute; top: 0; left: 13px; width: 80%; font-family: microsoft yahei; }

.dropDown{ position: relative; margin-top:35px;}

.dropMenuPannel { display: none; position: absolute; top: 40px; left: 0; overflow:hidden;border-radius:6px;-moz-transform-origin: center top 0; -webkit-transform-origin: center top 0; transform-origin: center top 0; z-index: 9; }
.dropMenuPannel.in { -moz-animation: dropIn .28s forwards; -webkit-animation: dropIn .28s forwards; animation: dropIn .28s forwards; }
.dropMenuPannel.out { -moz-animation: dropOut .28s forwards; -webkit-animation: dropOut .28s forwards; animation: dropOut .28s forwards; }

.drop_down_menu { padding: 8px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); background: #fff; }
.drop_down_menu h4 { height: 35px; line-height: 35px; color: #666; font-size: 12px; padding-left: 15px; background: #f8f8f8; }
.drop_down_menu li { line-height: 20px; cursor: pointer;padding:10px 15px; }
.drop_down_menu li:hover { background: #f1f1f1; }
.drop_down_menu li.active { background: #258de1; color: #fff; }
.drop_down_menu li.isdisabled { cursor: default; color: #ccc; }

#form .drop_down_menu li { padding-top: 0px; }

.select_plus { width: 90%; height: 100%; display: none; padding: 3px 10px; }
.select_plus span { display: inline; background: #e9f6ff; color: #20a0ff; border: 1px solid #20a0ff; margin: 1px 3px 0 0; height: 30px; overflow: hidden; line-height: 30px; padding: 4px 8px; }

.ediID-btn{
 float:right;
 background:#3767fd;
 border-radius:30px;
 height:45px;
 padding:0 50px;
 line-height:45px;
 font-size:16px;
 border:none;
 color:#fff;
 text-align:center;
 margin-left:2.2%;
 margin:19px 0 0 0;
 display:inline-block;
}
.ediID-btn:hover{color:#fff;text-decoration: none;}
.main-tab-video{background: #fff;display: flex;justify-content: center;width:30%;margin: 0 auto}
.main-tab-video video{width:80%;}
.setting-downLoad a.help-line:before{background: url(../images/icon-help.png) no-repeat;}
.number-step{display: inline-block;vertical-align: middle; width:35px;height: 35px;background: #1547e3;border-radius: 50%;text-align: center;line-height: 35px;font-size: 20px;color:#fff;}
.title-languge{display: inline-block;vertical-align: middle;padding-left:10px;}
.title-languge span{display: block;line-height: 1;text-align: left}
.title-languge span.title-zh{font-size: 17px;}
.title-languge span.title-en{font-size: 13px;color:#888;padding-top:5px;}
.help-title{text-align: center;position: relative;margin-bottom:25px;}
.title-inner{background: #fff;position: relative;z-index:9;display: inline;padding:0 10px;}
.help-title:before{z-index:0;content:'';position: absolute;height: 1px;background: #fff;border-top: 1px dashed #eee;left:0;right:0;top:50%;}
.help-img li{margin:0 13px 25px;display: inline-block;padding:10px;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.help-img ul{text-align: center;}
.help-line{padding:30px 4.2% 0;}

.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-button-next, .swiper-button-prev{top:220px;}

.help-img::-webkit-scrollbar {
  width: 0;
}
.help-img{max-height: 430px;overflow-y: auto;}
@media screen and (min-width: 480px) and (max-width: 665px)  {
	.title-languge{max-width: 280px}
}
.news-list{padding:15px 9%;}
.news-line{padding-top:25px;}
.news-img{float:left;height: 100px;width:16%}
.news-title{margin-left:16%;height: 100px;padding-bottom:25px;box-sizing:content-box;border-bottom:1px solid #eee;font-size: 20px;}
.news-line:last-of-type .news-title{border:none;}
.news-title a{color:#333;text-decoration: none;}
.news-title a:hover,.news-title a:active,.news-title a:visited{color:#333;text-decoration: none;}
.news-img img{width:85%}
@keyframes dropIn { 0% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; filter: alpha(opacity=0); }
  100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); } }
@keyframes dropOut { 0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); }
  100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; filter: alpha(opacity=0); } }





.cascaderAll,.cascaderSingle{position: relative;}
.cascade { width: 100%; overflow: hidden; position: relative; height: 100% }
.cascade .cascade-input-down { position: absolute; background: url(../images/icon-arrow.png) no-repeat center center; width: 30px; height: 100%; right: 0; top: 0; }
.cascade .cascade-input-down.select_down { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: 0.28s; -o-transition: 0.28s; -webkit-transition: 0.28s; transition: 0.28s; }
.cascade .cascade-input-down.select_up { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transition: 0.28s; -o-transition: 0.28s; -webkit-transition: 0.28s; transition: 0.28s; }
.cascade .cascade-label, .cascade .cascade-input-readonly { position: absolute; left: 0; top: 0; height: 100%; padding: 0 30px 0 0; line-height: 35px; cursor: pointer; width: 85%; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; }
.cascade .cascade-label span, .cascade .cascade-input-readonly span { font-size: 10px; color: #97a8be; padding: 0 8px;display: inline;float: none; }
.cascade .cascade-input-readonly { display: block; }
.tab-line-input span.cascade-label { display: none; }


// .cascade-input-readonly { display: none; }

.cascade-menus { display: table; position: absolute; border: 1px solid #ddd; border-right: none; display: none; -moz-transform-origin: center top 0; -webkit-transform-origin: center top 0; transform-origin: center top 0; z-index: 3; background: #fff; }
.cascade-menus.in { -moz-animation: dropIn .28s forwards; -webkit-animation: dropIn .28s forwards; animation: dropIn .28s forwards; }
.cascade-menus.out { -moz-animation: dropOut .28s forwards; -webkit-animation: dropOut .28s forwards; animation: dropOut .28s forwards; }
.cascade-menus .cascade-menu { display:inline-block; border-right: 1px solid #ddd; width: 140px; height: 204px; overflow: auto;margin-bottom:0; }
.cascade-menus .cascade-menu li { line-height: 35px; padding: 0 30px 0 13px; position: relative; cursor: pointer; }
.cascade-menus .cascade-menu li:hover { background: #f1f1f1; }
.cascade-menus .cascade-menu li.active { background: #258de1; color: #fff; }
.cascade-menus .cascade-menu li.isDisable { cursor: not-allowed; color: #ccc; }
.cascade-menus .cascade-menu li i { background: url(../images/right-arrow.png) no-repeat center center; position: absolute; height: 35px; width: 30px; right: 0; top: 0; }

.cascaderSelectLine { display: table-cell; padding-right: 15px; }

 .line-slider{padding:5px 2.2% 0;width:64.5%;}
.slideBtn{width:100%;height: 28px;line-height: 28px;text-align: center;color:#a5b9f6;font-size: 15px;background: #f0f4ff;border-radius: 20px;border:none;vertical-align: middle}
.slideBtn .sildeArrow{background:url(../images/arrow-slice.png) no-repeat 0 center;transform:rotate(180deg);display: inline-block; width:9px;background-size: 9px 7px;height: 7px;margin-left:6px;cursor: pointer;}



.float-box{
	display: flex;flex-direction:column;position: fixed;align-items:center;bottom: 35px; right:6.5%;z-index: 999;
}
.ask-list-entry{
	background: url(../images/ask-icon2.png) no-repeat;background-size:130px 130px;width: 130px;height: 130px;box-sizing: border-box;padding-top: 46px;font-size:16px;text-align: center;color: #fff;
}
.ask-list-entry button span{display: block;}
.ask-list-entry button{background:none;border:none;font-size:10px;}
.ask-phone-entry{
	background: url(../images/ask-icon1.png) no-repeat;background-size:130px 81px;width:130px;height: 81px;padding-top:52px
}
.ask-list-pannel,.ask-desc-box{
	padding: 0 4%;
}
.ask-list-pannel li{
	 padding:15px 0;border-bottom:1px solid #ddd;font-size: 16px;line-height: 24px;padding-left: 30px;
}
.ask-list-pannel li a{color:#333;position: relative;}
.ask-list-pannel i{position: absolute;left: -30px;font-style: normal;display: inline-block;width:24px;height: 24px;text-align: center;color:#7192f7;margin-right: 10px;}
.ask-list-pannel li:nth-of-type(1) i,.ask-list-pannel li:nth-of-type(2) i,.ask-list-pannel li:nth-of-type(3) i{
	background:url(../images/list-icon1.png) no-repeat;background-size: 100%;color:#fff;
}
.ask-list-pannel li:nth-of-type(2) i{opacity: .8}
.ask-list-pannel li:nth-of-type(3) i{opacity: .6}
.back-entry{
	width: 58px;height: 58px;margin-bottom: 10px;
}
.back-entry img{width:100%;height: 100%;}
.ask-desc-box dt{font-size: 16px;font-weight: bold;padding-bottom: 15px;border-bottom:1px solid #ddd;}
.ask-desc-box dd{
	padding-top:8px;line-height: 24px;
}
.ask-desc-box dd span{
	display: inline-block;background: url(../images/list-icon1.png) no-repeat;width:24px;height: 24px;background-size:100%;color:#fff;text-align: center;margin-right:10px;
}
.mark-desc{
	background:#f5ddbd;border-radius:5px;padding:5px 10px;color:#955f18;font-size: 16px;margin-top: 15px;
}

.adivise-banner{
	background: url(../images/advice-img-web.png) no-repeat right top;width:100%;height: 150px;background-size:cover;border-radius:5px 5px 0 0;display: flex;align-items:center;
}
.adivise-form textarea{
	width:100%;border:1px solid #eee;border-radius: 0 0 5px 5px;box-sizing: border-box;padding:5px;margin-top:10px;font-size:16px;height: 150px;
}
.adivise-form .tab-button{
	padding-top:10px;
	button{
		background:#1547e3;
	}
}
.banner-txt{
	padding-left:20px;font-size: 22px;font-weight: bolder;width:75%;
}


.address-form-list{
	padding:0 4%;
}

.searchMatch{
	display: block;
}
.searchTxt{
	height: 40px;
	line-height: 40px;
}
.main-box-form{
	clear:both;
}
.main-box-past{
	padding:0 4.2%;
	margin:20px 4.2%;
	width:91.6%;
	background: #f5f5f5;
	border:1px solid #eee;
	color:#999;
	padding:15px;
	box-sizing: border-box;
	border-radius: 15px;
}
.main-box-past textarea{
	width:100%;
	border:none;
	background: transparent;
	outline: none;
}
.past-btn-list{
	text-align: right;
}
.past-btn-list button{
	background:#fff;
	border:1px solid #ddd;
	padding:3px 15px;
	border-radius: 20px;
	margin: 0 5px;
}
.past-btn-list button:nth-of-type(2){
	color:#3767fd;
	border:1px solid #3767fd;
}
.btn-list-submit{
	text-align: center;
}
.btn-list-submit button{
	padding:0 30px;
	background:#ccc;
	border-radius: 20px;
	color:#fff;
	margin:0 10px;
	font-size: 16px;
	border: none;
	height: 45px;
	border-radius: 45px;
	line-height: 45px;
}
.btn-list-submit button:nth-of-type(1){
	background:#3767fd;
}
.main-form-item{
	position: relative;
}
.tab-line-input .tab-no-input.tab-has-btn{
	width:41%;
}
.tab-line-input button{
	border:none;
	color:#3767fd;
	background:transparent;
	width: 22.5%;
	border-left:1px solid #eee;
}



.label-has-btn{
	display: flex;
	justify-content:space-between;
}
.btnlist-tab{
	width:50%;
	display: flex;
	text-align: right;
}
.label-has-btn button{
	width: 50%;
	font-weight: normal;
	border:none;
	color:#3767fd;
	background:transparent;
}


.label-has-btn .btn-icon-1{
	background:url(../images/btn-icon1.png) no-repeat 0 center;
	background-size:14px;
}
.label-has-btn .btn-icon-2{
	background:url(../images/btn-icon2.png) no-repeat 0 center;
	background-size:14px;
}

.index-body-pannel{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.index-body-pannel .head{
	height: 133px;
}
.index-body-pannel .login-footer {
	height: 95px;
}
.index-body-pannel .main{
	flex:1;
	background-color:#fff;
}

.show-more{
	text-align: center;padding-top: 20px;
}
.show-more button{
	background: transparent;border:none;font-size: 16px;color:#333;text-shadow:1px 1px 0 #fff;
}
.show-more button:after{
	content:'';display:inline-block; background:url(../images/icon-arrow.png) no-repeat;background-size: 17px 8px;width:17px;height: 9px;margin-left:10px;
}
.show-more1{
	text-align: center;
}
.show-more1 button{
	background: transparent;border:none;font-size: 16px;color:#333;text-shadow:1px 1px 0 #fff;
}
.show-more1 button:before{
	content:'';display:inline-block; background:url(../images/icon-add-user.png) no-repeat;background-size: 17px 8px;width:17px;height: 9px;margin-left:10px;
}
.show-more1 button:before{
	content:'';
	display:inline-block;
	background:url(../images/icon-add-user.png) no-repeat;
	background-size: 12px 12px;
	width: 18px;
	height: 12px;
}
.add-line button{width:100%;text-align:center;padding-top:0;}


.tab-line-input textarea{height: 100%;border:none;font-family: microsoft yahei;font-size: 15px; width: 100%;background: transparent;line-height: 1.6;outline: none}
.tab-line-input.tab-line-textarea{height: 90px;border-radius: 10px;padding:10px 20px}
.tab-line-textarea .searchTxt{height: 100%;}

.address-mark{margin:30px 4.2%; line-height: 1.6;color:#666;border:1px dotted #ddd;padding:10px;border-radius: 8px;}


.tab-line-list .tab-line-input .dropMenuPannel{border:1px solid #ddd;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.tab-line-list {position: relative;display: flex;flex-wrap:wrap; justify-content:space-between;}
.tab-line-list .searchTxt{position: relative;}
.tab-line-list .tab-line-input{height: auto;overflow: visible;width:48%}
.tab-line-list .tab-line-input input {width:100%}
.tab-line-list .tab-line-input .searchClose{	position: absolute;width:16px;right:10px;top:0;border-left: none;display: none}
.tab-line-list .tab-line-input .searchClose img{width:100%;}


.btn-list-submit1{
	padding: 0 4.2%;
}

.btn-list-submit1 button.addr-btton{
	background:#3767fd;
	/*display: flex;*/
	align-items:center;
}
.btn-list-submit1 button:nth-of-type(1){
	margin-left: 0
}
.btn-list-submit1 button{
	padding:0 28px;
}
.btn-list-submit1 button.addr-btton:before{
	content:'';
	background: url(../images/icon-map-mark-white.png) no-repeat;
	background-size: 23px 18px;
	display: inline-block;
	width:23px;
	height: 18px;
	margin-right: 0
}


.mark-addr{
	display: inline-block;
	font-weight:normal;
	border-radius:3px;
	margin-left:10px;
	background: rgba(252, 163, 21, 0.1);
	color:#B8760E;
	padding:2px 15px;
	font-size:12px;
	box-sizing: border-box;
	border: 1px solid rgba(184, 118, 14, 0.3);
}
.address-find{
	color:#888;
	text-align: right;
	padding:10px 4.2% 0 0;
}
.address-find a{
	color:#3767fd;
	text-decoration: underline;
}
.btn-list-submit button{
	margin:0;
}


@media screen and (max-width: 479px) {
	.tab-line-list .tab-line-input{width:100%}
	.address-mark{margin:30px 4.2%}
	.line-slider{padding:5px 4.2% 0;width:100%;}
    .history-choose .history-choose-type{text-align: center;}
    .history-choose-type li { padding: 0 10px;display: inline-block;float: none}
	.line-slider{padding:5px 4.2% 0;width:100%;}
	.backPage{position: absolute;position: fixed;right:6%;top:60%}
	.float-box{position: absolute;position: fixed;right:10px;bottom:10px;}
	.tab-line-input .tab-no-input.street-input{width:90%}
	.tab-inner-line{float: left;box-sizing: border-box;width: 50%;padding: 20px 4.2% 0;}
	.title-languge{max-width: 265px}
	.help-line{padding-top:15px;}
	.login-main{left:5%;right:5%;}
	.login-banner{display: none;}
	.login-info-block{float: none;padding:0 ;width: auto;}
	.login-popup-panel{left:2%;right: 2%;}
	.login-popup-desc{padding:20px 10px;}
	.login-popup-con{line-height: 1.4;}
	.popup-close{width:30px;height: 30px;right:-6px;top:-6px;}
	.popup-close img{width: 100%;height: 100%;}
	.login-info-item{padding:25px 5%;}
	.login-footer img,.login-footer span{float: left;}
	.login-footer span{text-align: left;width: 70%;margin-top:5px;}
	.index-logo{float: none;text-align: center;margin:0 auto;width: 90%}
	.top-info{float: none;padding:5px 0 15px 0;width:90%;margin:0 auto;max-width: 375px;}
	// .top-info li.top-btn button{font-size: 14px;padding: 0 10px;}
	// .top-info li.top-btn{margin-right: 5.3%;}
	.top-info li.top-user{float:none;position: relative;display: inline-block;line-height: 23px;}
	.top-info ul{text-align: center}
	.setting-downLoad{padding: 0 30px 20px;margin-left:-79px;}
	
	.header-banner{padding:0 5.2% 0 5.3%;}
	.main{background-size: 150%;padding-top:35px;}
	.main-tab{margin:0;padding-top:15px;}
	.tab-title{width: 92%;height: 45px;}
	.tab-title li{line-height: 45px;font-size: 16px;}
	.tab-history-line{float: none;width: 100%;}
	.tab-map-line .tab-date{right:-5px;top:7px;}
	.tab-form-line{padding:15px 4.2% 0;}
	.tab-step-line .tab-line-desc{width:auto;margin:18px 4.2% 0;}
	.tab-form-step{width: 100%;}
	.step-title{padding:20px 4.2% 0;}
	.tab-form-line{float: none;width: 100%;}
	.step-title{float: none;}
	.ediID-btn{margin:10px 0 0 4.2% ;float: none;}

	.index-footer{padding: 20px 6%;}
	.tab-map-input input{width: 52%;}
	.tab-step-line{padding-bottom: 5px;}

	.tab-history-header{margin: 25px 0 20px 2.4%;width:55px;height: 55px;}
	.tab-history-left{width: 54%;padding:20px 2.2%;}
	.tab-history-right{width: 26.2%;}
	.tab-history-line{float: none;width: 97%;margin: 0 auto;}
	.tab-history-line{padding:15px 1% 0;}
	.tab-history-right button{padding:0 7%;}
    .tab-history-left .link-user{right:1.2%;}
	[id^="list-info"]{display: none;width:320px;height: 210px}
	// #Share,#headerHtml{ display:none; width:300px;height: 170px;}
	[id^="share"],[id^="headerHtml"],[id^="passHtml"]{ display:none; width:300px;height: 170px;}
	[id^="passHtml"]{height: 160px;}
	[id^="editinfoHtml"]{display: none;width: 300px;margin-top:30px;}
	.list-user-desc li{line-height: 26px;}
	.list-user-img{width: 95px}
	.passShare{padding:20px 0;}
	.mail-down-input{width: 280px;}
	.title-languge{max-width: 265px}
	.help-line{padding-top:15px;}
	.tab-inner-line{float: left;box-sizing: border-box;width: 50%;padding: 20px 4.2% 0;}
	// .news-list{padding:30px 4.2%}
	// .news-img {float:none;width:100%;text-align: center;height: auto;}
	// .news-img img{width:80%}
	// .news-title{margin-left:0;padding-top:18px;}
	.news-list{padding:0px 4.2% 30px;}
	.news-img {width:40%;}
	.news-title{margin-left:40%;font-size: 16px;height: auto;}
/*     .tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:11px;display: block;text-align: center;width:100%} */
    .tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:37px;display: block;text-align: center;width:100%}
    .auto-close{padding:3px 10px;font-size: 14px;top:10px;right:10px;}
    .notice-line h4{font-size: 18px;padding:15px 0 5px 0;}
    .notice-list{padding:5px 10px 20px;}
	.main-tab-video{background: #fff;display: flex;justify-content: center;width:80%;margin: 0 auto}
	.main-tab-video video{width:90%;}
}
@media screen and (max-width: 359px) {
	.address-mark{margin:30px 4.2%}
	.tab-history-header{margin: 27px 0 20px 3.4%;width:50px;height: 50px;}
	.tab-history-line{float: none;width: 97%;margin: 0 auto;}
	.tab-history-left{width: 56%;}
	.tab-history-right{width: 22.2%;}
	.tab-history-line{padding:15px 0 0;}
	.main-tab-video{background: #fff;display: flex;justify-content: center;width:80%;margin: 0 auto}
	.main-tab-video video{width:90%;}
}
@media screen and (min-width: 480px) and (max-width: 665px)  {
	.tab-line-list .tab-line-input{width:100%}
	.address-mark{margin:30px 6%}
	.tab-history-right button{padding:0 7%;}
    .tab-history-left .link-user{right: 3.2%;}
	.history-choose{margin:15px 7% 0;}
    .history-choose .history-choose-type{text-align: center;}
    .history-choose-type li { padding: 0 10px;display: inline-block;float: none}
	.line-slider{padding:5px 6% 0;width:100%;}
	.backPage{position: absolute;position: fixed;right:6%;top:60%}
	.float-box{position: absolute;position: fixed;right:10px;bottom:10px;}
	.tab-line-input .tab-no-input.street-input{width:90%}
	.tab-inner-line{float: left;box-sizing: border-box;width: 50%;padding: 20px 4.2% 0;}
	.login-main{left:8%;right:8%;}
	.login-banner{display: none;}
	.login-info-block{float: none;padding:0 10%;width: auto;}
	.login-popup-panel{left:2%;right: 2%;}
	.login-popup-desc{padding:20px 10px;}
	.login-popup-con{line-height: 1.4;}
	.popup-close{width:30px;height: 30px;right:-6px;top:-6px;}
	.popup-close img{width: 100%;height: 100%;}
	.login-info-item{padding:25px 5%;}
	.signUp-info-block .login-info-item{padding:25px 5%;}
	.login-footer img,.login-footer span{float: left;display: table-cell;}
	.login-footer{display: table;width: 100%;vertical-align: middle;}
	.login-footer span{text-align: left;width: 70%;height:53px; vertical-align: middle;margin-top: 5px;}

	.index-logo{float: none;text-align: center;margin:0 auto;width: 385px;}
	.top-info{float: none;padding:5px 0 15px 0;width:68%;margin:0 auto;max-width: 375px;}
	.top-info li.top-btn button{font-size: 14px;padding: 0 10px;}
	.top-info li.top-user{float:left;}
	.header-banner{padding:0 5.2% 0 5.3%;}
	.main{background-size: 130%;padding-top:40px;}
	.main-tab{margin:0 4.8% 0 4.9%;padding-top:15px;}
	.main-tab-video{background: #fff;display: flex;justify-content: center;width:80%;margin: 0 auto}
	.main-tab-video video{width:90%;}
	.tab-title{width: 65%;height: 45px;}
	.tab-title li{line-height: 45px;font-size: 16px;}
	.tab-history-line{float: none;width: 100%;}
	// .tab-history-left{padding:20px 10px;}
	.tab-map-line .tab-date{right:-5px;}
	.tab-agree,.tab-form-line{padding:15px 6% 0;}
	.tab-form-line{float: none;width: 100%;}
	.tab-form-line{padding:15px 6% 0;}
	.tab-form-line{float: none;width: 100%;padding:20px 6% 0;}
	.tab-step-line .tab-line-desc{width:auto;margin:18px 6% 0;}
	.step-title{padding:20px 6% 0;}
	.index-footer{padding: 20px 6%;}
	.tab-map-input input{width: 62%;}
	.tab-history-header{margin: 20px 0 20px 4.4%;}
	.tab-history-line{float: none;width: 97%;margin: 0 auto;}
	.tab-history-left{width: 55%;}
    .tab-history-right{width: 22.2%;}
	.tab-history-line{padding:15px 4% 0;}
	.top-info li.top-user{float:none;position: relative;display: inline-block;line-height: 23px;}
	.top-info ul{text-align: center}
	.setting-downLoad{padding: 0 30px 20px;margin-left:-79px;}

	.tab-form-step{width: 100%;}
	.ediID-btn{float: none;margin:10px 0 0 6%;}
	.title-languge{max-width: 280px}
	.tab-inner-line{float: left;box-sizing: border-box;width: 50%;padding: 20px 6% 0;}
	.news-list{padding:0px 4.2% 30px;}
	.news-img {width:30%;}
	.news-title{margin-left:30%;font-size: 18px;min-height: 100px;}
/* 	.tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:11px;display: block;text-align: center;width:100%} */
    .tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:37px;display: block;text-align: center;width:100%}
    .auto-close{padding:3px 10px;font-size: 14px;top:10px;right:10px;}
    .notice-line h4{font-size: 18px;padding:15px 0 5px 0;}
    .notice-list{padding:5px 10px 20px;}
 }
 @media screen and (min-width: 666px) and (max-width: 767px)  {
	 .address-mark{margin:30px 6%}
    .history-choose{margin:15px 13.5% 0;}
    .history-choose .history-choose-type{text-align: center;}
    .history-choose-type li { padding: 0 10px;display: inline-block;float: none}
 	.line-slider{padding:5px 6% 0;width:100%;}
 	.backPage{position: absolute;position: fixed;right:6%;top:60%}
	 .float-box{position: absolute;position: fixed;right:15px;bottom:15px;}
 	.tab-inner-line{float: left;box-sizing: border-box;width: 50%;padding: 20px 4.2% 0;} 
	.login-main{left:8%;right:8%;}
	.login-banner{display: none;}
	.login-info-block{float: none;padding:0 5%;width: auto;}
	.login-popup-panel{left:2%;right: 2%;}
	.login-popup-desc{padding:20px 10px;}
	.login-popup-con{line-height: 1.4;}
	.popup-close{width:30px;height: 30px;right:-6px;top:-6px;}
	.popup-close img{width: 100%;height: 100%;}
	.login-info-item{padding:25px 5%;}
	.signUp-info-block .login-info-item{padding:25px 5%;}
	.login-logo{width: 80%;}

	.index-logo{float: none;text-align: center;margin:0 auto;width: 385px;}
	.top-info{float: none;padding:5px 0 15px 0;width:68%;margin:0 auto;max-width: 375px;}
	.top-info li.top-btn button{font-size: 14px;padding: 0 10px;}
	.top-info li.top-user{float:left;}
	.header-banner{padding:0 5.2% 0 5.3%;}
	.main{background-size: 130%;padding-top:45px;}
	.main-tab{margin:0 4.8% 0 4.9%;padding-top:15px;}
	 .main-tab-video{background: #fff;display: flex;justify-content: center;width:60%;margin: 0 auto}
	 .main-tab-video video{width:90%;}
	.tab-title{width: 65%;height: 45px;}
	.tab-title li{line-height: 45px;font-size: 16px;}
	.tab-history-line{float: none;width: 100%;}
	.tab-map-line .tab-date{right:-5px;}
	.tab-history-line,.tab-agree,.tab-form-line{padding:15px 6% 0;}
	.tab-form-line{float: none;width: 100%;}
	.tab-step-line .tab-line-desc{width:auto;margin:18px 6% 0;}
	.step-title{padding:20px 6% 0;}
	.tab-history-header{margin: 20px 0 20px 5.4%;}
	.tab-history-line{float: none;width: 88%;margin: 0 auto;}
	.tab-history-left{width: 55.3%;}
	.tab-history-right{width: 23.2%;}
	.top-info li.top-user{float:none;position: relative;display: inline-block;line-height: 23px;}
	.top-info ul{text-align: center}
	.setting-downLoad{padding: 0 30px 20px;margin-left:-79px;}

	.tab-form-step{width: auto;margin:0 6% 0 0}
	.ediID-btn{padding:0 20px;}
	
	
	.tab-inner-line{float: left;box-sizing: border-box;width: 50%;padding: 20px 4.2% 0;}
	.news-list{padding:0px 4.2% 30px;}
	.news-img {width:30%;}
	.news-title{margin-left:30%;font-size: 20px;min-height: 100px;}
/* 	.tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:11px;display: block;text-align: center;width:100%} */
    .tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:37px;display: block;text-align: center;width:100%}
    .auto-close{padding:3px 10px;font-size: 14px;top:10px;right:10px;}
    .notice-line h4{font-size: 18px;padding:15px 0 5px 0;}
    .notice-list{padding:5px 10px 20px;}
 }
@media screen and (min-width: 768px) and (max-width: 899px) {
	.tab-line-list .tab-line-input{width:100%}
	.address-mark{margin:30px 2.2%}
	.history-choose{margin:15px 13.5% 0;}
    .history-choose .history-choose-type{text-align: center;}
    .history-choose-type li { padding: 0 10px;display: inline-block;float: none}
	.line-slider{padding:5px 2.2% 0;width:74.5%;}
	.backPage{position: absolute;position: fixed;right:6%;top:60%}
	.float-box{position: absolute;position: fixed;right:6%;bottom:30px;}
	.tab-line-input .tab-no-input.street-input{width:90%}
	.login-banner{display: none;}
	.login-info-block{float: none;padding:0 5%;width: auto;}
	.login-popup-panel{left:10%;right: 10%;}
	.login-info-item{padding:45px 12%;}
	.login-logo{width: 90%;}
	.signUp-info-block .login-info-item{padding:25px 12%;}
	.tab-step-line .tab-line-desc{width: 70%;}

	.index-logo{width: 45%;}
	.header-banner{padding:0 5.2% 0 5.3%;}
	.main{background-size: 130%;padding-top:54px;}
	.main-tab{margin:0 4.8% 0 4.9%;padding-top:15px;}
	.main-tab-video{background: #fff;display: flex;justify-content: center;width:50%;margin: 0 auto}
	.main-tab-video video{width:90%;}
	// .tab-history-left{padding:20px 10px;}
	.tab-map-line .tab-date{right:-5px;}
	.tab-history-line,.tab-form-line{padding:20px 2.2% 0}
	.tab-map-input input{width: 55%;}
	.tab-history-header{margin: 20px 0 20px 5.4%;}
	.tab-history-line{float: none;width: 80%;margin: 0 auto;}
	.tab-history-left{width: 57%;}
	.tab-history-right{width: 23.2%;}
	.tab-form-step{width: 70%;}
	.ediID-btn{padding:0 20px;}
	
	.news-list{padding:0px 4.2% 30px;}
	.news-img {width:26%;}
	.news-title{margin-left:26%;font-size: 20px;min-height: 100px;}
	.tab-history-right button.editInfo,.tab-history-right button.backInfo{padding:0 7%;}
	.auto-close{padding:3px 10px;font-size: 14px;top:10px;right:10px;}
    .notice-line h4{font-size: 18px;padding:15px 0 5px 0;}
    .notice-list{padding:5px 10px 20px;}
 }
@media screen and (min-width: 900px) and (max-width: 995px) {
	.tab-line-list .tab-line-input{width:100%}
	.address-mark{margin:30px 2.2%}
	.login-banner{width:45%;}
	.login-info-block{width: 55%;}
	.plane{top:50px;}
	.signUp-box .plane{top:55px;}
	.login-info-item{padding:25px 6%;}
	
	.tab-history-header{width:60px;height: 60px;margin:20px 0 20px 3.4%}
	.tab-history-left{width: 52%;padding:20px 2.2%;}
	.tab-history-right{width:24.9%}
	.tab-history-right button{padding:0 8%;}    
	.tab-history-left .link-user{right:0;}


	.index-logo{width: 45%;}
	.header-banner{padding:0 5.2% 0 5.3%;}
	.main{background-size: 130%;padding-top:62px;}
	.main-tab{margin:0 4.8% 0 4.9%;padding-top:15px;}
	.main-tab-video{background: #fff;display: flex;justify-content: center;width:40%;margin: 0 auto}
	.main-tab-video video{width:90%;}
	.tab-history-line,.tab-form-line{padding:20px 2.2% 0}
	.tab-map-input input{width: 55%;}
	.news-img {width:25%;}
	.news-title{margin-left:25%;font-size: 20px;min-height: 100px;}
/* 	.tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:11px;display: block;text-align: center;width:100%;} */
	.tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:37px;display: block;text-align: center;width:100%;}

}
@media screen and (min-width: 996px) and (max-width: 1199px) {
	.address-mark{margin:30px 2.2%}
	.plane{top:50px;}
	.signUp-box .plane{top:68px;}
	.login-banner{width:48%;}
	.login-info-block{width: 52%;}
	.login-info-item{padding:25px 6%;}

	.index-logo{width: 45%;}
	.header-banner{padding:0 5.2% 0 5.3%;}
	.main{background-size: 120%;padding-top:66px;}
	.main-tab{margin:0 8.3% 0 8.3%;}
	.main-tab-video{background: #fff;display: flex;justify-content: center;width:40%;margin: 0 auto}
	.main-tab-video video{width:90%;}
	.tab-history-line,.tab-form-line{padding:20px 2.2% 0}
	.news-img {width:25%;}
	.news-title{margin-left:25%;font-size: 20px;min-height: 100px;}

	.tab-history-header{width:60px;height: 60px;margin:20px 0 20px 3.4%}
	.tab-history-right button{padding:0 8%;}
	.tab-history-left{width: 52%;padding:20px 2.2%;}
	.tab-history-right{width:24.9%}
	.tab-history-left .link-user{right:0;}
/* 	.tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:11px;display: block;text-align: center;width:100%;} */
.tab-history-right button.editInfo,.tab-history-right button.backInfo{margin-top:37px;display: block;text-align: center;width:100%;}
}
  @media screen and (min-width: 1200px) and (max-width: 1399px) {
    .tab-history-left{width: 56%}
	.tab-history-left{width: 56%}
	.news-img {width:25%;}
	.news-title{margin-left:25%;font-size: 20px;min-height: 100px;}


    .tab-history-header{margin: 20px 0 20px 4%;}
    .tab-history-right button{padding:0 8%;}
    .main-tab{margin:0 4.8% 0 4.9%;}
    .main{background-size: 130%;padding-top:80px;}
 }
 @media screen and (min-width: 1400px) {
    .tab-history-left{width: 57%}
    .tab-history-header{margin: 20px 0 20px 4%;}
	.main{padding-top: 90px;}
	.news-img {width:21%;}
	.news-title{margin-left:21%;font-size: 20px;min-height: 100px;}
 }
 @media screen and (min-width: 1700px) {
    .tab-history-left{width: 59%}
    .tab-history-header{margin: 20px 0 20px 4%;}
	.main{padding-top: 90px;}
	.news-img {width:17%;}
	.news-title{margin-left:17%;font-size: 20px;min-height: 100px;}
 }