/* reset */ *{ cursor: pointer; } * { -webkit-tap-highlight-color: rgba(0,0,0,0); } html { height: 100%; overflow-x:hidden;} body { min-height: 100%; overflow-x:hidden;height: 100%;} body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top; top:0; } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; } body { line-height: 1.5; color: #000;} a { text-decoration: none; transition:0.2s all; -webkit-transition:0.1s all;color:#000;} a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:2em; padding:0 0; color:#333;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto; display: block;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} /*涓ょ瀵归綈*/ .justify{ text-align:justify; text-justify:distribute-all-lines;} /*琛岄珮*/ .tLineHeight{ line-height: 1.2em;} .aLineHeight{ line-height: 1.7em;} /*鍥剧墖缁忚繃*/ .tran_scale{ overflow:hidden; display:block;} .tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;} .ratio-img{ width:100%; height:auto; /*background:url(../images/error.png) center no-repeat;*/} .ratio-img img{width:100%;} /*鎴瓧*/ .ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;} .clamp{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow: hidden;} /*涓婁笅灞呬腑*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*宸﹀彸灞呬腑*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*缁濆灞呬腑*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{ font-size:13.3333333333333vw;} /*common-header-footer*/ .wrap{max-width:750px;margin:0 auto; padding:0 15px;} .main{padding-top:55px;} .header{position:fixed; width: 100%; z-index: 2000; background: #fff;} /*鎵嬫満瀵艰埅鎸夐挳寮€濮?/ .in_menu{ position:absolute; width: 30px; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .nav_phone_btn{display: block;position: relative;cursor: pointer;margin-top:0px; height: 20px;} .nav_phone_btn span {position: absolute;font-size: 0;width:28px;height:2px;background-color: #484848;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;top:10px;} .nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height:2px;background-color: #484848;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;} .nav_phone_btn span:before{top:-10px;} .nav_phone_btn span:after{top:10px;} .visible_nav.nav_phone_btn span{background-color: transparent;} .visible_nav.nav_phone_btn span:before{left:0px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);} .visible_nav.nav_phone_btn span:after{top:0px;left: 0px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);} /*鎵嬫満鎸夐挳缁撴潫*/ .header_inner{ margin:0.16rem 0; height: 0.6rem; position:relative; z-index: 10; background: #fff;} .header_inner > a.logo{ display: block; width:108px; height:35px; margin:0 auto;} .header_inner > a.logo img{ width: auto; height: 100%; } .header_inner>ul{box-sizing:border-box; position: fixed; width:50%;height:100%; background: #fff;top:0.92rem; right: 0;z-index: 600; transform:translateX(100%); -wekit-transform:translateX(100%); transition:all 250ms ease-out; -webkit-transition:all 250ms ease-out;} .header_inner>ul.on{ position: fixed; transform:translateX(0%); -wekit-transform:translateX(0%); width:50%; border-left:3px solid #E40000; border-top:3px solid #E40000;} .header_inner>ul>li{ float: left; width:100%; height: 46px; line-height: 46px; border-bottom: 1px solid #efefef;} .header_inner>ul>li:nth-child(1){ text-align: right; } .header_inner>ul>li:nth-child(1) a{ display: inline-block; width:auto; margin-right:20px; padding:0; } .header_inner>ul>li a{padding:0 20px; position: relative; display: block; width: 100%;} .header_inner>ul>li>a em{display: inline-block;width:8px;height:8px;border-right: 3px solid #d9151d;border-bottom: 3px solid #d9151d;position: absolute;top:50%;right:20px;margin-top: -4px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .header_inner>ul>li ul{overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #fff;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;} .header_inner>ul>li ul li{height:46px;line-height:46px;border-bottom: 1px solid #efefef;} .header_inner>ul>li ul li:first-child{background: #E40000;} .header_inner>ul>li ul li:first-child a{color: #fff;} .header_inner>ul>li.on ul{opacity: 1;visibility: visible;right:0;} .footer{padding:5% 9.3%; background: #fff; border-top:5px solid #E40000; padding-bottom:70px;} .cop{font-size: 12px; line-height: 1.2; color: #999999;} .cop p{ padding-bottom: 6px;} .cop a.xhr{color: #999999;} .footer-nav{text-align: center; height: 0.8rem; position: fixed; bottom:20px; left:9.3%; right:9.3%; border-radius: 5px; z-index: 500; background: #E40000; color: #fff;} .footer-nav li{ float: left; width: 25%; height: 0.8rem; line-height: 0.8rem; text-align: center; } .footer-nav li:active{background: #B90000; opacity: 0.8; } .footer-nav li:first-child:active{ border-top-left-radius:5px;border-bottom-left-radius:5px; } .footer-nav li:last-child:active{border-top-right-radius:5px;border-bottom-right-radius:5px; } .footer-nav li span{ display: block; } .footer-nav li span img{max-width: 22px; height: 20px;margin-top: 0.2rem;} /*share*/ .share{margin:20px 0;} .share a{margin-right: 10px;position: relative;display: inline-block;width:65px;height: 65px;} .share a img{ width: 100%;} .close{color: #9e8347;padding: 0 20px;height: 30px;line-height: 30px;background: #dedede;font-size: 14px;font-weight: normal;opacity: 1;margin-bottom: 10px;} .bdshare-button-style0-32 .bds_weixin{ float: none; width:65px!important;height: 65px!important;background: url(../images/share_wx.png) no-repeat; background-position: 0 0!important; background-size: cover;} .bdshare-button-style0-32 .bds_tsina{ float: none;width:65px!important;height: 65px!important;background: url(../images/share_wb.png) no-repeat; background-position: 0 0!important; background-size: cover;} /*棣栭〉鏍峰紡*/ .inbanner img{ width:100%; height:auto;} .inbanner .swiper-pagination-bullet{width:10px; height: 10px;background: #fff; opacity: 1;} .inbanner .swiper-pagination-bullet-active{background:transparent; border:2px solid #fff;} .inbanner a{ display: block; } .in_block01{ padding:0 0.7rem;} .in_block01 h2{font-size: 0.6rem; margin:0.65rem 0;} .in_block01 h3{font-size: 0.4rem; border-bottom: 1px solid #646464; padding-bottom: 0.1rem; margin-bottom: 0.12rem;} .in_block01 .c{max-height: 4.5em; overflow: hidden; margin-bottom: 0.3rem; font-size:0.28rem;} .in_block01 span{font-family: arial;} .in_block01 a.more,.in_b03_con a.more{ width:0.16rem; height: 0.3rem; display: block; margin: 0.5rem 0; background: url(../images/dot_01.png) no-repeat;background-size: cover; } .in_b02 p{ position: absolute; left:0;bottom:0.8rem; right:0; color: #fff; width: 100%; text-align: center; font-size:0.2rem } .in_b02 .swiper-pagination-bullet{ width: 8px; height: 8px;} .in_block03{ background: #F9F9F9; padding-bottom:0.5rem;} .in_b03_item{overflow: hidden;background: #F9F9F9; } .in_b03_item .swiper-slide{margin:0 6px; width: auto;} .in_b03_item .swiper-slide span{ display: block; padding: 0.2rem 2px; font-size: 0.28rem;border-top:3px solid #fff;} .in_b03_item .swiper-slide.on span{border-top:3px solid #E40000;} .in_b03_con{ /*background: url(../images/bg_01.jpg) center top/cover fixed no-repeat #F9F9F9;*/ } .in_b03_con .img{background: url(../images/bg_01.jpg) center top no-repeat; background-size: cover;padding: 20px 0 20px;} .in_b03_con .img img{ max-width: 100%;} .in_b03_con .img>a{ display: block; } .in_b03_con .txt{padding:0 9.3%;} .in_b03_con h3{font-size: 20px; line-height: 1.2;margin-bottom:4%} .in_b03_con .c{font-size: 15px;max-height: 7.5em; overflow: hidden;} .in_b03_con a.more{ margin-bottom: 0; } .in_block04{ background: #F9F9F9; position: relative; overflow: hidden;} .in_block04 .img img{ max-width: 100%; } .in_block04>a{display: block;overflow: hidden;} .in_block04>a>img{width:110%;-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} .in_block04.on>a>img{-webkit-transform: translateX(-20px); -moz-transform: translateX(-20px);-o-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);} .in_block04 .txt{width: 95px; height: 95px; position: absolute; top:50%; left: 50%; margin-top: -47px; margin-left: -47px;transition: 0.6s all;-webkit-transition: 0.6s all;-moz-transition: 0.6s all;-o-transition: 0.6s all;-ms-transition: 0.6s all;} .in_block04 .txt>img{max-width: 100%;} .in_block04.on .txt{-webkit-transform: translateY(30px);-moz-transform: translateY(30px);-o-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);} .in_block05{padding:8% 0; background: url(../images/bg_02.jpg) no-repeat; background-size: cover;} .in_block05 li{ float: left; width: 25%; text-align: center; } .in_block05 li>a{ display: block;} .in_block05 li em,.in_block05 li span{ display: block; } .in_block05 li em img{ width: 0.5rem; height: 0.5rem; margin-bottom:5px;} .weixin_bg{position: fixed; left:0; top:0; z-index: 10001; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none;} .weixin_code{ position: fixed; left:50%; top:50%; margin:-100px 0 0 -100px; width: 200px; height: 200px; overflow: hidden; z-index: 10002; display: none;} .weixin_bg.on,.weixin_code.on{ display: block; } .weixin_code img{max-width: 100%; display: block; margin:0 auto;} /*end*/ .list_team li .img,.list_team li .img img{ width: 80px; height: 80px;} .list_team li .txt{ float: right; width:calc(100% - 95px);} .list_team li .txt em{ display: block; font-size: 16px; margin:5px 0;color: #17AB6A;} .list_team li .txt em a{color: #17AB6A;} .list_pic li .img{ width: 100%; height: auto; position: relative; } .list_pic li .img img{ width: 100%;height: auto;} .list_pic li .img h2{ font-size: 16px; font-weight: normal; position: absolute; bottom:5%; left:0; width: 70%; padding:0 5%; color: #fff;} .list_active li .img,.list_active li .img img{ width: 100%;height: auto;} .list_active li .txt{ width: 100%; padding: 10px; } .list_active li .txt h2{ font-size: 16px;} .list_active li .txt p span+span{ font-family:"寰蒋闆呴粦"; margin-left: 10px;} .details{padding:15px 0;} .details h2{ font-size: 24px; color: #363636; line-height: 1.3;} .details h4{ font-size: 14px; color: #98A1A8; font-weight: normal; margin: 15px 0;} .details h4 span{ margin-right: 20px;} .details_pic{margin-bottom: 10px;} .details_pic img{ width: 100%;} .details_pic h2{ width: 80%; font-size:24px; margin-top: 10px;} .details_pic .swiper-pagination-fraction{text-align: right;bottom: 30px; /*background: #fff;*/ width: 40px; left: auto; right: 0; } .details_pic .swiper-pagination-fraction span{ font-size: 16px; color: #979797;} .details_pic .swiper-pagination-fraction span.swiper-pagination-current{font-size: 24px; color: #C80000;} /*琛屼笟娲诲姩*/ .act_pic,.act_pic img{ width: 100%;} .act_con{padding:0px 15px 0px;} .act_con_sec01 h2.tit_sec01{ font-size: 24px; color: #363636; margin-bottom: 5px;} .act_con_sec01 .text{font-size: 15px; color: #363636;} .act_con_sec01 .text p.p1{color: #17AB6A; margin-top:20px;} .act_con .tit{ font-size: 20px; color: #000000; text-align: center; margin-bottom:20px;} .marb_01{margin-top: 40px;} .team_list .swiper-slide{ background: #fff; padding:2px; border: 1px solid #ECECEC; box-shadow: 0px 0px 3px #ccc;text-align: center;} .team_list .swiper-slide img{max-width: 100%;} .team_list .swiper-slide h2{ font-size: 15px; color: #363636; margin-top: 5px; } .team_list .swiper-slide p{font-size: 12px; padding-bottom:8px;} .sponsor_list .swiper-slide{ background: #fff; border: 1px solid #ECECEC; box-shadow: 0px 0px 3px #ccc;text-align: center;} .sponsor_list .swiper-slide img{max-width: 100%;} .act_con_sec04 dl dt{color: #000000;} .act_con_sec04 dl dd{ color: #363636; margin-bottom: 10px;} .act_con_sec05 .tab_tit{position: relative;} .act_con_sec05 .tab_tit .line{ position: absolute; left:20%; top:7px; width: 60%; margin:0 auto; border-bottom: 1px solid #B9B9B9;} .act_con_sec05 .tab_tit ul{ text-align: center; position: relative; z-index: 2; padding: 0 20px;} .act_con_sec05 .tab_tit li{ float: left; text-align: center; width: 33.33%;} .act_con_sec05 .tab_tit li em{display: block; width: 15px; height: 15px; margin: 0 auto; background: #fff; border: 1px solid #BBBBBB; border-radius: 50%;} .act_con_sec05 .tab_tit li span{ display: block; font-family: arial;} .act_con_sec05 .tab_tit li.on em{background: #17AB6A; border: 1px solid #17AB6A;} .table_css{border:1px solid #B9B9B9; border-bottom: none; border-right: none; margin-top: 20px;} .table_css table{ width: 100%;} .table_css tr th,.table_css tr td{padding:5px;border-bottom: 1px solid #B9B9B9; border-right: 1px solid #B9B9B9;} .table_css tr th{font-size: 15px; text-align: center; background: #1E6DB2; color: #fff; } .table_css tr td{ font-size: 12px;text-align: center;} .table_css tr th:first-child,.table_css tr td:first-child{ width: 20%;} .table_css tr th + th,.table_css tr td + td{ width: 60%;} .table_css tr th:last-child,.table_css tr td:last-child{ width: 20%;} .act_con_sec08 .map{ width: 100%; height: 200px;} .act_con_sec08 dd{margin:10px 0;} .act_con_sec08 dd h2{color: #000; font-size: 15px;} .act_con_sec08 dd p{font-size: 14px; color: #363636; position: relative;} .act_con_sec08 dd p em{ width: 46px; position: absolute; left:0;} .act_con_sec08 dd p span{padding-left: 46px; display: block;} .more_01{margin:30px 0 40px; background: #999999; cursor: default;} .more_02{margin:30px 0 40px; background: #1E6DB2;} .table_css_apply{border:none;} .table_css_apply tr th:first-child,.table_css_apply tr td:first-child{ width:33.33%;} .table_css_apply tr td:first-child{ padding:0 10px; text-align: left;} .table_css_apply tr th + th,.table_css_apply tr td + td{ width: 33.33%;} .table_css_apply tr th:last-child,.table_css_apply tr td:last-child{ width: 33.33%;} .table_css_apply tr th, .table_css_apply tr td{ padding:10px 5px; border-bottom: 1px solid #9BA7B1; border-right:none;} .table_css_apply tr td span{ float: left; padding-left: 10px;} .table_css_apply tr td { position: relative;} .table_css_apply tr td .checkbox{ position: absolute; left:0px; top:10px; } .checkbox, .radiobox {width: 1.5em;height: 1.5em; float: left;} .checkbox input[type=checkbox], .radiobox input[type=radio] { -webkit-appearance: none; background-color: transparent; outline: 0 !important; border: 0; font-size: 1em !important; } .checkbox input[type=checkbox]:before, .radiobox input[type=radio]:before { display: inline-block; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: 1.5em; font-weight: thin; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgb(212, 212, 212); position: relative; top:2px; } .checkbox input[type=checkbox]:checked:before, .radiobox input[type=radio]:checked:before { color: rgb(23,171,106); } .checkbox input[type=checkbox]:before { content: "\f096"; } .checkbox input[type=checkbox]:checked:before { content: "\f14a"; } .radiobox input[type=radio]:before { content: "\f1db"; } .radiobox input[type=radio]:checked:before { content: "\f192"; } .fill_tit{padding:15px; border-bottom: 3px solid #E5E8EB; font-size: 15px; color: #363636; overflow: hidden; } .fill_tit h2{ font-weight: normal; float: left; font-size: 15px;} .fill_tit span{ float: right; } .fill_con_01{padding:10px 15px;} .fill_con_01 dl dt{font-size: 18px;color: #000; border-bottom: 1px solid #94A1AC; padding:10px 0;} .fill_con_01 dl dd{ width: 100%; float: left;border-bottom: 1px solid #94A1AC; padding:10px 0; line-height: 30px;} .fill_con_01 dl dd span{ float: left; } .fill_con_01 dl dd .checkbox{ float: right; } .fill_con_01 .more_02{margin:20px auto; width: 80%;} .fill_con_01 dl dd input[type=text]{float: right; width: 50%; line-height: 28px; padding:0 5px; color: #000; border: 1px solid #98A1A8;} .fill_con_01 dl dd .radiobox,.fill_con_01 dl dd .textbox{float: right; width: 50%; text-align: right;} .fill_con_01 dl dd .radiobox input[type=radio]{ margin-left:10px;} .fill_con_01 dl dd .radiobox em{margin-left: 5px;} .fill_con_01 dl dd input.t01[type=text]{ float: left; width:60%; border-right: none;} .fill_con_01 dl dd input.t02[type=text]{ float:left;width:40%; background: #17AB6A; color: #fff; border: 1px solid #17AB6A; text-align: center;} .fill_con_01 dl dd .textbox p{ text-align: right;} .fill_con_01 dl dd .textbox_an{float: right; width: 58%; line-height: 1.4;} .fill_con_01 dl dd .apply_btn{ text-align: center; margin:10px 0 0; } .fill_con_01 dl dd a img{ display: inline-block; width: 60px; height: 60px; margin:0 10px;} .fill_con_add{padding:20px 15px;} .fill_con_add li{ float: left; width: 100%; margin: 10px 0; line-height: 30px;} .fill_con_add li span{ float: left; width: 55px; text-align: right;} .fill_con_add li span em{color: red; vertical-align: middle; margin-right: 3px;} .fill_con_add li input[type=text]{ float: right; width: calc( 100% - 70px); padding:0 5px; border: 1px solid #98A1A8;line-height: 30px;} .fill_con_add li .radiobox,.fill_con_add li .btn_box{ float: right; width: calc( 100% - 70px);} .fill_con_add li .radiobox em{margin-right:20px; margin-left: 5px;} .more_02 i{margin-right: 5px;} .more_03{ width: 45%; float: left; height: 30px; line-height: 30px;} .more_03 +.more_03{ float: right; background: #999999;} .fill_con_02{border-top: 3px solid #E5E8EB; padding-bottom: 0;} .fill_con_02 dl dd:last-child{border-bottom: none;} /*鏈熷垔鎶曠*/ .search_box{ text-align: center; margin:0 0 20px; } .cus_select{ display: inline-block; width:30%; height: 36px; border: 1px solid #98A1A8; margin:0 5%;} .cus_select input{width: 100%; height: 100%; border: none; padding:0 10px;} .list_maga li{padding:10px;} .list_maga li .img,.list_maga li .img img{width:126px; height: 180px; } .list_maga li h2{color: #17AB6A; font-size: 15px; margin: 5px 0;} .list_maga li h2 a{color: #17AB6A;} .list_maga li .info{ font-size: 12px; list-height:1.3;} .maga_info_list dl{padding:15px 15px 0;border-bottom: 3px solid #E5E8EB; } .maga_info_list dl:last-child{ border-bottom: none; padding-bottom: 20px;} .maga_info_list dl dt{color: #17AB6A; font-size: 18px;border-bottom: 1px solid #94A1AC; padding:0px 0 10px;} .maga_info_list dl dd p{ font-size: 15px; color: #363636;} .maga_info_list dl dd p a{color: #363636;} .maga_info_list dl dd span{font-size: 12px; color: #B9B9B9;} .maga_info_list dl dd{border-bottom: 1px solid #94A1AC; padding:8px 0;} .maga_info_list dl dd:last-child{border-bottom: none;} /*鐭ヨ瘑搴?/ .know_item li{ width: auto; margin:0 10px;} .know_item li span{ width: 100%;padding-left:5px;padding-right:5px;} .know_con{padding:15px 0 0;} .sort_box{ border-bottom:1px solid #94A1AC; padding-bottom: 15px;} .sort_ll{ float: left; width: 35%; } .sort_ll span{color: #B9B9B9;} .sort_ll a,.sort_rr span{color:#000000;} .sort_ll a i{margin-left: 5px;} .sort_rr{ float: right; width: 65%; } .sort_rr a{color: #B9B9B9; margin:0 0 0 15px;} .sort_rr a.on{color:#000000;} .list_know li{ border: none;border-bottom:1px solid #94A1AC; padding:15px 0;box-shadow:none; margin:0;} .list_know li h2{ font-size: 18px; font-weight: normal;} .list_know li span{font-size:12px; color: #898989; } .list_know li p{color: #363636;} .pic_know{ margin:30px 0 0;} .pic_know li{ float: left; width: 50%; position: relative;} .pic_know li img{ width: 100%; } .pic_know li h2{ position: absolute; left:15px; right:15px; top:15%; color: #fff; font-size: 18px; line-height: 1.3;} .pic_know li h2.en{font-family: arial;} .pic_know li h3{position: absolute;left:15px; right:75px; bottom:15%;color: #fff; font-size: 15x;} .list_norm{margin-top: 10px;} .list_norm li{border:1px solid #94A1AC; box-shadow: none; padding:0; border-bottom: none; margin-bottom:20px;} .list_norm li dd{padding:10px 10px; border-bottom: 1px solid #94A1AC; overflow-y: hidden;} .list_norm li dd a{text-align: center; display: block; color: #959595;} .list_norm li dd span{ float: left; width: 60px; } .list_norm li dd .txt{ float: right; width: calc(100% - 80px); } .fill_tit h2.font-big{font-size: 24px; color: #363636;} .det_norm_list li{padding:20px 0; border-bottom: 1px solid #94A1AC; font-size: 15px;} .table-norm-css{border:1px solid #C5C5C5; border-bottom: none; margin-top: 10px;} .table-norm-css tr td{border-bottom: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; padding:10px; width: 60%; font-size: 12px;} .table-norm-css tr td:first-child{background: #ECF0F3; width: 40%;} /*浼氬憳涓績*/ button[disabled], html input[disabled]{cursor: default;background: none; color: #98A1A8;} .login{margin:20px;} .login ul{padding-bottom: 30px;} .login li{border-bottom: 1px solid #94A1AC; padding:20px 0 5px;overflow: hidden;} .login li input{ width: 100%; border: none; font-size: 18px; height: 30px; line-height: 30px;} .login li input.inp_01{ float: left;width:calc(100% - 125px);} .login li .yanzhengma{ max-width:125px; float: right; padding:0 10px; height: 30px; line-height: 30px; border-radius: 5px; background: #17AB6A; color: #fff; border: none;} .login li .yanzhengma:disabled{ background: #ddd; cursor: default; } .login button.more_02{font-size: 18px; margin:20px 0 30px;} .login button.more_02[disabled]{opacity: 0.5;} .logo_01{padding:0 0;} .logo_01 img{ width: 83px; height: 135px; } .agree{ text-align: center; font-size: 15px; } .agree .checkbox{ float: none; display: inline-block; margin-right: 5px; vertical-align: top;} .agree a{ display: inline-block; margin:0 20px; color: #3A3A3A;} .agree a.a2{color: #17AB6A; border-bottom: 1px solid #17AB6A;} .register{height: 321px; overflow: hidden;} .member li{ float: left; width: 100%; position: relative; padding:12px 0; line-height: 28px; border-bottom: 1px solid #94A1AC;} .member li em{ position: absolute; left:0; top:15px; } .member li em img{ width: 27px; height: 27px; } .member li span{ font-size: 15px; color: #363636; padding-left: 35px; } .member li i{position: absolute; right:0; top:0; top:18px; color: #98A1A8;} .member li a{display: block;} .list_order{margin-bottom: 30px;} .list_order li{border:none; border-bottom: 1px solid #94A1AC; padding:20px 0; margin-bottom: 0; box-shadow: none;} .list_order li:first-child{padding-top:5px;} .list_order li .img,.list_order li .img img{ width: 135px; height: 77px; } .list_order li .txt{width: calc(100% - 150px);} .list_order li .txt span{ text-align: right; font-size: 14px; color: #C80000; display: block; margin-top:5px;} .list_order li .txt .btn{ text-align: right; padding:10px 0 0; } .list_order li .txt .btn a{ width: 80px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border: 1px solid #98A1A8; margin-left:10px; border-radius: 3px; color: #98A1A8; background: #fff;} .list_order li .txt .btn a.a_pay{background:#1E6DB2; color: #fff; border: 1px solid #1E6DB2;} .fill_con_01 dl dd p i{color: #D30000;} .fill_con_01 dl dd p em{margin-left:40px;} .fill_con_01 dl dd p.p1{font-size: 12px; color: #98A1A8;} .fill_con_01 dl dd p.p1 i{vertical-align: middle;} .btn_wrap{ text-align: center; margin:20px 0 50px;} .btn_wrap button{ border:none; background: #ECF0F3; color: #B9C6CF;border-radius: 3px; padding:10px 30px; font-size: 18px; margin:0 3px;} .btn_wrap button.bpay{ background: #1E6DB2; color: #fff;} .ticket_item{ text-align: left; padding:0 15px;} .ticket_item li{ width:85px; } .ticket_item li span{ width: 75px;} .ticket_item em{ margin:22px 0 0 0;float: right; } .ticket_item em i{color: #FF5000;} .table_css_ticket{border:1px solid #D4D4D4;border-right:none; width: 100%;} .table_css_ticket tr th,.table_css_ticket tr td{ text-align: center; width: 35%;padding:10px 5px; border-bottom: 1px solid #D4D4D4; border-right:1px solid #D4D4D4;} .table_css_ticket tr th:first-child,.table_css_ticket tr td:first-child{ width:30%;} .table_css_ticket tr th{background: #ECF0F3; font-size: 16px;} .table_css_ticket tr td{ color: #98A1A8; font-family: arial;} .table_css_ticket tr td:last-child{text-align: left; font-family: "寰蒋闆呴粦";} .fill_common dl dd span{ margin-right: 10px;color:#363636;} .fill_common dl dd a{ float: right; margin-left:15px} .fill_common dl dd a i{color: #98A1A8;} .fill_common dl dd .checkbox{margin-left: 15px;} .search_user{ border: 1px solid #5EC597; border-radius: 5px; padding: 10px; margin:20px 0;} .search_user input[type=text]{ width: 90%; text-align: left;border: none;} .search_user a{ float: right; width: 10%; text-align: right; } .search_user a i{color: #61727F;} .add_user_box_bg{ display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; left:0;top:0; z-index: 1; } .add_user_box{ display: none;z-index: 2;} .add_user_box dl{padding:20px;background: #fff; min-width:280px; max-width:320px; border: 1px solid #1E6DB2; position: relative;} .add_user_box dl a.btn_close{ position: absolute; top:-25px;right:0; width: 24px; text-align: center; height: 24px; z-index: 3; background: #1E6DB2;} .add_user_box dl a.btn_close i{color: #fff;} .add_user_box dl dt{ font-size:18px; color: #000; margin-bottom: 10px;} .add_user_box dl dd{margin-bottom:10px; font-size: 12px;} .add_user_box dl dd em{color: #f00; vertical-align: middle;} .add_user_box dl dd input{ width: 100%; height: 30px; line-height:30px; padding:0 10px; border: 1px solid #E0E0E0; } .add_user_box dl dd .btn{ text-align: center; padding:15px 0 5px; } .add_user_box dl dd .btn a{ display: inline-block; width: 80px; border: 1px solid #98A1A8; margin:0 5px; border-radius: 3px; color: #98A1A8; background: #fff; padding:5px 10px;} .add_user_box dl dd .btn a.a_sure{background:#1E6DB2; color: #fff; border: 1px solid #1E6DB2;} .fill_account{padding: 0;} .fill_account dd span i{color: #D50000; vertical-align: middle; margin-left:2px;} .fill_account dd .arr_rico{ float: right; margin-left: 5px;} .fill_account dd .arr_rico i{color: #98A1A8;} .fill_account dl dd input[type=text]{ width: 70%; border: none; text-align: right; color: #98A1A8;} .fill_account dl dd a{ float: right; color: #98A1A8;} .fill_account dl dd p.tips{ display: none;width: calc(100% - 80px); font-size: 12px; color: #B9B9B9; float: right} .fill_account dl dd .update_box{ float: left; width: 100%;margin:5px 0 0; display: none;} .fill_account dl dd .update_box p input{width: calc(100% - 60px); border: none; line-height: 28px; text-align: left; color: #98A1A8} .fill_account dl dd .update_box p input.yz{ float: left; width:calc(100% - 185px);} .fill_account dl dd .update_box p .yanzhengma{ max-width:125px; float: right; padding:0 10px; height: 30px; line-height: 30px; border-radius: 5px; background: #17AB6A; color: #fff; border: none;} .fill_account dl dd .update_box p .yanzhengma:disabled{ background: #ddd; cursor: default; } .fill_account dl dd .update_box p{ float: left; width: 100%; border: 1px solid #98A1A8; margin-bottom: 10px; padding:3px 10px; border-radius:3px; } .fill_account dl dd .update_box p label{ float: left; width: 60px; display: block; color: #9BA6AE; } .fill_account dl dd .update_box .btn_wrap{margin: 0; float: left; width: 100%;} .fill_account dl dd .update_box .btn_wrap button{ width: 150px;} .fill_account dl dd.adress_dets input[type=text]{width: 100%} .fill_account_mar{margin-top: 20px;} .fill_account dl dd .license{width: 70%;text-align: right; float: right;} .upload-box{ width: 88px; height: 66px; float: right; position: relative;} .upload-box .img{position: absolute; top: 0; right: 0; display: block;width: 100%; height: 100%; cursor: pointer;} .upload-box iframe{position:relative; overflow:hidden; position:absolute; width:0; height:100%; opacity:0; filter:alpha(opacity=0);} .more_04{height: 50px; font-size: 18px; line-height: 50px;} .list_message li{border:none; border-bottom: 1px solid #D8DDE1; padding:20px 0; margin-bottom: 0; box-shadow: none;} .m_time{color: #98A1A8; font-size: 12px; font-family: arial;} .m_time i{margin-right:5px;} .list_message{margin:0 0 30px;} .list_message li p{padding-left: 18px; color: #363636;} .list_message li .btn{ text-align: right; padding:10px 0 0; } .list_message li .btn a{ width: 70px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border: 1px solid #98A1A8; margin-left:10px; border-radius: 3px; color: #98A1A8; background: #fff;} .list_message li .btn a.a_agree{background:#1E6DB2; color: #fff; border: 1px solid #1E6DB2;} .dwl{font-size:16px!important;} .dw-i{font-size:14px!important;} @media only screen and (max-width: 360px) { .details_pic h2{ font-size: 20px; } .details_pic .swiper-pagination-fraction{bottom: 20px;} .share a{width: 50px; height: 50px;} } @media only screen and (max-width: 320px) { .in_block02 .tab-tit li{font-size: 14px; text-align: center;} .in_block02 .tab-tit li,.in_block02 .tab-tit li:last-child{width: 25%;} .fill_account dl dd p.tips{ line-height: 1.1;} .agree{font-size: 12px;} .list_order li .txt .btn a{width: 60px; font-size: 12px;} .fill_account dl dd .update_box .btn_wrap button{width: 100px;} .fill_account dl dd .license{width: 60%;} .fill_common dl dd span,.table_css_ticket tr td{font-size: 12px;} .fill_common dl dd .checkbox{margin-left: 5px; position: relative; top:2px;} .news_item .swiper-slide span,.active_item li span,.table_css_ticket tr th{font-size: 14px;} .sort_rr{width: 60%;} .sort_ll{ width: 40%;} } .sucess{ text-align: center; padding-top:150px; } .sucess dt{} .sucess dt em{ display: block; margin:0 auto 10px;width: 70px; text-shadow: 70px;} .sucess dt em img{ width: 70px; text-shadow: 70px;} .sucess dt span{ display: block; font-size: 20px; color: #333;} .sucess dd{margin-top:20px;} .sucess dd p{ color: #363636; } .sucess dd a{ text-decoration: underline;margin:0 5px; color: #17AB6A; } .search h2{ font-size: 16px; color: #17AB6A; font-weight: normal; margin:20px 0 5px; } .sea_list li{ border-bottom: 1px solid #D8DDE1; padding: 10px 0 0px;} .sea_list li span{ float: right; font-family: arial; font-size: 12px; color: #666} .sea_list li a{ width: calc(100% - 80px);overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block;} /*2022 0815 add*/ .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} .inbanner .video_button{z-index: 100;color: #fff;font-size: 45px;}