/*/topic/topic_template/customize/JGYSR_202203_intro/css/intro.css*/
.topic_intro {width: 1008px;margin: 0 auto;position: relative;margin-top: 30px;}.intro_pc_bg {display: block;margin-left: -7px;}.intro_mob_bg {display: none;}.intro_content {position: absolute;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 104px;padding-left: 34px;padding-right: 34px;top: 0;left: 0;}.intro_text {font-size: 18px;color: rgb(255, 255, 255);line-height: 1.556;text-align: justify;margin-bottom: 10px;}.slogan_img {width: 100%;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 24px;}.slogan_img img {display: block;height: 28px;}.intro_join_btn {background-image: -webkit-gradient( linear, left top, left bottom, from(#ffffc5)  , to(#ffd087));background-image: -webkit-linear-gradient( top, #ffffc5  , #ffd087);background-image: -moz-linear-gradient( top, #ffffc5  , #ffd087);background-image: -o-linear-gradient( top, #ffffc5  , #ffd087);background-image: linear-gradient( to bottom, #ffffc5  , #ffd087);width: 250px;height: 60px;border-radius: 999px;overflow: hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;font-weight: bold;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;color: #b80f14;margin: 0 auto;margin-top: 30px;cursor: pointer;position: relative;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}.intro_join_btn::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;background: -webkit-linear-gradient(305deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background: -moz-linear-gradient(305deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background: -o-linear-gradient(305deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background: linear-gradient(145deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);-webkit-animation: intro_btn_move 1.5s ease infinite;-moz-animation: intro_btn_move 1.5s ease infinite;-o-animation: intro_btn_move 1.5s ease infinite;animation: intro_btn_move 1.5s ease infinite;}@-webkit-keyframes intro_btn_move {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}100% {-webkit-transform: translateX(100%);transform: translateX(100%);}}@-moz-keyframes intro_btn_move {0% {-moz-transform: translateX(-100%);transform: translateX(-100%);}100% {-moz-transform: translateX(100%);transform: translateX(100%);}}@-o-keyframes intro_btn_move {0% {-o-transform: translateX(-100%);transform: translateX(-100%);}100% {-o-transform: translateX(100%);transform: translateX(100%);}}@keyframes intro_btn_move {0% {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}100% {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}}@media (max-width: 768px){.topic_intro {width: 100%;}.intro_pc_bg {display: none;}.intro_mob_bg{display: block;width: 100%;}.intro_content {padding-top: 1.3rem;padding-left: 0.5rem;padding-right: 0.5rem;}.intro_text {font-size: 0.26rem;line-height: 0.42rem;margin-bottom: 0.18rem;}.slogan_img {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;margin-top: 0.3rem;}.slogan_img img {height: 0.4rem;margin: 0;}.intro_join_btn {width: 3.4rem;height: 0.7rem;font-size: 0.28rem;margin-top: 0.4rem;font-weight: bold;}}