﻿html, body {
    padding:0;margin:0;
    font-family: 'microsoft yahei', sans-serif;
    color: #696969;
    background-color: White;
}

a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section {
    display: block;
}
.p-header{height:142px;width:100%;min-width:1010px;background:url(img/header.png) top no-repeat}
.p-header h2{font-size:45px;line-height:142px;color:#FFF;font-weight:500;text-align:center;margin:0}
.p-main{width:90%;max-width:1320px;min-width:1010px;margin:0 auto;}
.flow-part{}
.flow-part .p-col{width:33.3%;float:left}
.p-col:first-child .panel{margin-left:0}
.p-col:last-child .panel{margin-right:0}
.panel{margin:20px 15px;border:1px solid #EAEAEA}
.panel .panel-header{background-color:#F2F2F2;line-height:48px;height:48px;padding:0 20px}
    .panel .panel-header .title {color: #000; font-size: 16px; font-weight: 600}
    .panel .panel-header .more{ color:#4289FD;font-size:12px;float:right}
    .panel .panel-header .more .split{display:inline-block;vertical-align:sub;height:14px;border-left:1px solid #666;width:0;margin:0 6px}
.panel .panel-body{padding:20px;min-height:120px}
.switch-tab{margin-right:10px;color:#ABABAB;font-size: 16px;font-weight: 600;position:relative;display:inline-block;cursor:pointer}
.switch-tab.current-tab{color:#000}
.switch-tab .showline{position:absolute;height:3px;background:#4D78BF;bottom:0;width:100%;transition: all 0.2s ease 0s;width: 0%;}
.switch-tab.current-tab .showline {width:100%}

.ggtz-tab {
    margin-right: 10px;
    color: #ABABAB;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    cursor: pointer
}

    .ggtz-tab.ggtzcurrent-tab {
        color: #000
    }

.ggtz-tab .showline {
    position: absolute;
    height: 3px;
    background: #4D78BF;
    bottom: 0;
    width: 100%;
    transition: all 0.2s ease 0s;
    width: 0%;
}

    .ggtz-tab.ggtzcurrent-tab .showline {
        width: 100%
    }

ul.listview{margin:0;padding:0;}
ul.listview li{list-style:none;color:#000;line-height:28px;font-size:14px;position:relative;cursor:pointer}
ul.listview li .info-title{width:73%;display:inline-block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;vertical-align:middle}
ul.listview li .info-date{float:right;vertical-align:middle}
.arrowli{display:inline-block;vertical-align:sub;background:url(img/arrow.png) center no-repeat;width:16px;height:16px;margin-right:6px}
.info-extend-row{position:relative;margin-left:25px}
.list-extend{border:1px dashed #4289FD;width:15px;height:15px;display:inline-block;background-color:#E3EFFF;position:absolute;vertical-align:middle;cursor:pointer;top:6px}
.icon-h{width:11px;border-bottom:1px solid #1d60ff; position:absolute;height:0;left:2px;top:7px}
.icon-v{width:0;border-left:1px solid #1d60ff; position:absolute;height:11px;left:7px;top:2px}
.list-open .icon-v{display:none}
.info-question{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;vertical-align:middle}
.info-answner{position:relative;display:none}
.as-content{border:1px dashed #ccc;padding:10px;display:inline-block;vertical-align:top;margin-left:26px;line-height:20px;font-size:13px}
.as-icon{width:20px;height:20px;position:absolute;top:0;left:0;background:#F8950F;color:#fff;line-height:20px;text-align:center;font-weight:500;}
.list-open .info-answner{display:block}

.form-row{margin-bottom:8px;position:relative;height:40px}
.form-input{border:1px solid #E1E1E1;border-radius:2px;height:38px;line-height:38px;position:relative;overflow:hidden}
.form-input .input-part{left:35px;right:0;position:absolute;padding:0;margin:0;border:0}
.form-input input{border:none;outline: none;height:38px;line-height:38px;width:100%;padding:0;vertical-align:top}
.form-input input:focus{border:none}
.login-icon{width:24px;height:24px;vertical-align:middle;background-size:contain;position:absolute;top:7px;left:7px}
.user-icon{background:url(img/account.png) center no-repeat;background-size:100%}
.password-icon{background:url(img/password.png) center no-repeat;background-size:100%}
.vcode-icon{background:url(img/vcode.png) center no-repeat;background-size:85%}
.mobile-icon{background:url(img/mobile.png) center no-repeat;background-size:100%}
.imgCheckCode{height:38px;position:absolute;right:0;border:1px solid #E1E1E1}
.imgCheckCode img{height:100%;width:90px}

.login-btn{background-color:#3784EC;width:100%;border:none;height:40px;border-radius:5px;color:#FFF;font-size:14px;font-weight:500;outline:none;cursor:pointer;
           background-image:linear-gradient(to right,#42A0F8,#395ED0)}
.login-btn:active,.login-btn:hover{background-color:#4794FC;background-image:linear-gradient(to right,#52B0FF,#496EE0)}
.sendMsg{background-color:#EEE;width:100px;border:none;border-left:1px solid #CCC;outline:none;cursor:pointer;height:38px}
.sendMsg:active,.sendMsg:hover{background-color:#FCFCFC}
.btn-row{margin:15px 0}
.smallbtn-tab{text-align:center}
.split-line{width:0;border-right:1px solid #CCC;height:14px;margin:0 15px;display:inline-block;vertical-align:middle}
.smallbtn{color:#3784EC;font-size:12px;display:inline-block;vertical-align:middle;cursor:pointer}
.table-input{margin-bottom:8px;position:relative;height:40px}
    .table-input .info-label{width:90px;display:inline-block;vertical-align:middle;padding-top:8px}
    .table-input .input-out{position:absolute;right:0;left:80px;height:40px;top:0;border:1px solid #E1E1E1;padding:0 10px}
    .table-input .info-view{position:absolute;right:0;left:80px;height:40px;top:0;line-height:40px}
    .table-input input, .table-input select{border:none;border-radius:2px;height:40px;outline: none;width:100%;padding:0;line-height:40px}
    .table-input select option{height:24px;}

.entry-apply{background:url(img/apply_entry.png) no-repeat center;background-size:cover}
.entry-place{background:url(img/cs_place.png) no-repeat center;background-size:cover}
.radio-login{font-size:12px}
.radio-login input[type='radio']{vertical-align:middle;margin:0 3px 0 0}
.radio-login label{vertical-align:middle;margin-right:5px}

.portal-foot{background:#3D3E48;color:#8285A1;position:relative;min-width:1010px}
.portal-body{width:90%;min-width:1010px;max-width:1360px;margin:0 auto;position:relative}
.portal-foot .contracter-info{width:450px;position:absolute;top:0;left:0;}
.portal-foot .contracter-info .ewm-part{padding:20px 35px 0 0;width:102px;display:inline-block;vertical-align:top}
.portal-foot .contracter-info .ewm{height:102px;width:102px;background:url(img/ewm.png)}
.portal-foot .contracter-info .ewm-part .ewm-title{text-align:center;font-weight:400;font-size:14px;line-height:36px;color:#A9ABBC}
.contract-detail{display:inline-block;margin-top:20px}
.contract-title{color:#DFE1FD;font-size:16px;line-height:32px}
.link-a{line-height:30px;width:24%;min-width:175px;display:inline-block;font-size:14px;margin:5px 0}
.contract-sp{font-size:14px;line-height:30px;margin:5px 0}
.portal-foot .split{width:0;border-left:1px solid #64656C;position:absolute;right:0;top:35px;height:80px}
.portal-foot a { background: #3D3E48; color: #8285A1 }
/*.portal-foot .link-park{position:absolute;right:0;left:550px;top:20px}*/
.portal-foot .link-park{display:inline-block;margin-left:550px;padding:20px 20px 25px;vertical-align:middle}
.portal-right{height:50px;line-height:50px;background:#363741;text-align:center;font-size:14px;font-weight:500}
.ri-lable{color:#8285A1;}
.ri-name{color:#A2A6C4;margin-right:20px}
.foot-info{display:inline-block}
@media (max-width:600px){
    .p-header{min-width:initial}
    .portal-foot{min-width:initial}
    .p-header h2{font-size:22px}
    .p-main{min-width:100%}
    .flow-part .p-col{width:100% !important}
    .portal-body{min-width:100%}
    .portal-foot .contracter-info{position:relative;width:auto;margin-right:15px;margin-left:15px}
    .portal-foot .link-park{display:block;margin-left:0}
    .link-a{width:100%;}
    .p-col:first-child .panel{margin-left:15px}
    .p-col:last-child .panel{margin-right:15px}
    .portal-right{height:auto;line-height:32px;font-size:12px;height:auto}
    .portal-body{display:none}
    .common-table th { font-size: 12px; }
}