/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#666; min-width:1200px; background:#f0f2f3;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico,.select_region i,.apply-mod .photo-con .list .close-btn{ background:url("/OtherItem/images/2020CourseDelayApply/ico.png") no-repeat;}

/**/
.header-wrap{ width:100%; background:#fff;}
.footer-wrap{ width:100%; margin-top:23px}
.title{ height:62px; line-height:62px; background:#fff; text-align:center; font-size:22px; border-radius:8px; margin-top:20px;}

/**/
.applyList-mod{ background:#fff; border-radius:8px; padding:20px 20px 40px; margin-top:10px;}
.applyList-mod .topTips{ display:none; background:#fff9db; border-radius:8px; padding:18px 30px; }
.applyList-mod .topTips p{ color:#f4674b; line-height:28px;}
.applyList-mod .topTips p a{color:#f4674b;}
.applyList-mod .tab-tit{ padding:0 0 20px 14px;}
.applyList-mod .tab-tit li{ float:left; line-height:45px; font-size:18px; font-weight:bold; margin-right:52px; position:relative; cursor:pointer;}
.applyList-mod .tab-tit li.on{ color:#3095fc;}
.applyList-mod .tab-tit li.on i{ display:block; width:100%; height:2px; background:#3095fc; position:absolute; left:0; bottom:-2px;}
.applyList-mod .tab-con{ display:none}
.applyList-mod .tit{ line-height:56px; margin-top:6px; padding-left:15px; position:relative; font-size:16px;}
.applyList-mod .tit i{ display:block; width:3px; height:17px; background:#3095fc; position:absolute; left:0; top:50%; margin-top:-8px;}
.applyList-mod .table{ width:100%; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0;}
.applyList-mod .table th{ height:54px; line-height:54px; text-align:center; background:#f6f8fb; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.applyList-mod .table td{ height:34px; line-height:34px; text-align:center; padding:10px 0; color:#666; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.applyList-mod .table .btn{ color:#3095fc;}
.applyList-mod .table .btn.noTime-tags,.applyList-mod .table .btn.other-tags{ color:#ccc;}

/**/
.apply-mod{ background:#fff; border-radius:8px; padding:20px 0 100px; margin-top:10px;}
.apply-mod .box{ margin-bottom:20px;}
.apply-mod .box .tit{ float:left; width:146px; text-align:right; height:40px; line-height:40px; color:#9e9e9e; margin-right:10px;}
.apply-mod .box .tit span{ color:#ff0000;}
.apply-mod .box .con{ float:left;}
.apply-mod .box .con .text{ line-height:40px; color:#666;}
.apply-mod .box .courseName{ padding-top:4px;}
.apply-mod .box .courseName p{ line-height:32px;}
.apply-mod .ipt1{ float:left; width:620px; border-radius:8px; border:1px solid #999; outline:none; text-indent:10px; height:40px;line-height:40px; background:#fff;}
.apply-mod .btn-wrap{ padding:0 0 20px 156px;}
.apply-mod .btn-wrap .btn{ display:none; float:left; width:110px; height:40px; line-height:40px; text-decoration:none; background:#3095fc; box-shadow:0 3px 6px #d4e9fe; border-radius:50px; text-align:center; font-size:16px; color:#fff;}
.apply-mod .pictureUpload{  width:200px; height:112px;}
.apply-mod .pictureUpload-btn{ float:left;}
.apply-mod .photo-con .list{ float:left;}
.apply-mod .photo-con .list li{ float:left; width:200px; height:112px; position:relative; margin-right:20px;}
.apply-mod .photo-con .list li img{ border-radius:6px; cursor:pointer; max-width:200px; max-height:112px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.apply-mod .photo-con .list li .Loading{width:200px;height:112px;background:url(//www.chinaacc.com/images/loadNew.gif) no-repeat center #fff; position:absolute; left:0; top:0; z-index:900;}
.apply-mod .photo-con .list .close-btn{ display:block; width:20px; height:20px; position:absolute; right:-9px; top:-9px; background-position:0 0; z-index:2;}
.apply-mod .file-box{ float:left; width:200px; height:112px; background:#f5f5f7; border-radius:4px; }
.apply-mod .file-box .file{ width:200px; height:112px; position:absolute; top:0; left:0; border:0; cursor:pointer; filter:alpha(opacity:0);opacity: 0; z-index:2;}
.apply-mod .file-box i{ display:block; width:39px; height:39px; left:50%; top:50%; margin:-20px 0 0 -20px; background-position:0 -27px;}
.apply-mod .state-con{}
.apply-mod .state-con p{ display:none; font-weight:bold; line-height:40px;}
.apply-mod .state-con .fail-tags{ color:#ff9e2b;}

/**/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}
.select_region{ float:left; _display:inline; margin-right:20px; width:190px;height:50px;}
.select_region input{width:188px; overflow:hidden; height:38px;line-height:38px; text-indent:10px; border:1px solid #999; outline:none; background:#fff; border-radius:8px; font-size:14px; color:#b7babd;}
.select_region input.on{color:#666}
.select_region i{display:block;width:12px;height:8px;top:17px; right:10px; z-index:2; background-position:0 -139px;  _overflow:hidden;}
.select_region i.on{ background-position:0 -148px;}
.select_region ul {width:188px; border:1px solid #a7cee2;background:#fff; }
.select_region ul.show{border:1px solid #e9e9e9}
.select_region ul li {overflow:hidden;width:96%;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 4%}
.select_region ul li.hover {background:#a7cee2;color:#fff}

/**/
.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.6;filter:alpha(opacity=60); z-index:998;}
.photo-pop{ display:none; background:#fff; position:fixed; left:50%; margin-left:-287px; top:50%; z-index:999; border-radius:10px;}
.photo-pop .close-btn{ display:block; width:44px; height:44px; position:absolute; right:-60px; top:-27px; background-position:0 -81px;}

/**/
.toast{ display:none; width:300px; position:fixed; left:50%; margin-left:-150px; top:50%; color:#fff; z-index:99; text-align:center; padding:18px 0;}
.toast .ico01,.toast .ico02{ display:inline-block; *display:inline; *zoom:1; width:36px; height:36px; margin-right:12px; background-position:0 -135px; vertical-align:-12px; *vertical-align:-6px;}
.toast .ico02{ background-position:0 -181px;}
.toast h3{ position:relative; z-index:2; font-weight:normal;}
.toast p{ line-height:28px; font-size:12px; position:relative; z-index:2;}
.toast span{ display:block; width:300px; height:100%; background:#000; opacity:.6;filter:alpha(opacity=60); position:absolute; left:0; top:0; z-index:1; border-radius:6px;}