.ssp003-sqlc { background-color: #F6F6F6;}
.ssp003-sqlc .content { padding-bottom: 50px; position: relative;}
.ssp003-sqlc h2 { display: block; text-align: center; color: #1B2F62; font-size: 36px; padding: 80px 0px 30px 0px; font-weight: normal;}
.ssp003-sqlc ul { width: 1000px; display: flex; background-color: #EEEEEE; border: solid 1px #D3D3D3; border-radius: 5px; margin: 40px auto;}
.ssp003-sqlc ul li { flex-grow: 1; height: 52px; line-height: 52px; color: #272727; text-align: center; font-size: 16px; font-weight: 500; position: relative;}
.ssp003-sqlc ul li.active { background-color: #0191FF; color:#FFFFFF;}
.ssp003-sqlc ul li.active div.s1:after { display: block; position: absolute; top: 0px; right: -23px; content: ''; width: 45px; height: 52px; background-image: url('../image/ssp003-002.png');}
.ssp003-sqlc ul li.active div.s2:before { display: block; position: absolute; top: 0px; left: -23px; content: ''; width: 45px; height: 52px; background-image: url('../image/ssp003-001.png');}
.ssp003-sqlc ul li.active div.s2:after { display: block; position: absolute; top: 0px; right: -23px; content: ''; width: 45px; height: 52px; background-image: url('../image/ssp003-002.png');}
.ssp003-sqlc ul li.active div.s3:before { display: block; position: absolute; top: 0px; left: -23px; content: ''; width: 45px; height: 52px; background-image: url('../image/ssp003-001.png');}

.ssp003-form { background-color: #F6F6F6;}
.table-form { width: 1000px; margin: auto; margin-bottom: 40px;}
.table-form-row { display: flex; margin-bottom: 15px;}
.table-form-row>div { height: auto;}
.table-form-row>.label { width: 20%;}
.table-form-row>.label label { display:block; font-weight: 600; text-align: right; padding: 8px 20px;}
.table-form-row>.input-tiem{ width: 55%;}
.table-form-row>.input-tiem input { width: 100%; border: solid 1px #E9E9E9; border-radius: 5px; height: 36px; color: #666666; padding: 0px 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.table-form-row>.desc { width: 25%; padding: 10px 0px;}
.table-form-row>.desc i { margin-right: 5px; margin-left: 5px;}
.table-form-row>.desc i.succ { color: #21b384;}
.table-form-row>.desc i.err { color: #d44950;}
.table-form-row>.desc .error { color: #d44950; font-size: 12px;}

.zcszd { display: flex;}
.zcszd select { width:25%; flex-grow: 1; height:34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left:8px; margin: 0px 5px; color: #666666; border-color: #E9E9E9; border-radius: 5px;}
.zcszd select:nth-of-type(1){ margin-left: 0px;}
.zcszd select:nth-of-type(3){ margin-right: 0px;}
.sshy { display: flex;}
.sshy select { flex-grow: 1; height:34px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left:8px; color: #666666; border-color: #E9E9E9; border-radius: 5px;}

.table-form .topic { position: relative;}
.table-form .topic label { display: inline-block; position: relative; padding: 10px 20px; text-align: center; font-size: 18px; font-weight: 500; color: #2E2E2E; background-color: #F6F6F6; z-index: 10;}
.table-form .topic:after { display: block; position: absolute; width: 100%; content: ''; border-top: solid 1px #BFBFBF; top: 20px;}

.upload-row { margin: 60px 0px 60px 0px; display: flex;}
.upload-row div.item-left { width: 60%;}
.upload-row div.item-right { width: 40%;}
.upload-row div.item-left ul { display: flex;}
.upload-row div.item-left ul li { flex-grow: 1;}
.upload-item { width: 240px; border: solid 1px #E4E4E4; background-color: #FFFFFF; border-radius: 5px;}
.upload-item .img { width: 240px; height: 150px; background-position: center; background-repeat: no-repeat;}
.img1 { background-image: url('../image/ssp003-003.png')}
.img2 { background-image: url('../image/ssp003-004.png')}
.img3 { background-image: url('../image/ssp003-007.png')}
.img4 { background-image: url('../image/ssp003-008.png')}
.img5 { background-image: url('../image/ssp003-009.png')}
.upload-item .img img { width: 240px; height: 150px;}
.upload-item .btn { height: 40px; text-align: center; background-color: #0191FF; border-radius: 0px 0px 5px 5px; color: #FFFFFF;}
.upload-item .btn a { display: block; line-height: 40px; color: #FFFFFF; font-size: 14px; text-align: center;position: relative;}
.upload-item .btn a:hover { text-decoration: underline;}
.upload-item .btn a.a1 { width: 40%; display: inline-block;}
.upload-item .btn .file-btn{position: absolute;opacity: 0; top: 0; left: 0;cursor: pointer;height: 100%;}
.upload-row div.item-right .example { height: 180px; background-color: #EEEEEE; border: solid 1px #E5E5E5; border-radius: 5px;}
.upload-row div.item-right .example h1 { font-weight: 500; font-size: 18px; line-height: 30px; padding-left: 20px; margin-top: 10px;}
.example ul { display: flex; padding-top: 10px;}
.example ul li { flex-grow: 1;}
.example ul li .example-item .example-item-img { width: 140px; height: 90px; background-color: #FFFFFF; border: solid 1px #E4E4E4; border-radius: 5px; text-align: center; margin: auto;}
.example ul li .example-item .example-item-img img { width: 100px; height: 68px; margin: auto; margin-top: 10px;}
.example ul li .example-item span { display: block; text-align: center;}
.example ul li .example-item span a { font-size: 12px; color: #0098FF;}
.example ul li .example-item span a:hover { text-decoration: underline;}
.example p { padding: 15px 20px; line-height: 26px; color: #555; letter-spacing: 2px;}
.example p b { color: #007bff; font-weight: 500;}
.example p span { color: #168174; font-weight: 500;}

.submit-btn { display: block; width: 200px; font-size: 16px; font-weight: 500; text-align: center; cursor: pointer; background-color: #0191FF; color: #FFFFFF; padding: 12px; border-radius: 6px; margin: 30px auto 60px;}
.submit-btn:hover { color: #FFFFFF; }
.gray-btn{background-color: darkgray;display: inline-block;}

.succ-panel { border: solid 1px #DBDBDB; width: 800px; background-color: #FFF; padding: 20px 50px; margin: 0px auto 40px;}
.succ-panel-header { line-height: 40px; text-align: center; color: #0191FF; font-size:22px; padding-bottom: 10px; border-bottom: dashed 1px #A7A7A7;}
.succ-panel-body { padding: 30px 10px; line-height: 26px; letter-spacing: 1px; border-bottom: dashed 1px #A7A7A7;}
.succ-panel-body p { font-size: 15px; color: #666; line-height: 30px;}
.succ-panel-body p span { color: #EC9D4F; font-weight: 600;}
.succ-panel-body p b { color: #333;}
.succ-panel-body p a { color: #3E93D4;}
.succ-panel-bottom { padding: 20px; text-align: center;}

@media(max-width:640px){
    .succ-panel { width: auto; padding: 20px; margin: 20px;}
    .succ-panel-header {}
    .succ-panel-header img { display: block; margin: auto;}
    .succ-panel-body p { font-size: 14px;}
}