462 lines
8.3 KiB
CSS
462 lines
8.3 KiB
CSS
.header {}
|
|
.header .header_top{}
|
|
.header .header_top .tips{
|
|
font-size: 16px;
|
|
color: #666;
|
|
font-weight: 200;
|
|
text-align: center;
|
|
margin: 7px 0;
|
|
}
|
|
.header .header_top .tips .no_tips{
|
|
border: 1px solid #bfbfbf;
|
|
height: 21px;
|
|
line-height: 19px;
|
|
width: 64px;
|
|
padding: 0 7px;
|
|
border-radius: 3px;
|
|
color: #333;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
font-size: 12px;
|
|
}
|
|
.header .header_top .tips span{
|
|
color: #00be00;
|
|
}
|
|
.header .header_top .logo{
|
|
height: 70px;
|
|
line-height: 70px;
|
|
}
|
|
.header .header_top .logo ul{}
|
|
.header .header_top .logo ul li{
|
|
font-size: 16px;
|
|
color: #373737;
|
|
float: left;
|
|
padding-left: 17px;
|
|
}
|
|
.header .header_top .logo img{}
|
|
.header .header_top .logo .search{
|
|
width: 646px;
|
|
margin-left: 89px;
|
|
}
|
|
.header .header_top .logo .search input{
|
|
font-size: 16px;
|
|
width: 558px;
|
|
height: 40px;
|
|
background: #eee url("https://st.douding.cn/images_cn/nav/ico_input_search.svg");
|
|
border-radius: 4px;
|
|
border: 2px solid #eee;
|
|
background-repeat: no-repeat;
|
|
background-position: 530px center;
|
|
padding-left: 14px;
|
|
box-sizing: border-box;
|
|
outline-color: red;
|
|
}
|
|
.header .header_top .logo .search .help{
|
|
color: #a9a9a9;
|
|
padding-left: 17px;
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.header .header_menu{
|
|
background-color: #325da7;
|
|
height: 82px;
|
|
}
|
|
.header .header_menu .menu{
|
|
padding-top: 16px;
|
|
}
|
|
.header .header_menu .menu li{
|
|
float: left;
|
|
position: relative;
|
|
margin-right: 26px;
|
|
}
|
|
.header .header_menu .menu li:last-child::after{
|
|
width: 0px !important;
|
|
}
|
|
.header .header_menu .menu li::after{
|
|
content: "";
|
|
width: 1px;
|
|
height: 43px;
|
|
background: #5f7fb7;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 1px;
|
|
}
|
|
|
|
.header .header_menu .menu li:nth-child(1){
|
|
width: 222px;
|
|
}
|
|
.header .header_menu .menu li:nth-child(2){
|
|
width: 210px;
|
|
}
|
|
.header .header_menu .menu li:nth-child(3){
|
|
width: 401.148px;
|
|
}
|
|
.header .header_menu .menu li a{
|
|
color: #fff;
|
|
font-size: 15px;
|
|
margin-bottom: 10px;
|
|
width: 50px;
|
|
display: inline-block;
|
|
}
|
|
.header .header_menu .upload{
|
|
padding-top: 17px;
|
|
}
|
|
.header .header_menu .upload li {
|
|
float: left;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.header .header_menu .upload li:first-child::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 14px;
|
|
background: #5c81c0;
|
|
top: 10px;
|
|
right: -12.5px;
|
|
}
|
|
.header .header_menu .upload li:first-child {
|
|
margin-right: 12px;
|
|
}
|
|
.header .header_menu .upload li:last-child {
|
|
margin-left: 12px;
|
|
}
|
|
.header .header_menu .upload li img{
|
|
margin-bottom: 8px;
|
|
height: 24px;
|
|
}
|
|
|
|
.header .header_menu .upload li p{
|
|
color: #ffeb8d;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.welcome {
|
|
height: 178px;
|
|
background: #2c7bc8 url("https://st.douding.cn/images_cn/nav/docin_index_top_bg.jpg") 50% no-repeat;
|
|
}
|
|
.welcome .no_tips{
|
|
right: 0;
|
|
top: 9px;
|
|
}
|
|
.welcome .no_tips span{
|
|
padding: 0 6px;
|
|
height: 19px;
|
|
line-height: 20px;
|
|
border: 1px solid #2a6fb1;
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
margin-right: 10px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
}
|
|
.welcome .no_tips .close{
|
|
font-size: 12px;
|
|
color: #fff;
|
|
display: inline-block;
|
|
}
|
|
|
|
.welcome .title{
|
|
color: #fff;
|
|
padding-top: 38px;
|
|
font-size: 40px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.welcome .title span:first-child{
|
|
font-size: 24px;
|
|
}
|
|
.welcome .title span:last-child{
|
|
font-size: 26px;
|
|
}
|
|
|
|
.welcome .desc {
|
|
font-size: 16px;
|
|
color: #fff;
|
|
margin-bottom: 6px;
|
|
}
|
|
.welcome .desc span,
|
|
.welcome .last span{
|
|
color: #fff9b5;
|
|
}
|
|
|
|
.welcome .last{
|
|
color: #fff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.doc_type{
|
|
height: 275.4px;
|
|
margin-top: 20px;
|
|
overflow: hidden;
|
|
}
|
|
.doc_type .doc_type_left{
|
|
width: 813.4px;
|
|
height: 274.4px;
|
|
background-color: #fff;
|
|
border: 1px solid #e1e1e1;
|
|
}
|
|
.doc_type .doc_type_right{
|
|
width: 298.4px;
|
|
height: 274.4px;
|
|
|
|
border: 1px solid #e1e1e1;
|
|
}
|
|
.doc_type .doc_type_left .shang{
|
|
height: 40.8px;
|
|
line-height: 40px;
|
|
background-color: #f1f1f1;
|
|
padding: 0 14px;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
border-bottom: 1px solid #e1e1e1;
|
|
overflow: hidden;
|
|
}
|
|
.doc_type .doc_type_left .shang a{
|
|
color: #069;
|
|
font-size: 12px;
|
|
height: 16px;
|
|
|
|
}
|
|
.doc_type .doc_type_left .shang div i{
|
|
font-size: 19px;
|
|
vertical-align: middle;
|
|
color: #069;
|
|
}
|
|
.doc_type .doc_type_left ul{
|
|
font-size: 14px;
|
|
color: #4c4c4c;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
margin-left: 15px;
|
|
|
|
}
|
|
.doc_type .doc_type_left ul li i{
|
|
font-size: 13px;
|
|
margin-right: 4px;
|
|
|
|
}
|
|
.doc_type .doc_type_left ul li{
|
|
vertical-align: middle;
|
|
float: left;
|
|
padding: 10px 0 9px;
|
|
margin-right: 10px;
|
|
display: inline;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
white-space: nowrap;
|
|
width: 184px;
|
|
}
|
|
.doc_type_right .suw{
|
|
height: 41.6px;
|
|
background-color: antiquewhite;
|
|
}
|
|
.doc_type_right .suw a{
|
|
width: 149.2px;
|
|
height: 41.6px;
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
line-height: 41.6px;
|
|
}
|
|
.doc_type_right .suw a:nth-child(1){
|
|
background-color: #fff;
|
|
|
|
font-weight: 700;
|
|
}
|
|
.doc_type_right .suw a:nth-child(2){
|
|
background-color: #e0e0e0;
|
|
}
|
|
.doc_type_right .suw1{
|
|
width: 252.6px;
|
|
height: 232.4px;
|
|
margin: auto;
|
|
|
|
}
|
|
.doc_type_right .suw1 input{
|
|
width: 242px;
|
|
height:18px;
|
|
font-size:14px;
|
|
padding: 9px 4.5px;
|
|
outline-color: rgb(85, 202, 143);
|
|
margin-top: 15px;
|
|
border: 1px solid #a9a9a9;
|
|
}
|
|
.doc_type_right .suw1 .suw1_s{
|
|
height: 19.4px;
|
|
width: 252.6px;
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.doc_type_right .suw1 .suw1_s div a{
|
|
font-size: 12px;
|
|
zoom: 0.8;
|
|
color: #2c7bc8;
|
|
}
|
|
.doc_type_right .suw1 .suw1_s div a:nth-child(1){
|
|
border-right: 1px solid #000;
|
|
}
|
|
.doc_type_right .suw1 button{
|
|
width: 116.3px;
|
|
height: 28px;
|
|
font-weight: 800;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
.bt1{
|
|
background-color: #3086f2;
|
|
}
|
|
.bt{
|
|
background-color: #00be00;
|
|
margin-left: 20px;
|
|
}
|
|
/**/
|
|
.bt span{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
|
|
.suw1_s1{
|
|
height: 35px;
|
|
margin-top: 20px;
|
|
font-size: 12px;
|
|
}
|
|
.suw1_s1 ul li{
|
|
float: left;
|
|
width: 62.15px;
|
|
text-align: center;
|
|
border-right: 1px solid #000;
|
|
}
|
|
|
|
.suw1_s1 ul li:nth-child(4){
|
|
border-right: none;
|
|
}
|
|
.suw1_s1 li .qqq{
|
|
font-size: 12px;
|
|
}
|
|
/************************/
|
|
.read_title{
|
|
height: 30.24px;
|
|
margin-top: 22px;
|
|
font-size: 15px;
|
|
overflow: hidden;
|
|
line-height: 30.24px;
|
|
}
|
|
.read_title_q{
|
|
font-size: 20px;
|
|
}
|
|
.read_title_q a{
|
|
font-size: 17px;
|
|
}
|
|
.read_title_q i{
|
|
font-size: 20px;
|
|
margin-right: 10px;
|
|
}
|
|
.read_title_q1 a{
|
|
font-size: 18px;
|
|
color: #2c7bc8;
|
|
}
|
|
.read_title_q1 i{
|
|
font-size: 20px;
|
|
margin-right: -6px;
|
|
}
|
|
/**/
|
|
|
|
.build{
|
|
height: 230.8px;
|
|
background-color: #fff;
|
|
margin-top: 22px;
|
|
border: 1px solid #a9a9a9;
|
|
}
|
|
.build .build_w{
|
|
height: 44.8px;
|
|
font-size: 20px;
|
|
line-height:44.8px;;
|
|
}
|
|
.build_w_r{
|
|
font-size: 21px;
|
|
margin-left: 20px;
|
|
}
|
|
.build_w_r1{
|
|
font-size: 13px;
|
|
color: #3086f2;
|
|
margin-right: 20px;
|
|
}
|
|
.build_w1{
|
|
height: 186px;
|
|
overflow: hidden;
|
|
}
|
|
.build_z{
|
|
width: 708.75px;
|
|
height: 186px;
|
|
margin-left: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.build_y{
|
|
width: 338.51px;
|
|
margin-right: 20px;
|
|
}
|
|
.build_z img{
|
|
width: 301.6px;
|
|
height: 161.6px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.build_z_w{
|
|
font-size: 16px;
|
|
|
|
}
|
|
.build_z_w div{
|
|
width: 68px;
|
|
height: 20px;
|
|
background-color: #00be00;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
border-radius: 3px;
|
|
margin-right: 10px;
|
|
}
|
|
.build_z_w1{
|
|
width: 387.75px;
|
|
font-size: 12px;
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
}
|
|
.build_z_w1 li{
|
|
font-size: 12px;
|
|
float: left;
|
|
width: 188.875px;
|
|
margin-top: 11px;
|
|
}
|
|
.build_z_w1 li:nth-child(odd){
|
|
border-right:1px solid #5a4c4c;
|
|
margin-right: 9px;
|
|
}
|
|
.build_zq{
|
|
width: 387.75px;
|
|
height: 80px;
|
|
}
|
|
.build_y_d{
|
|
height: 26.8px;
|
|
font-size: 15px;
|
|
line-height: 26.8px;
|
|
border-bottom: 1px dashed #666;
|
|
margin-bottom: 6px;
|
|
}
|
|
.build_y ul{
|
|
font-size: 12px
|
|
}
|
|
.build_y ul li{
|
|
margin-bottom: 8px;
|
|
}
|
|
.build_y ul li i{
|
|
margin-right: 10px;
|
|
color: red;
|
|
font-size: 17px
|
|
}
|