@charset "UTF-8";
body{background: #E0F8FF url(../images/zfgb/gbbg.png) no-repeat center top;}
.gbheader{padding-top: 40px;}
.gbheader .gblogo img{height: 85px;}
.gbheader .gbtit{margin-top: 60px;text-align: center;color: #2269BA;font-size: 80px;font-weight: bold;}

.main{padding: 45px 0 130px;margin: 100px auto 50px;background: url(../images/zfgb/bookbg.png) no-repeat center top;}
.gb-l{padding: 0 42px;width: 37%;}
.zfgb-cover{text-align: center;}
.gb-text{line-height: 32px;color: #333;margin-top: 35px;}
.gb-gwy{margin-top: 50px;}
.gb-gwy a{display: block;margin-top: 25px;}
.gb-gwy a img{width: 100%;}
.gb-ynsewm{margin-top: 50px;text-align: center;}
.gb-ynsewm p{font-weight: bold;font-size: 16px;margin-top: 13px;}
.gb-ynsewm span{display: block;margin-top: 8px;font-size: 18px;color: #2A82E4;}

.gb-r{width: 63%;padding: 0 75px;}
.gb-mulutit h2{margin-bottom: 30px;;font-weight: bold;text-align: center;font-size: 24px;line-height: 32px;color: #2C60B6;}
.gb-timetit{margin-left: 50px;}
.layui-form-select .layui-input{background-color: #F7FAFF;border-color: #E1E8F2;height: 40px;}
.gb-btn{height: 40px;line-height: 38px;text-align: center;background: #7397D1;color: #fff;border-radius: 2px;cursor: pointer;}
.gb-btn *{display: inline-block;vertical-align: middle;margin: 0 8px;}
.gb-btn.disable{background: #e3e3e3; cursor: not-allowed;}

.gb-ml{margin-top: 36px;}
.gb-ml h2{font-weight: bold;font-size: 24px;line-height: 32px;text-align: center;margin-bottom: 20px;}
.mulu-content{overflow-y: auto;height: 575px;}
.mulu-content .gb{clear: both; margin-bottom: 20px; font-weight: bold; font-size: 1.25em; border-bottom: 1.5px solid #abbfe2; padding-bottom: 15px;position: relative;}
.mulu-content .gb::before{position: absolute;content: ''; width: 7px;height: 7px;background: #abbfe2;border-radius: 50%; left: 0; bottom: -4.5px;}
.mulu-content p a{padding-left: 15px;position: relative;float: left; clear: both; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%; color: #333;}
.mulu-content p a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: #ccc;border-radius: 50%;}
.mulu-content p{line-height: 38px; margin-bottom: 20px; overflow: hidden; color: #999;}

.gb-download{margin-top: 50px;text-align: center;}
.gb-download > div{display: inline-block;vertical-align: middle;margin: 0 20px;}
.gb-download > div img{height: 99px;}
.gb-download > div p{color: #737373;font-size: 18px;margin-top: 25px;}
#div-div{margin: 0 auto;width:99px;height:99px;}
#Canvas{display:none;}

.gb-gbcx{margin-top: 30px;}
.cxtit{border-bottom: 1px solid #2C60B6;}
.cxtit span{display: inline-block;padding-bottom: 8px;font-size: 20px;font-weight: bold;color: #2C60B6;border-bottom: 4px solid #236AC2;}

.condition .form-group,.condition .form-group2{margin-top: 30px;font-size: 18px;}
.condition .form-group > div{float: left;width: 49%;font-size: 18px;}
.condition .form-group > div + div{float: right;}
.condition .form-group .layui-box{font-size: 0;}
.condition .form-group .layui-box > *{font-size: 18px;}
.condition .form-group .layui-form-select{width: 223px;display: inline-block;margin-left: 20px;}
.condition .form-group input{width: 223px;height: 42px;padding-left: 15px;margin-left: 20px;outline: none;border: 1px solid #E1E8F2;background: #F7FAFF;}
.condition .form-group .layui-form-select input{margin-left: 0;}
.condition .form-group .layui-form-select dl{width:350px;}
.condition .form-group2 div{font-size: 0;}
.condition .form-group2 div > *{display: inline-block;line-height: 42px;font-size: 18px;vertical-align: middle;}
.condition .form-group2 input{width: 255px;height: 42px;margin-left: 20px;}
.condition .form-group2 input:last-child{margin-left: 0;}
.condition .form-group2 .line{width: 30px;height: 1px;margin: 0 5px;background: rgba(144, 173, 232, 1);}
.condition .btn{text-align: center;margin-top: 25px;}
.condition .btn div{display: inline-block;margin: 0 10px;width: 88px;height: 42px;font-size: 18px;line-height: 42px;color: #fff;background: #2C60B6;border-radius: 2px;cursor: pointer;}

@media screen and (max-width: 1280px) {
    .gbheader .gbtit{font-size: 70px;margin-top: 30px;}
    .main{background-size: 100%;padding: 20px 0 70px;margin: 40px auto 20px;}
    .zfgb-cover img{width: 70%;}
    .gb-text{line-height: 28px;margin-top: 15px;}
    .gb-gwy{margin-top: 10px;}
    .gb-gwy a{margin-top: 10px;}
    .gb-ynsewm{margin-top: 10px;}
    .gb-ynsewm img{width: 50%;}
    .gb-ynsewm p{margin-top: 5px;}

    .gb-r{padding: 0 50px;}
    .gb-mulutit h2{margin-bottom: 15px;font-size: 22px;}
    .gb-timetit{margin-left: 25px;}
    .gb-ml{margin-top: 15px;}
    .gb-download{margin-top: 20px;}
    .gb-download > div p{margin-top: 10px;}
    .gb-gbcx{margin-top: 15px;}
    .mulu-content{height: 490px;}
    .condition .form-group, .condition .form-group2{margin-top: 10px;font-size: 16px;}
    .condition .form-group > div{font-size: 16px;}
    .condition .form-group .layui-box > *{font-size: 16px;}
    .condition .form-group input{width: 175px;margin-left: 10px;}
    .condition .form-group .layui-form-select{width: 175px;margin-left: 10px;}
    .condition .form-group2 input{margin-left: 10px;width: 198px;}
    .condition .form-group2 div > *{font-size: 16px;}
    .condition .btn{margin-top: 10px;}
}
@media screen and (max-width: 992px){
    .main{background: #fff;}
    .gb-l{width: 100%;}
    .zfgb-cover img{width: 190px;}
    .gb-gwy a{width: 48%;float: left;}
    .gb-gwy a + a{float: right;}
    .gb-ynsewm img{width: 180px;}
    .gb-r{width: 100%;margin-top: 30px;}
    .mulu-content{height: auto;}
}
@media screen and (max-width: 450px){
    .gbheader{padding-top: 20px;}
    .gbheader .gblogo img{height: auto;}
    .gbheader .gbtit{font-size: 40px;}

    .gb-l{padding: 0 20px;}
    .gb-gwy a{float: none;width: 100%;}
    
    .gb-r{padding: 0 20px;}
    .gb-timetit{margin-left: 0;display: block;}
    .gb-download > div{margin: 0 10px;}
    .gb-download > div p{font-size: 14px;}
    .condition .form-group > div{width: 100%;margin-top: 10px;}
    .condition .form-group input,.condition .form-group .layui-form-select{width: 216px;}
    .condition .form-group2 input{width: 104px;}
    .condition .form-group2 .line{width: 4px;margin: 0 2px;}
}