body,html { font-size: 100px;/*用到了rem单位就必须要在这里设置字体的大小*/ width: 100%; height: 100%; overflow: hidden;} body { color:#333; font-size: 0.14rem; line-height:0.15rem; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; position:relative;} p{margin-bottom:0;} h1,h2,h3,h4,h5,h6{ font-style: normal; font-weight: normal; } input::-moz-placeholder{ color:#999; font-size:0.14rem; } input::-webkit-input-placeholder{ color:#999; font-size:0.14rem; } input{ border:none; background:none;} .hd_con{ width: 100%; height: 0.38rem; line-height: 0.38rem; position: relative; } .hd_con span{ height: 100%; top: 0; text-align: center; width: 0.65rem; vertical-align: middle; position: absolute;} .hd_con span img{ display: inline-block; height: 100%; } .hd_con span:first-child{ left: 0.15rem; } .hd_con span:first-child img{ width: 0.65rem;} .hd_con span:last-child{ right: 0.15rem; } .hd_con h5{ display: block; text-align: center; font-size: 0.17rem; color: #282828; height: 100%; line-height: 0.38rem; border-bottom: 2px solid #eaeaea; } .hd_con .go_back{ position: absolute; left: 0; top: 0; display: inline-block; height: 0.38rem; width: 0.38rem; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEKSURBVDhPjZNLTsMwFEUJA5gBc2AS5eM4oIyYIlgEILoJEJvoR6wCwSpatsBnB2UBhSESomqPlVsUBph3patEvj7Pz068ZpX3fqMsy75z7pvnB+4pigvQM/kJcIEf67reVxRVAnQF8CnfMLbeRhHleb4LONZqr7wfKoqrKIpzJs+A5niUZdlmm0SUpuk2k+/DasBTfKIoLiae4jeBd6GQor8VWgqt4TnQLLSs6H912vwCPNKwTVr5drUyPlNkF9CvPVN0S5FNTdPsAD+owLSqqmNFdgFdAL9rK0PTd+4KYA9w9Ye94ANFZiVA17j7bydtZBTbqOniGTicxcR6q36k+zygQDgHzsNdLgFl0VXH/obEwQAAAABJRU5ErkJggg==") center center no-repeat; background-size: 0.08rem 0.14rem; } .g_banner{ text-align: center; position: relative; } .g_txt{ padding: 0 16% 0.15rem; } .g_txt b{ display: inline-block; position: relative; color: #f5a30f; padding-left: 0.47rem; font-size: 0.17rem; line-height: 0.3rem; font-weight: bold; } .g_txt .ta{ background: url(/wap/ygt/images/gic1.jpg) left center no-repeat; background-size: 0.31rem 0.31rem;} .g_txt .tb{ background: url(/wap/ygt/images/gic2.jpg) left center no-repeat; background-size: 0.31rem 0.31rem;} .g_txt p{ display: block; color: #000; font-size: 0.13rem; line-height: 0.25rem; } .but_down{ width: 80%; color: #fff; font-size: 0.18rem; font-weight: bold; text-align: center; height: 0.49rem; line-height: 0.49rem; background: #f5a30f; display: inline-block; border-radius: 0.55rem; box-shadow: 0 4px 18px rgba(216,144,14,0.5); } .mt30{ margin-top: 0.12rem;} .notic_tt{ display: block; text-align: center; font-size: 0.11rem; color: #959595; line-height: 0.15rem; padding-top: 0.18rem; } .titile{ padding: 0.19rem 0;} .titile b{ display: block; text-align: center; font-size: 0.14rem; color: #282828; line-height: 0.3rem; } .qust_txt{ font-size: 0.13rem; line-height: 0.25rem; padding: 0 0.17rem 0.1rem 0;} .qust_txt dl{ padding-top: 0.1rem;} .qust_txt dl b,.qust_txt dl p{ display: block;} .qust_txt dl dt b{ color: #282828; line-height: 0.25rem; } .qust_txt dl dd{ padding-left: 0.25rem;} .qust_txt dl dd p{ color: #666; } .qust_txt dl dd p em{ color: #cd4040;} .qust_txt a{ color: #0eb7ee;} .main_box span{ display: block; font-size: 0.16rem; color: #282828; line-height: 0.45rem; border-bottom: 1px solid #f7f7f7; } .main_box{ padding-left: 0.15rem;} .gray_ln{ height: 0.1rem; background: #f5f5f5;} /*滚动*/ .swipr_box{ padding: 0 0.13rem 0.4rem;} .swiper-wrapper{ margin: 0 auto; display: flex; text-align: center;} .swiper-slide{ overflow: hidden; text-align: center;} .swiper-slide span{ height: 0.73rem; width: 0.74rem; overflow: hidden; display: inline-block; } .swiper-slide p{ line-height: 0.12rem; font-size: 0.13rem; color: #282828; padding: 0.1rem 0; } .swiper-slide span img{ height: 100%; width: 100%;} .swiper-slide p{ display: block; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEKSURBVDhPjZNLTsMwFEUJA5gBc2AS5eM4oIyYIlgEILoJEJvoR6wCwSpatsBnB2UBhSESomqPlVsUBph3patEvj7Pz068ZpX3fqMsy75z7pvnB+4pigvQM/kJcIEf67reVxRVAnQF8CnfMLbeRhHleb4LONZqr7wfKoqrKIpzJs+A5niUZdlmm0SUpuk2k+/DasBTfKIoLiae4jeBd6GQor8VWgqt4TnQLLSs6H912vwCPNKwTVr5drUyPlNkF9CvPVN0S5FNTdPsAD+owLSqqmNFdgFdAL9rK0PTd+4KYA9w9Ye94ANFZiVA17j7bydtZBTbqOniGTicxcR6q36k+zygQDgHzsNdLgFl0VXH/obEwQAAAABJRU5ErkJggg=="); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEgSURBVDhPlZNbLgRBGIXbJC5PeHfppNP3Jv3Q74I1uCRmDzMJeyCERRAsgrADwg7wbPCECOH7M2cep7uc5KS769T311+VLi9Jknaapm/4m/fdqqpGvf8oz/N54Gv8S4EbvnNFzmoB7lDgE7/z3mFspB85CmgR+F5dXERRNKPITWEYjgMf4B8K9OI43lDkLsBl/GBd4NMgCKYUuckACpxoG494RZG7gNZxz7aCD21r/cRRQBUFvtTFuYabxeQ1/Gwr8zzyfX9C0XDR3iSTj7XaEye/qqheWZYtAQxO+6wsy2lFw2WHAbSvFl8osqmoXgAL+M5WA7yk0KyiWrUAtvGHGbDLWPO/XRTFHMCVVrt1vlVM3sKvgHaf9+DGFDXI8/4AudFV0X52op0AAAAASUVORK5CYII="); } .swiper-button-prev{ left: -4px;} .swiper-button-next{ right: -4px;} .swiper-button-next, .swiper-button-prev{ width: 0.15rem; height: 0.15rem; background-size: 0.08rem 0.14rem; background-repeat: no-repeat; } .swiper-button-prev,.swiper-button-next{ margin-top: -40px;} .swiper-pagination{ position: relative; width: 100%; padding-top: 0.1rem; text-align: center; } .swiper-pagination-bullet{ display: inline-block; width: 8px; height: 8px; margin: 0 4px; background: #fff; border-radius: 100%; border: 1px solid #f5a30f; opacity: initial; } .swiper-pagination-bullet-active{ background: #f5a30f;} .swiper-wrapper .swiper-slide:before{ margin-left: 0;} .footer_box{ text-align: center; padding: 0.25rem 0.2rem 0.2rem; position: relative; background: #dfdbd8; } .footer_box:before{ content: ""; display: block; position: absolute; left: 0; top: -0.15rem; width: 100%; height: 0.15rem; background: url(/wap/ygt/images/s_02.png) no-repeat; background-size: 100% 0.15rem; } .ft_con p{ display: block; line-height: 0.15rem; font-size: 0.11rem; color: #282828; } .ft_con p:first-child{ padding-bottom: 0.05rem;} .ft_link{ padding-top: 0.15rem; display: flex; } .ft_link a{ flex: 1; color: #282828; font-size: 0.14rem; position: relative; line-height: 0.12rem; } .ft_link a:after{ content: ""; right: 0; top: 0; background: #f5a30f; width: 1px; height: 0.12rem; display: inline-block; position: absolute; } .ft_link a:last-child:after{ display: none;} .pr{ position: relative; } .pr img{ width: 100%;} .but_w2{ display: block; height: 0.23%; width: 42%; top: 57%; right: 0.19rem; position: absolute;} /*-- add 20181119 --*/ .download_main{ padding: 0.05rem 0.15rem 0; position: relative; z-index: 50; } .download_item{ background: #fff; -moz-border-radius: 0.14rem; -webkit-border-radius: 0.14rem; border-radius: 0.14rem; box-shadow: 0 0 0.12rem rgba(0,0,0,0.5); overflow: hidden; margin-bottom: 0.25rem; } .download_item .pic img{ display: block; width: 100%; } .download_item .cont{ padding: 0.15rem 0.08rem; position: relative; overflow: hidden; } .download_item .cont .icon{ width: 0.6rem; height: 0.6rem; float: left; } .download_item .cont .icon img{ display: block; width: 100%; height: 100%; } .download_item .cont h5{ margin-left: 0.72rem; line-height: 0.32rem; font-size: 0.2rem; color: #26211b; margin-bottom: 0.02rem; } .download_item .cont p{ margin-left: 0.72rem; font-size: 0.13rem; color: #777; line-height: 0.2rem; padding: 0.03rem 0; overflow: hidden; } .download_item .cont p span{ display: inline-block; float: left; padding-left: 0.09rem; margin-left: 0.06rem; position: relative; } .download_item .cont p span:before{ content: ""; width: 0.03rem; height: 0.03rem; background: #777; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; margin-top: -0.01rem; left: 0; } .download_item .cont p span:first-child{ padding-left: 0; margin-left: 0; } .download_item .cont p span:first-child:before{ display: none; } .download_item .btn{ padding: 0.02rem 0.2rem 0.2rem; display: -webkit-box; display: -webkit-flex; display: flex; } .download_item .btn div{ -moz-box-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: block; line-height: 0.4rem; padding: 0.01rem; text-align: center; font-size: 0.18rem; color: #fff; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; background: #b6895c; background: -webkit-linear-gradient(top, #eec79a, #eec79a 16%, #b6895c 100%); background: -o-linear-gradient(top, #eec79a, #eec79a 16%, #b6895c 100%); background: -moz-linear-gradient(top, #eec79a, #eec79a 16%, #b6895c 100%); background: linear-gradient(top, #eec79a, #eec79a 16%, #b6895c 100%); margin-left: 0.1rem; } .download_item .btn div span{ display: block; height: 0.4rem; line-height: 0.4rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; } .download_item .btn div:nth-child(1){ margin-left: 0; } .download_item .btn div:nth-child(2) span{ background: #fff; color: #c5996c; }