@charset "UTF-8";


.tool-wrap .tool-title {
    width: 350px;
    text-align: left;
    padding: 25px 0 30px 0;
    margin: auto;
}

.main-top{width: 1200px;background-color: #F5F5F5;border-radius:20px;margin-bottom: 30px;text-align: center;height: 40px;}
.main-top ul{display: inline-block;}
.main-top ul li{padding:10px 30px 9px;float: left;text-align: left;color: #666666;border-radius:39px;}
.main-top ul li.active{padding:10px 30px 9px;float: left;text-align: left;color: #ffffff;background-color: #2AA0EA}

/*main-content*/
.cha-form .form-left {width: 756px;float: left;border-bottom: 1px solid #8AD2FF;position: relative}

/*.cha-form .form-left {width: 756px;border-left: 1px solid #8AD2FF;border-right: 1px solid #8AD2FF;float: left;border-bottom: 1px solid #8AD2FF;border-top: 1px solid #E8E8E8;}*/
/* form-left */
.form-left .uploading-page{color:#2AA0EA;text-align:center;padding-top:120px;position: absolute;width: 754px;height: 195px;background-color: #ffffff;top:42px;left: 1px;z-index: 99999}
.form-left .uploading-page img{margin-right: 20px;}
.form-left .ul-tile{border:0px;}
.form-left .ul-tile li:nth-child(1){border-left: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;cursor:pointer;border-bottom:1px solid #8AD2FF;float: left;width: 376px;height: 40px;text-align: center;color: #666666;background-color: #F5F5F5;position: relative;}
.form-left .ul-tile li:nth-child(2){border-right: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;cursor:pointer;border-bottom:1px solid #8AD2FF;float: left;width: 378px;height: 40px;text-align: center;color: #666666;background-color: #F5F5F5;position: relative;}
.form-left .ul-tile li:nth-child(1).active{border-left: 1px solid #8AD2FF;border-top:1px solid #8AD2FF;border-bottom:0px;float: left;width: 376px;height: 41px;text-align: center;background-color: #ffffff}
.form-left .ul-tile li:nth-child(2).active {border-right:1px solid #8AD2FF;border-top:1px solid #8AD2FF;border-bottom:0px;float: left;width: 378px;height: 41px;text-align: center;background-color: #ffffff}
.form-left .ul-tile li ico{background-image:url("../img/realbatch-ico.png");width: 19px;height: 17px;display: inline-block;}

.form-left .ul-tile li .line-ico{z-index:999;background-position: -82px -66px;right: 0px;top:-1px;position: absolute;width: 20px;height: 42px;display: inline-block;}
.form-left .ul-tile li.active .line-ico{z-index:999;background-position: -61px -66px;right: -19px;top:-1px;position: absolute;width: 20px;height: 42px;display: inline-block;}

.form-left .ul-tile li .text-ico{background-position: -50px 0px;left: -23px;top:0px;position: absolute;}
.form-left .ul-tile li.active .text-ico{background-position: 0px 0px;left: -25px;top:0px;position: absolute;}
.form-left .ul-tile li .upload-ico{background-position: -72px 0px;left: -25px;top:0px;position: absolute;width: 20px;height: 17px;}
.form-left .ul-tile li.active .upload-ico{background-position: -24px 0px;left: -25px;top:0px;position: absolute;width: 22px;height: 17px;}
.form-left .ul-tile li span{width: 64px;height: 42px;text-align: center; color: #666666;line-height: 42px;position: relative;}
.form-left .ul-tile li.active span{width: 64px;height: 42px;text-align: center; color: #2AA0EA;line-height: 42px;position: relative;}

.textpage,.textpage-succ,.uploadpage,.uploadpage-succ,.uploadpage-err,.textpage-err {width:754px;border-left: 1px solid #8AD2FF;border-right: 1px solid #8AD2FF;}
.textpage .textarea {width: 100%;height: 251px;color: #666;white-space: pre-wrap;border: 0px;box-sizing: border-box;padding: 12px 12px 40px 12px;}
.textpage .textarea::placeholder {color:#B9B9B9}
.textpage .t-bottom{border-top: 1px solid #E6E6E6;position: relative;font-size: 0px;}
.textpage .t-bottom .text-button{font-size:16px;border-radius:2px;cursor:pointer;width: 100px;height: 38px;line-height:38px;color: #FFFFFF;background-color:#2AA0EA;margin:10px 0px 10px 12px;text-align: center;display: inline-block}
.textpage .t-bottom span{cursor:pointer;color: #2AA0EA;margin-left: 24px;font-size: 16px;border: 0px;}

.textpage .stat {font-size:14px;width:150px;text-align:right;position:absolute;top:-40px;right:10px;line-height: 40px;color: #B9B9B9;float: left;padding: 0 10px 0 12px;}
.textpage .t-bottom .stat span{cursor:pointer;color: #2AA0EA;margin-left: 0px;color: #B9B9B9;}
.textpage .t-bottom .stat-ban{color: #ff1b1b;}
.textpage .t-bottom .stat-ban span{color: #ff1b1b;}


.textpage-succ ico{background-image:url("../img/realbatch-ico.png");}
.textpage-succ{height: 255px;padding-top:30px;padding-bottom: 30px;}
.textpage-succ .up-succ{margin-top: 20px;margin-left: 45px;padding-left:30px;font-size: 18px;position: relative;}
.textpage-succ .up-succ ico{width: 20px;height: 22px;background-position: -24px -23px;position: absolute;left:0px;}
.textpage-succ ul li {margin: 10px 0px 0px 45px;position: relative;color: #666666;}
.textpage-succ ul li span{color: #F4302C;font-weight: bold;}
.textpage-succ .reback-btn {cursor:pointer;border-radius:5px;border:1px solid #2AA0EA;padding-left:20px;margin-top:20px;margin-left:45px;width:92px;height: 36px;line-height:36px;color: #2AA0EA;font-size: 16px;text-align: center;position: relative}
.textpage-succ .reback-btn ico{left:13px;top:11px;background-position: -50px -28px;position: absolute;width: 18px;height: 18px;display: inline-block;}

.textpage-err ico{background-image:url("../img/realbatch-ico.png");}
.textpage-err {height: 255px;padding-top:10px;padding-bottom: 50px;}
.textpage-err .up-error{color: #FF3E3E;margin-left: 45px;padding-top: 20px;padding-left:30px;font-size: 18px;position: relative;}
.textpage-err .up-error ico{width: 20px;height: 22px;background-position: 0px -23px;position: absolute;left:0px;}
.textpage-err ul {margin: 15px 0px 0px 0px;}
.textpage-err ul li {margin: 5px 0px 0px 45px;position: relative;color: #666666}
.textpage-err ul li ico{width:20px;height: 20px;display: inline-block;position: absolute;background-position:-70px -25px; }
.textpage-err ul li span{margin-left: 25px;color: #2AA0EA;}
.textpage-err ul li span a{color: #2AA0EA;}
.textpage-err .reback-btn {cursor:pointer;border-radius:5px;border:1px solid #2AA0EA;padding-left:20px;margin-top:20px;margin-left:45px;width:92px;height: 36px;line-height:36px;color: #2AA0EA;font-size: 16px;text-align: center;position: relative}
.textpage-err .reback-btn ico{left:13px;top:11px;background-position: -50px -28px;position: absolute;width: 18px;height: 18px;display: inline-block;}


.uploadpage{height: 255px;padding-top:30px;padding-bottom: 30px;text-align: center;}
.uploadpage ico{background-image:url("../img/realbatch-ico.png");}
.uploadpage .upimg {text-align: center;margin-top: 20px;}
.uploadpage .upimg ico{background-position: 1px -102px;width: 55px;height: 40px;display: inline-block;}
.uploadpage .upimg-text {text-align: center;margin-top: 10px;}
.uploadpage .upimg-text span{color: #2AA0EA;cursor:pointer}
.uploadpage ul  {margin-top:10px;text-align: center;display: inline-block;width: 500px;text-align: left}
.uploadpage ul li {color: #999999;margin-top: 5px;}
.uploadpage ul li span a{color: #2AA0EA}
#ID-upload-demo-drag .layui-upload-file{display: none;}
#ID-upload-demo-drag{cursor: pointer}

.uploadpage-succ ico{background-image:url("../img/realbatch-ico.png");}
.uploadpage-succ{height: 255px;padding-top:30px;padding-bottom: 30px;}
.uploadpage-succ .up-succ{margin-top: 20px;margin-left: 45px;padding-left:30px;font-size: 18px;position: relative;}
.uploadpage-succ .up-succ ico{width: 20px;height: 22px;background-position: -24px -23px;position: absolute;left:0px;}
.uploadpage-succ ul li {margin: 10px 0px 0px 45px;position: relative;color: #666666}
.uploadpage-succ ul li span.up-count{color: #F4302C; font-weight: bold;}
.uploadpage-succ .reback-btn {cursor:pointer;border-radius:5px;border:1px solid #2AA0EA;padding-left:20px;margin-top:20px;margin-left:45px;width:92px;height: 36px;line-height:36px;color: #2AA0EA;font-size: 16px;text-align: center;position: relative}
.uploadpage-succ .reback-btn ico{left:13px;top:11px;background-position: -50px -28px;position: absolute;width: 18px;height: 18px;display: inline-block;}





.uploadpage-err ico{background-image:url("../img/realbatch-ico.png");}
.uploadpage-err {height: 255px;
    padding-top: 10px;
    padding-bottom: 50px;}
.uploadpage-err .up-error{color: #FF3E3E;margin-left: 45px;padding-top: 30px;padding-left:30px;font-size: 18px;position: relative;}
.uploadpage-err .up-error ico{width: 20px;height: 22px;background-position: 0px -23px;position: absolute;left:0px;}
.uploadpage-err ul {margin: 15px 0px 0px 0px;}
.uploadpage-err ul li {margin: 5px 0px 0px 45px;position: relative;color: #666666;}
.uploadpage-err ul li ico{width:20px;height: 20px;display: inline-block;position: absolute;background-position:-70px -25px; }
.uploadpage-err ul li span{margin-left: 25px;color: #2AA0EA;}
.uploadpage-err ul li span a{color: #2AA0EA;}
.uploadpage-err .reback-btn {cursor:pointer;border-radius:5px;border:1px solid #2AA0EA;padding-left:20px;margin-top:20px;margin-left:45px;width:92px;height: 36px;line-height:36px;color: #2AA0EA;font-size: 16px;text-align: center;position: relative}
.uploadpage-err .reback-btn ico{left:13px;top:11px;background-position: -50px -28px;position: absolute;width: 18px;height: 18px;display: inline-block;}

/* form-right */
.form-right {width: 430px;height:356px;float: right;border: 1px solid #EEEEEE;}
.form-right ico{background-image:url("../img/realbatch-ico.png");}
.form-right .right-content{padding: 12px;}
.form-right .r-search-title{position: relative}
.form-right .r-search-title ico{cursor:pointer;background-position: -81px -48px;width: 13px;height: 13px;position: absolute;left: 88px;top:3px;}
.r-search-content ul{margin-top: 5px;}
.r-search-content ul li{cursor:pointer;position:relative;float: left; padding-left:30px;width: 62px;height: 32px;border: 1px solid #E6E6E6;margin:5px 10px 0px 0px;text-align: left;line-height: 32px;}
.r-search-content ul li:nth-child(4){margin: 5px 0px 0px 0px;}
.r-search-content ul li.active{position:relative;float: left; padding-left:30px;width: 62px;height: 32px;border: 1px solid #2AA0EA;margin:5px 10px 0px 0px;text-align: left;line-height: 32px;}
.r-search-content ul li:nth-child(4).active{margin: 5px 0px 0px 0px;}

.r-search-content ul li ico{background: url(../img/zhshoulu.png);}
.r-search-content ul li .select-lan{left:10px;top:9px;background-position: -16px -48px;width: 12px;height: 13px;display: inline-block;position: absolute}
.r-search-content ul li.active .select-lan{left:10px;top:9px;background-position: 0px -48px;width: 12px;height: 13px;display: inline-block;position: absolute}

.r-search-content ul li .bg-ico-bdpc{background-position: -0px -0px;width: 25px;height: 21px;position: absolute;right: 0px;bottom: 0px;}
.r-search-content ul li .bg-ico-bdyd{background-position: -0px -0px;width: 25px;height: 21px;position: absolute;right: 0px;bottom: 0px;}
.r-search-content ul li .bg-ico-gl{background-position: -28px 0px;width: 19px;height: 19px;position: absolute;right: 0px;bottom: 0px;}
.r-search-content ul li .bg-ico-sg{background-position: 0px -26px;width: 20px;height: 20px;position: absolute;right: 0px;bottom: 0px;}
.r-search-content ul li .bg-ico-360{background-position: -51px 0px;width: 20px;height: 20px;position: absolute;right: 0px;bottom: 0px;}
.r-search-content ul li .bg-ico-sm{background-position: -24px -25px;width: 18px;height: 21px;position: absolute;right: 0px;bottom: 0px;}
.r-search-content ul li .bg-ico-by{background-position: -47px -26px;width: 14px;height: 20px;position: absolute;right: 0px;bottom: 0px;}

.form-right .r-selfopt-title{position: relative;margin-top: 15px;}
.form-right .r-selfopt-title ico{cursor:pointer;background-position: -81px -48px;width: 13px;height: 13px;position: absolute;left: 88px;top:3px;}
.r-selfopt-content ul{margin-top: 5px;}
.r-selfopt-content ul li ico{background: url(../img/zhshoulu.png);}
.r-selfopt-content ul li{cursor:pointer;position:relative;float: left; padding-left:30px;width: 62px;height: 32px;border: 1px solid #E6E6E6;margin:5px 10px 0px 0px;text-align: left;line-height: 32px;}
.r-selfopt-content ul li.active{position:relative;float: left; padding-left:30px;width: 62px;height: 32px;border: 1px solid #2AA0EA;margin:5px 10px 0px 0px;text-align: left;line-height: 32px;}
.r-selfopt-content ul li .select-lan{left:10px;top:9px;background-position: -16px -48px;width: 12px;height: 13px;display: inline-block;position: absolute}
.r-selfopt-content ul li.active .select-lan{left:10px;top:9px;background-position: 0px -48px;width: 12px;height: 13px;display: inline-block;position: absolute}

.right-content .sum-cost{height:60px;padding:0px 0px 0px 0px;position:relative;color: #999999;display: inline-block;float: left;}
.right-content .sum-cost ico{cursor:pointer;margin:0px 0px 0px 0px;background-position: -81px -48px;width: 13px;height: 13px;display:inline-block;left: 88px;top:3px;}
.right-content .sum-cost .ico_msg{padding:10px;border-radius:5px;left: 30px;top: 34px;color:#FFFFFF;background-color:rgba(0,0,0,0.61); position: absolute;width: 322px;height: 18px;line-height:18px;text-align:left;}
.right-content .sum-cost .ico_bz{left:32px;top:-6px;position:absolute;background-image:url("../img/realbatch-ico.png");background-position: -62px -113px;width: 17px;height: 6px;}
.right-content .sum-cost .no-show{width: 87px;display: inline-block}
.right-content .sum-cost .sum-name{position: absolute;width: 87px;left:3px; bottom: 30px;}

.right-content .r-search-title .ico_bz{left:56px;top:-6px;position:absolute;background-image:url("../img/realbatch-ico.png");background-position: -62px -113px;width: 17px;height: 6px;}
.right-content .r-search-title .ico_msg{padding:10px;border-radius:5px;z-index:9999;left: 30px;top: 25px;color:#FFFFFF;background-color:rgba(0,0,0,0.61); position: absolute;height: 18px;line-height:18px;text-align:center;}

.right-content .r-selfopt-title .ico_bz{left:56px;top:-6px;position:absolute;background-image:url("../img/realbatch-ico.png");background-position: -62px -113px;width: 17px;height: 6px;}
.right-content .r-selfopt-title .ico_msg{padding:10px;border-radius:5px;z-index:9999;left: 30px;top: 25px;color:#FFFFFF;background-color:rgba(0,0,0,0.61); position: absolute;line-height:18px;text-align:left;}


.right-content .sum-cost .def{margin: 0px 0px 0px 0px;position: absolute;left:100px;top:10px;width: 30px;}
.right-content .sum-cost .def-load{margin: 0px 0px 0px 0px;position: absolute;left:100px;top:10px;width: 30px;}
.right-content .sum-cost .sum{color:#F4302C;margin: 0px 0px 0px 92px; }
.right-content .sum-cost .sum-num{font-size: 22px;}
.right-content .sum-cost .has_line{margin: 0px 5px 0px 5px}
.right-content .btn-submit{width: 100px;height: 38px;background-color: #9DD9FF;display: inline-block;text-align: center;line-height: 38px;color:#FFFFFF; float: right;font-size: 16px;border-radius: 2px;}
.right-content .btn-submit-active{cursor:pointer;background-color: #2AA0EA;width: 100px;height: 38px;display: inline-block;text-align: center;line-height: 38px;color:#FFFFFF; float: right;font-size: 16px;border-radius: 2px;}

.layui-upload-file{display: none;}



/*botton-progcess*/
.progcess-map{width: 1200px;margin-bottom: 30px;margin-top: 30px;}
.progcess-map ul {position:relative;}
.progcess-map ul li ico{background-image:url("../img/realbatch-ico.png");}
.progcess-map ul li{border:1px solid #D9F0FF;color: #333333;width: 298px;height: 63px;float: left;text-align: center;background-color: #F6FBFF;}
.progcess-map ul li span{padding-left:20px;position: relative;margin-left:20px;height: 63px;line-height: 63px;width: 100px;text-align: center;}
.progcess-map ul li span .pnumber{left:-14px;top:-5px;width: 27px;height: 28px;position: absolute;background-position: -2px 28px;}
.progcess-map ul li span .pn-2{background-position: -32px 28px;}
.progcess-map ul li span .pn-3{background-position: -62px 28px;}
.progcess-map ul li span .pn-4{background-position: -92px 28px;}
.progcess-map ul li .pnext-ico{top:0px;left:290px;width: 30px;height: 65px;position:absolute;display:inline-block;background-position: -96px 0px;}
.progcess-map ul li .i-l-590{left:590px;}
.progcess-map ul li .i-l-890{left:890px;}

/*botton-result*/
.cha-box-nav .nav-title{border-left: 4px solid #45A1ED;padding-left: 10px;font-size: 16px; float:left;}
.cha-box-nav .nav-remark{float:right;line-height: 24px;color: #B9B9B9}

.table-realbatch{width: 1200px;table-layout: fixed;}
.table-realbatch .rscount{color: #FC6008}
/*.table-realbatch tr{height: 51px;}*/
.table-realbatch tr td {text-align: center;vertical-align: middle;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;padding:10px 20px 10px 20px;position: relative;overflow: hidden;white-space: nowrap;word-break: keep-all;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.table-realbatch tr.trcol6 td:nth-child(1) {color:#999999;text-align: center;vertical-align: middle;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;padding:10px 20px 10px 20px;position: relative;overflow: hidden;white-space: nowrap;word-break: keep-all;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.table-realbatch tr td:nth-child(1),.table-realbatch tr td:nth-child(4),.table-realbatch tr td:nth-child(5),.table-realbatch tr td:nth-child(6) {text-align: left;}
.table-realbatch tr td:nth-child(1){color:#666666;text-align: left;width: 150px;padding:0px 0px 0px 20px;}
.table-realbatch tr td:nth-child(2){text-align: left;width: 80px;padding:0px 0px 0px 20px;}
.table-realbatch tr td:nth-child(3){text-align: left;width: 400px;padding:0px 0px 0px 20px;}
.table-realbatch tr td:nth-child(4){text-align: left;width: 220px;padding:0px 0px 0px 20px;}
.table-realbatch tbody tr td:nth-child(5){text-align: left;width: 108px;padding:0px 0px 0px 40px;}
.table-realbatch ico{background-image:url("../img/realbatch-ico.png");position: absolute;}
.table-realbatch .iwaiting {color: #F4302C;}
.table-realbatch .iwaiting ico{width:15px;height:16px;display:inline-block;background-position: -21px -48px;left: 20px;top:16px;}
.table-realbatch .iend{color: #64AD50;}
.table-realbatch .iend ico{width:15px;height:16px;display:inline-block;background-position: 0px -48px;left: 20px;top:17px;}

.table-realbatch tr td.downtd{width: 90px;height: 30px;position: relative;}
.table-realbatch tr td div.download{border-radius:6px;cursor: pointer;line-height:28px;padding-left:25px;position:absolute;left:18px;top:10px;text-align:left;color: #2AA0EA;border: 1px solid #2AA0EA;width: 66px;height: 28px;}
.table-realbatch div.download ico{background-position: -42px -50px;left:10px;top:6px;display:inline-block;width:12px;height:12px;color: #2AA0EA}
.table-realbatch tr td div.download-expire{border-radius:6px;cursor: pointer;line-height:28px;padding-left:15px;position:absolute;left:18px;top:10px;text-align:center;color: #999999;border: 1px solid #DCDCDC;width: 66px;height: 28px;}
.table-realbatch div.download-expire ico{background-position: -63px -50px;left:10px;top:8px;display:inline-block;width:12px;height:12px;color: #999999}

/*.table-height-dive{ height: 280px;}*/

/*#pagination{text-align: center;}*/
/*#pagination ul {margin-top: 20px;display: inline-block;}*/
/*#pagination ul li{cursor:pointer;float: left;width: 30px;height: 30px;margin-left: 5px;background-color: #F3F3F3;color: #B6B7B8;text-align: center;}*/
/*#pagination ul li.active{background-color: #2AA0EA;color: #ffffff;}*/

.cha-box-list {margin-top: 10px;margin-bottom: 55px;}


.cha-form .search-message {color: #FF1B1B;font-size: 12px;background: #FFF7F7;padding: 5px 12px;margin-top: 8px;}
.cha-form .search-message p {line-height: 22px;}
.cha-form .search-message p a {color: #FF1B1B;font-size: 12px;background: #FFF7F7;}


/*.vips_member .ad-hearder{*/
/*    width: 440px;*/
/*}*/

.popup_vips td .vips_page span {
    font-size: 16px;
    color: #2AA0EA;
}

/*.popup_vips .vips_page span {*/
/*    font-size: 12px;*/
/*    color: #999;*/
/*}*/

.popup_vips .tabs-content .explain span {
    color: #fa924c;
}

#pagination{padding: 25px 0 20px}