html { font-size: 0.938rem; color: #202122; font-family: sans-serif; } a:hover { text-decoration: underline; } * { padding: 0; margin: 0; box-sizing: border-box; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0.2em 0 0.5em; font-weight: inherit; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .remleft { width: 25%; min-height: 100px; display: inline; float: left; position: relative; padding: 0 15px; } .promain { width: 800px; display: inline; float: left; position: relative; } .goldmain { width: 300px; clear: none; display: inline; float: right; position: relative; } .w { width: 1100px; margin: 0 auto 10px; } .w50 { width: 50%; margin: 0 auto; } a { text-decoration: none; color: #0667ac; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; } .midtitle { font-size: 1.5rem; line-height: 1; color: #000; margin-top: 0; } .foot { text-align: center; margin-top: 50px; } .mzsm, .link-nav { margin-top: 30px; } /* header */ #header { background-color: #8a9297; background-image: -webkit-linear-gradient(top, #555e64 0%, #a2c3d7 100%); background-image: linear-gradient(to bottom, #000000 0%, #ababab2b 100%); padding-bottom: 1px; } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { max-width: 1290px; } #header div.section { position: relative; } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; } #logo { float: left; padding: 15px 15px 19px 10px; } #logo img { max-width: 100%; height: auto; border: 0; } .region-header, .region-header a, .region-header li a.active, #name-and-slogan, #name-and-slogan a, #secondary-menu-links li a { color: #fffeff; } #name-and-slogan { padding: 26px 0 0; margin: 0 0 30px 15px; } #name-and-slogan { float: left; } #site-name { font-size: 1.821em; } #site-name { color: #686868; line-height: 1; } .region-header, .region-header a, .region-header li a.active, #name-and-slogan, #name-and-slogan a, #secondary-menu-links li a { color: #fffeff; } #site-name a { font-weight: normal; } #site-slogan { font-size: 0.929em; margin-top: 7px; word-spacing: 0.1em; } .region-header { margin: 1em 5px 1.5em; } .region-header { float: right; } .region-header .block { font-size: 0.857em; float: left; margin: 0 10px; padding: 0; } .region-header .block .content { margin: 0; padding: 0; } .region.region-header form { overflow: hidden; border-radius: 2px; margin-bottom: 5px; } .region.region-header form input[type="text"] { border: none; outline: none; line-height: 26px; padding: 5px 8px; width: auto; float: left; height: auto; border-radius: 0; margin: 0; } input, textarea { font-size: 0.929em; } .region.region-header form input[type="submit"] { border: none; outline: none; line-height: 26px; padding: 5px 8px; float: left; width: 50px; height: auto; border-radius: 0; margin: 0; } input, textarea { font-size: 0.929em; } #main-menu { clear: both; } #main-menu-links li { float: left; list-style: none; padding: 0 1px; margin: 0 1px; width: auto; } #main-menu-links a { color: #202122; background: #fff; float: none; display: block; text-decoration: none; text-shadow: 0 1px #eee; border-radius: 8px; } #main-menu-links a { float: left; padding: 0.7em 0.8em; margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } input:focus ,textarea:focus{ outline: none; } #main-menu-links a:hover, #main-menu-links a:focus { background: rgba(255, 255, 255, 0.95); } #main-menu-links { font-size: 0.929em; margin: 0; padding: 0 15px; text-align: left; } ul.links { color: #68696b; } /* 闈㈠寘灞 */ .breadcrumb { padding: 5px 10px; } .pcBreadNav { color: #666; overflow: hidden; font-size: 0.929em; margin: 1.5em auto; } .breadNav { width: 680px; float: left; overflow: hidden; } .breadFind { float: right; padding-right: 12px; color: #666; } .breadFind a { color: #0071B3; } .breadFind span { padding: 0 5px; font-weight: 700; font-family: "Tahoma"; } .red { color: #db4f33 !important; } a { text-decoration: none; color: #0645ad; background: none; } .profile .h1{ overflow: hidden; } .profile .h1 h1 { position: relative; font-size: 1.8rem; line-height: 1.3; font-family: 'Linux Libertine', 'Georgia', 'Times', serif; color: #000; float: left; width: 100%; } .profile .h1 span{ float: left; } .profile_txt { margin-top: 12px; line-height: 1.75; } .profile_con{ display: flex; align-items: center; margin-top: 20px; } .profile_con .img_cover{ vertical-align: middle; } .profile_con .img_cover img{ width: 320px; height: auto; } .profile_line{ display: inline-block; width: 100%; vertical-align: middle; margin-left: 15px; } .infoGroup { min-width: auto; display: block; position: relative; top: 0; margin-top: 0; margin-bottom: 15px; background: #ffffff; border: 1px solid #cccccc; border-radius: 4px; } .infoGroup .head { background: #dbdbdb; color: #3b3b3b; display: block; height: 2em; font-family: sans-serif; line-height: 2; padding: 0; text-indent: 10px; text-shadow: 0 1px 0 #fff; width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 100%; margin: 0; } .base_info ul { padding: 5px; box-sizing: border-box; margin: 1em 10px; line-height: 1.75; } .base_info ul span { font-weight: 700; } .shenqingcaozuo { /*text-align: right;*/ margin: 18px; text-align: center; display: flex; justify-content: space-evenly; } .tab_info table { width: 100%; border-collapse: collapse; border-spacing: 0; } .tab_info table td, .tab_info table th { padding: 5px 10px; text-align: center; border: 1px solid #E4EEF6; box-sizing: border-box; font-size: 14px; } /* 鍙宠竟鎺ㄨ崘 */ .goldmain { padding-top: 10px; padding: 0 15px; } .goldmain .ritems { border: 1px solid #a2a9b1; margin: 0 0 20px; background: #f8f9fa; font-size: 95%; padding: 7px; } .goldmain .ritems h2 { margin: 0 0 0.5em; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; text-shadow: 0 1px 0 #fff; font-size: 1.071em; line-height: 1.2; } .goldmain .ritems li a { list-style: circle; display: block; margin: 0.5em 0 0.5em; font-weight: inherit; } .goldmain .ritems li a::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #3b3b3b; margin-right: 10px; vertical-align: middle; } .pro-reach-class li { display: inline-block; } /* 宸︿晶 */ .sidebar h2 { margin: 0 0 0.5em; border-bottom: 1px solid #d6d6d6; padding-bottom: 5px; text-shadow: 0 1px 0 #fff; font-size: 1.071em; line-height: 1.2; } .sidebar .block { background: #ffffff !important; } .sidebar .block { border: 1px solid #e5e5e5; padding: 15px 5px 0px 15px; margin: 0 0 20px; } .sidebar .block .content { font-size: 0.914em; line-height: 1.4; } .sidebar .qysite li { list-style: decimal; list-style-position: inside; } .sidebar .qysite a { color: #0c0c0c; font-size: 14px; line-height: 1.4; } .zhinen-com a { margin-right: 10px; line-height: 1.7; } .search-form { width: 500px; position: relative; height: auto; zoom: 1; float: right; margin-top: 33px; } .search-type { float: left; margin: 2px 0 2px 2px; width: 58px; } .select { position: relative; z-index: 3; } .select dt { height: 34px; display: inline-block; /*background: url(../images/ico.gif) no-repeat 45px center #f9f9f9;*/ background: center #f9f9f9; line-height: 34px; padding-left: 10px; cursor: pointer; width: 48px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; z-index: 99; border-right: 1px solid #f0f0f0; box-sizing: content-box; } .select dd { position: absolute; left: -1px; top: 34px; border: 1px solid #de3237; background: #fff; display: none; border-top: none; width: 58px; } .select dd ul { width: 58px; } .select dd ul li a { line-height: 28px; display: block; padding: 0 8px; color: #3c3c3c; } .select dd ul li a:hover { background: #de3237; color: #fff !important; } .search-form .kw { border: 0 none; height: 34px; text-indent: 8px; line-height: 34px; width: 347px; outline: 0; float: left; background: #fff; margin: 2px 0 2px 0; } .search-form .btn-search { height: 35.5px; line-height: 35px; width: 92px; color: #fff; font-size: 16px; font-weight: 700; text-align: center; border: 0 none; background-color: #de3237; float: right; cursor: pointer; margin-top: 1px; transition: background-color 0.2s ease-out; } .search-form .btn-search:hover { background-color: #c8171c; } .company-info-block table { background-color: transparent; border-collapse: collapse; border-spacing: 0; } .company-info-block .info-cont { width: 100%; } .company-info-block .bgcolor td { font-weight: bold; border-left: 0; } .company-info-block table td { vertical-align: middle; font-size: 13px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 18px; min-height: 38px; border: 1px solid #cccccc; box-sizing: border-box; padding: 10px; text-align: center; border-left: 0; border-bottom: 0; } .company-info-block table td:last-child { border-right: 0; } .boxcontent { font-size: 14px; padding: 5px; line-height: 24px; } .boxcontentM{ height: 83px; overflow: hidden; position: relative; } .spans{ position: absolute; bottom: 6px; right: 0; background: #fff; color: #0645ad; font-size: 12px; padding: 0 10px; } .bs-item { background: #EEEEEE; border: 1px solid #cccccc; display: block; width: 420px; height: auto; overflow: hidden; } .bs-item li { width: 130px; float: left; margin-left: 8px; margin-top: 5px; } .plan-nobus{ line-height: 30px; } .bs-item li a { font-weight: bold; text-decoration: underline; } .card { width: 100%; height: auto; overflow: hidden; background-image: url(../images/bj1.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; padding-bottom: 20px; } .cardtop { width: 100%; overflow: hidden; } .cardtop .img { float: left; margin-top: 20px; margin-left: 20px; } .cardtit { text-align: center; } .cardtit img { display: block; margin: 0 auto; } .cardtit .img1 { width: 56px; } .cardtit .img2 { width: 109px; margin-top: 13px; } .cardtit span { font-size: 12px; font-family: '瀹嬩綋'; font-weight: normal; color: #DF7E15; line-height: 16px; letter-spacing: 1px; font-style: revert; } .cardtit span i{ font-style: revert; } .card .title { font-size: 18px; font-family: '瀹嬩綋'; font-weight: 900; color: #333333; line-height: 25px; text-align: center; margin-top: 15px; } .card .xian { width: 92%; margin: 0 auto; margin-bottom: 12px; margin-top: 20px; } .card .xian img { width: 100%; } .cardfoot span{ text-align: left; } .cardfoot .p { width: 92%; margin: 8px auto; text-align: center; overflow: hidden; margin-bottom: 8px; } .cardfoot .p .span1 { display: inline-block; width: 320px; font-size: 12px; font-family: '瀹嬩綋'; font-weight: 400; color: #333333; line-height: 17px; margin-top: 4px; } .card .cum-icon{ margin: 0 !important; } .cardfoot .p .span2 { margin-top: 4px; } .cardfoot .p .span2 strong { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 900; color: #333333; line-height: 17px; } .cardfoot .p .span2 span { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 400; color: #333333; line-height: 17px; } .spanx { display: inline-block; margin: 0 10px; width: 1px; height: 13px; background: #403E30; margin-top: 6px; } .cardfoot .p .spanfl{ float: left; } .cardfoot .p .span4 { display: inline-block; width: 320px; } .cardfoot .p .span4 strong { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 900; color: #333333; line-height: 17px; } .cardfoot .p .span4 strong span { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 400; color: #333333; line-height: 17px; } .cardfoot .p .span5 strong { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 900; color: #333333; line-height: 17px; } .cardfoot .p .span5 span { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 400; color: #333333; line-height: 17px; } .plan-nobus dt { width: 21px; height: 21px; position: relative; display: inline-block; } .plan-nobus dt .beforedt { position: absolute; top: 6px; width: 21px; height: 21px; background-image: url(http://statics.likuso.com/statics/images/diricon.png); } .plan dt.end .beforedt { background-position: -126px -104px; } .plan dt.start .beforedt { background-position: -47px -104px; } .plan-nobus dt.turn-advance .beforedt { background-position: -46px -23px } .plan-nobus dt.turn-left .beforedt { background-position: -87px -23px } .plan-nobus dt.turn-right .beforedt { background-position: -124px -23px } .plan-nobus dt.turn-keepleft .beforedt { background-position: -406px -23px } .plan-nobus dt.turn-keepright .beforedt { background-position: -445px -23px } .plan-nobus dt.turn-leftup .beforedt { background-position: -165px -23px } .plan-nobus dt.turn-leftdown .beforedt { background-position: -246px -23px } .plan-nobus dt.turn-rightup .beforedt { background-position: -206px -23px } .plan-nobus dt.turn-rightdown .beforedt { background-position: -284px -23px } .plan-nobus dt.turn-leftback .beforedt { background-position: -327px -23px } .plan-nobus dt.turn-rightback .beforedt { background-position: -365px -23px } .plan-nobus dt.turn-enterRing .beforedt { background-position: -561px -23px } .plan-nobus dt.turn-leaveRing .beforedt { background-position: -602px -23px } .plan-nobus dt.turn-slow .beforedt { background-position: -524px -23px } .plan-nobus dt.turn-crosswalk .beforedt { background-position: -126px -184px } .plan-nobus dt.turn-overpass .beforedt { background-position: -164px -184px } .plan-nobus dt.turn-underpass .beforedt { background-position: -85px -184px } .plan-nobus dt.turn-squarepass .beforedt { background-position: -204px -184px } .card { width: 100%; height: auto; overflow: hidden; background-image: url(../images/bj1.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; padding-bottom: 20px; } .cardtop { width: 100%; overflow: hidden; } .cardtop .img { float: left; margin-top: 20px; margin-left: 20px; } .cardtit { text-align: center; } .cardtit img { display: block; margin: 0 auto; } .cardtit .img1 { width: 56px; } .cardtit .img2 { width: 109px; margin-top: 13px; } .cardtit span { font-size: 12px; font-family: '瀹嬩綋'; font-weight: normal; color: #DF7E15; line-height: 16px; letter-spacing: 1px; font-style: revert; } .cardtit span i{ font-style: revert; } .card .title { font-size: 18px; font-family: '瀹嬩綋'; font-weight: 900; color: #333333; line-height: 25px; text-align: center; margin-top: 15px; } .card .xian { width: 92%; margin: 0 auto; margin-bottom: 12px; margin-top: 20px; } .card .xian img { width: 100%; } .cardfoot span{ text-align: left; } .cardfoot .p { width: 92%; margin: 8px auto; text-align: center; overflow: hidden; margin-bottom: 8px; } .cardfoot .p .span1 { display: inline-block; width: 320px; font-size: 12px; font-family: '瀹嬩綋'; font-weight: 400; color: #333333; line-height: 17px; margin-top: 4px; } .card .cum-icon{ margin: 0 !important; } .cardfoot .p .span2 { margin-top: 4px; } .cardfoot .p .span2 strong { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 900; color: #333333; line-height: 17px; } .cardfoot .p .span2 span { font-size: 12px; font-family: '瀹嬩綋'; font-weight: 400; color: #333333; line-height: 17px; } .map-feeds { font-size: 12px; color: #999; float: right; } .year_wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none; } .year_box { width: 100%; height: 100%; position: relative; } .year_box_con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 94%; background: #fff; overflow-y: scroll; width: 836px; padding: 20px; } .claos { position: absolute; right: 10px; width: 30px; height: 30px; text-indent: -9999px; top: 10px; cursor: pointer; background: url(https://nres.chazidian.com/common/img/zhifu_icon.2.png) no-repeat -149px -31px; } .year_box_con::-webkit-scrollbar { width: 5px; height: 5px } .year_box_con::-webkit-scrollbar-thumb { background-color: #bebebe; border-radius: 8px } .detail-pinyin { color: #777; float: right; } em { color: #FD485E; } #map-container { width: 100%; } #map-container>img { width: 100%; } .diz { font-size: 14px; font-family: '瀹嬩綋'; font-weight: 500; color: #333333; line-height: 25px; text-align: center; letter-spacing: 1.1px; width: 90%; margin: 0 auto; } .pydz { width: 90%; margin: 0 auto; font-size: 13px; font-family: '瀹嬩綋'; font-weight: 500; color: #333333; line-height: 25px; text-align: center; letter-spacing: 1.1px; word-wrap: break-word; word-break: normal; } .imga { display: inline-block; width: 28px; height: 28px; position: relative; } .imga img { position: absolute; top: 10px; left: 0; right: 0; bottom: 0; margin: auto; } .ul_div { position: fixed; bottom: 10%; right: 13%; display: none; } .ul_div span a { display: block; font-family: PingFangSC-Medium; font-size: 14px; font-weight: 700; line-height: 28px; color: #333; } .ul_div span a.on { color: #0645ad; } /**/ em, i { font-style: normal; } .pay-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 9999; display: none; } .pay-popupBox { width: 654px; height: 722px; background: url(../images/1.png) no-repeat; position: absolute; top: 50%; left: 50%; /*margin-top: -260px;*/ /*margin-left: -300px;*/ transform: translate(-50%, -50%); background-size: 100% 100%; } .pay-wx{ position: relative; } .pp-content,.pay-wx{ overflow: hidden; } .asdimg{ width: 243px; height: 258px; background: url(../images/423.png) no-repeat; position: absolute; right: 50px; top: 160px; } .pay-popupBox .pp-close { width: 25px; height: 25px; cursor: pointer; position: absolute; top: 60px; right: 15px; z-index: 99; } .pay-popupBox .pp-close img { width: 100%; height: 100%; } .ppc-line { text-align: center; margin-top: 75px; } .ppc-text { font-size: 20px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #FFFFFF; line-height: 29px; opacity: 0.8; } .ppc-text2 { font-size: 20px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FFFFFF; line-height: 29px; } .ppc-text3 { filter: blur(5px); color: #fff; font-size: 20px; } .ppc-t4 { text-align: center; } .ppc-t4-1 { width: 243.5px; height: 54px; background: url(../images/2.png) no-repeat; display: flex; align-items: center; margin: 0 auto; margin-top: 10px; } .ppc-t4-1-1 { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #FF0000; line-height: 26px; margin: 0 13px; margin-top: -8px; } .ppc-t4-2 { margin-top: -8px; } .ppc-t4-2 span { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FF0000; line-height: 26px; } .ppc-t4-2 span:nth-child(2) { margin-left: 31px; } .ppc-t4-2 span:nth-child(3) { margin-left: 30px; } .cost1 { position: absolute; font-size: 24px; font-family: Source Han Sans, Source Han Sans; font-weight: 350; color: #FFFFFF; line-height: 35px; text-decoration: line-through; left: 48px; top: 170px; } .cost2 { position: absolute; font-size: 24px; font-family: Source Han Sans, Source Han Sans; font-weight: 350; color: #FFFFFF; line-height: 35px; text-decoration: line-through; right: 48px; top: 170px; } .ppc-tm { text-align: center; height: 100px; position: relative; } .ppc-t1{ position: absolute; left: 0; right: 0; top: -16px; } .asd-div { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; } .ppc-tm .js-price { font-size: 72px; font-family: Source Han Sans, Source Han Sans; font-weight: 900; color: #FFFFFF; line-height: 104px; } .cost3 { font-size: 24px; font-family: Source Han Sans, Source Han Sans; font-weight: 900; color: #FFFFFF; line-height: 35px; } .qw-div { width: 72px; height: 24px; background: linear-gradient(179deg, #FFEB9D 4%, #FFCB72 100%); border-radius: 32px 24px 24px 0px; opacity: 1; font-size: 14px; font-family: Source Han Sans, Source Han Sans; font-weight: 500; color: #FF0000; line-height: 24px; position: absolute; right: 211px; } .wx-ewm { width: 160px; height: 160px; margin-top: 200px; margin-left: 110px; } .wx-ewm canvas, .wx-ewm img { width: 100%; height: 100%; } .pp-content .ppc-payWay .pay-item.pay-wx .pay-text { background-color: #00C576; margin-top: 28px !important; margin-left: 101px !important; } .pp-content .ppc-payWay .pay-item .pay-text { margin: 0 auto; margin-top: 5px; text-align: center; float: none; padding-bottom: 0; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FFFFFF; width: 176px; height: 40px; } .pay-tip-p { display: inline-block; font-size: 12px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #9C9FAC; line-height: 20px; margin-top: 18px; width: 559px; } .dhdiv { text-align: center; position: absolute; left: 0; right: 0; top: 339px; display: flex; justify-content: center; align-items: center; } .dhdiv span{ font-size: 16px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #FFFFFF; line-height: 23px; margin: 0px 6px; } span.dian-a { position: absolute; left: 51.7%; } span.dian-q { position: absolute; left: 59.7%; }