/********************************* header STRAT ********************************/
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 11; }

.header .header_top { background-color: #ffffff; height: 1.2rem; overflow: hidden; border-bottom: 1px solid #eeeeee; }

.header .header_top .head_logo { width: 2.4rem; }

.header .header_top .head_logo .picture_container { padding-top: 50.20921%; }

.header .header_top .btn { color: #da2719; font-size: 0.45rem; }

.header .header_top .btn .iconfont { cursor: pointer; }

.header .header_top .btn .iconfont:nth-child(1) { font-size: 0.5rem; margin-right: 0.5rem; padding-right: 0.5rem; border-right: 1px solid #dcdcdc; line-height: 0.22rem; }

.header .header_monu { position: fixed; display: none; top: 1.2rem; bottom: 0; left: 0; right: 0; margin: auto; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }

.header .header_monu .box { background-color: #ffffff; }

.header .header_monu .box .line { font-size: 0.3rem; line-height: 1rem; letter-spacing: 0.02rem; text-align: center; }

.header .header_monu .box .line:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.header .header_monu .box .line:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.header .header_monu .box .line:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.header .header_monu .box .line:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.header .header_monu .box .line:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.header .header_monu .box .line:nth-child(6) { -o-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.header .header_monu .box .line:nth-child(7) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.header .header_monu .box .line:nth-child(8) { -o-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.header .header_monu .box .line span { position: relative; }

.header .header_monu .box .line span::after { display: none; content: " "; position: absolute; top: 50%; width: 0.26rem; height: 0.06rem; left: -0.56rem; background-color: #f0493c; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.header .header_monu .box .line.active { background-color: #f9f9f9; }

.header .header_monu .box .line.active span::after { display: block; }

.back_header { position: fixed; top: 0; left: 0; right: 0; z-index: 11; background-color: #ffffff; border-bottom: 1px solid #eeeeee; }

.back_header .center { height: 1.2rem; }

.back_header .iconfont { font-size: 0.33rem; }

.back_header .name { font-size: 0.36rem; letter-spacing: 1px; }

.back_header .box { width: 1px; }

.back_header .back_top_search { width: 6.23rem; height: 0.7rem; border-radius: 0.1rem; border: solid 1px #f15b50; padding: 0 0.25rem; }

.back_header .back_top_search .iconfont { color: #bbbbbb; font-size: 0.34rem; margin-right: 0.52rem; }

.back_header .back_top_search .back_search { font-size: 0.26rem; letter-spacing: 0px; color: #bbbbbb; }

.back_header .back_top_search .back_search::-webkit-input-placeholder { color: #bbbbbb; }

.back_header .back_top_search .back_search:-moz-placeholder { color: #bbbbbb; }

.back_header .back_top_search .back_search:-ms-input-placeholder { color: #bbbbbb; }

.back_header .back_top_search .back_search::placeholder { color: #bbbbbb; }

/********************************* header END ********************************/
/********************************* footer STRAT ********************************/
.footer { position: fixed; bottom: 0; right: 0; left: 0; z-index: 10; width: 100%; background-color: #ffffff; box-shadow: 0px 7px 21px 0px rgba(75, 75, 75, 0.07); }

.footer .box { height: 1.36rem; padding: 0 0.55rem; }

.footer .box .block { text-align: center; color: #666666; position: relative; }

.footer .box .block .iconfont { font-size: 0.55rem; margin-bottom: 0.1rem; }

.footer .box .block .iconfont.icon-shouye { font-size: 0.5rem; }

.footer .box .block .iconfont.icon-chexing { font-size: 0.6rem; }

.footer .box .block .name { font-size: 0.24rem; }

.footer .box .block .icon { display: none; position: absolute; width: 0.24rem; height: 0.24rem; border-radius: 50%; right: 0; top: 0.3rem; background-color: rgba(240, 73, 60, 0.2); }

.footer .box .block.active { color: #f0493c; }

.footer .box .block.active .icon { display: block; }

.footer .box .block:nth-child(1) .icon { top: 0.2rem; }

.footer .box .block:nth-child(3) .icon { top: 0.15rem; right: 0.05rem; }

.footer .box .block:nth-child(4) .icon { right: 0.1rem; }

.view_foot { padding: 0.5rem 0; text-align: center; font-size: 0.24rem; line-height: 0.4rem; letter-spacing: 0.02rem; color: #999999; }

.view_foot .flex a:nth-child(1) { margin-right: 0.2rem; }

/********************************* footer END ********************************/
/********************************* index STRAT ********************************/
.index .index_banner .swiper-pagination-bullet { width: 0.2rem; height: 0.2rem; opacity: 0.5; border-radius: 50%; background-color: #ffffff; margin: 0 0.1rem; }

.index .index_banner .swiper-pagination-bullet-active { opacity: 1; }

.index .index_banner .swiper-pagination { bottom: 0.24rem; }

.index .index_title { font-size: 0.4rem; font-weight: 600; text-align: center; }

.index .main1 { padding: 0.35rem 0; margin-bottom: 0.25rem; background-color: #ffffff; }

.index .main1 .block { width: 0.86rem; }

.index .main1 .block .img { margin-bottom: 0.2rem; }

.index .main1 .block .img .picture_container { padding-top: 100%; }

.index .main1 .block .name { text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.26rem; }

.index .main2 { height: 1rem; overflow: hidden; margin-bottom: 0.24rem; background-color: #ffffff; }

.index .main2 .title_left { color: #f0493c; padding-right: 0.22rem; margin-right: 0.22rem; position: relative; }

.index .main2 .title_left .iconfont { font-size: 0.34rem; margin-right: 0.15rem; }

.index .main2 .title_left p { font-size: 0.3rem; }

.index .main2 .title_left::after { content: " "; position: absolute; top: 50%; right: 0; width: 1px; height: 0.24rem; background-color: #e5e5e5; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.index .main2 .sw_advertising { width: 4.8rem; font-size: 0.26rem; height: 1rem; line-height: 1rem; }

.index .main2 .sw_advertising .line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index .main3 { margin-bottom: 0.24rem; }

.index .main3 .content { padding: 0.33rem; background-image: url(../images/public/advert_bg.png); }

.index .main3 .content .box { float: right; color: #ffffff; }

.index .main3 .content .box .name { font-size: 0.32rem; margin-bottom: 0.22rem; }

.index .main3 .content .box .abstract { font-size: 0.24rem; position: relative; height: 0.4rem; line-height: 0.4rem; text-align: center; width: 2.02rem; }

.index .main3 .content .box .abstract .icon::after { content: " "; position: absolute; width: 0.1rem; height: 0.1rem; }

.index .main3 .content .box .abstract .icon::before { content: " "; position: absolute; width: 0.1rem; height: 0.1rem; }

.index .main3 .content .box .abstract .icon:nth-of-type(1)::after { top: 0; left: 0; border-top: 0.03rem solid rgba(255, 255, 255, 0.3); border-left: 0.03rem solid rgba(255, 255, 255, 0.3); }

.index .main3 .content .box .abstract .icon:nth-of-type(1)::before { bottom: 0; left: 0; border-bottom: 0.03rem solid rgba(255, 255, 255, 0.3); border-left: 0.03rem solid rgba(255, 255, 255, 0.3); }

.index .main3 .content .box .abstract .icon:nth-of-type(2)::after { top: 0; right: 0; border-top: 0.03rem solid rgba(255, 255, 255, 0.3); border-right: 0.03rem solid rgba(255, 255, 255, 0.3); }

.index .main3 .content .box .abstract .icon:nth-of-type(2)::before { bottom: 0; right: 0; border-bottom: 0.03rem solid rgba(255, 255, 255, 0.3); border-right: 0.03rem solid rgba(255, 255, 255, 0.3); }

.index .main3 .content .box .btn { margin-top: 0.34rem; width: 1.84rem; height: 0.48rem; font-size: 0.22rem; line-height: 0.48rem; text-align: center; border-radius: 0.24rem; background-color: #fd5870; }

.index .main4 { padding: 0.5rem 0; background-color: #ffffff; margin-bottom: 0.24rem; }

.index .main4 .index_title { margin-bottom: 0.54rem; }

.index .main4 .block { width: 50%; text-align: center; }

.index .main4 .block .img { margin: 0 auto; width: 1rem; margin-bottom: 0.26rem; }

.index .main4 .block .img img { margin: 0 auto; }

.index .main4 .block .name { font-size: 0.26rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index .main4 .block:nth-child(1) { padding-bottom: 0.4rem; padding-top: 0.14rem; border-bottom: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }

.index .main4 .block:nth-child(2) { padding-top: 0.14rem; padding-bottom: 0.4rem; border-bottom: solid 1px #eeeeee; }

.index .main4 .block:nth-child(3) { padding-top: 0.4rem; padding-bottom: 0.14rem; border-right: solid 1px #eeeeee; }

.index .main4 .block:nth-child(3) .img { width: 1.4rem; }

.index .main4 .block:nth-child(4) { padding-bottom: 0.14rem; padding-top: 0.4rem; }

.index .main5 { padding: 0.5rem 0; background-color: #ffffff; margin-bottom: 0.24rem; }

.index .main5 .content .box { margin-top: 0.2rem; }

.index .main5 .content .box .block { padding: 0.3rem 0 0.4rem; }

.index .main5 .content .box .block:not(:last-child) { border-bottom: 1px solid #eeeeee; }

.index .main5 .content .box .block .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 0.3rem; margin-bottom: 0.2rem; }

.index .main5 .content .box .block .abstract { color: #bbbbbb; }

.index .main5 .content .box .block .abstract .iconfont { font-size: 0.24rem; margin-right: 0.15rem; }

.index .main5 .content .box .block .abstract span { font-size: 0.24rem; }

.index .main5 .content .btn { width: 2.55rem; height: 0.8rem; border-radius: 0.4rem; border: solid 1px #f0493c; text-align: center; line-height: 0.8rem; font-size: 0.3rem; letter-spacing: 0px; color: #f0493c; margin: 0 auto; margin-top: 0.2rem; }

.popup { position: fixed; top: 60%; right: 0;z-index: 10; }

.popup .box { width: 0.96rem; height: 0.96rem; background-color: #ffffff; border-radius: 50%; padding: 0.2rem; box-shadow: 0px 0.05rem 0.21rem 0px rgba(77, 77, 77, 0.07); }

.popup .box:nth-child(1) { margin-bottom: 0.25rem; }

.popup .box .picture_container { padding-top: 100%; }

/********************************* index END ********************************/
/********************************* inner STRAT	 ********************************/
.inner_nav { position: relative; }

.inner_nav .inner_nav_top { background-color: #ffffff; font-size: 0.3rem; }

.inner_nav .inner_nav_top .center { height: 0.9rem; }

.inner_nav .inner_nav_top .iconfont { font-size: 0.29rem; color: #bbbbbb; }

.inner_nav .inner_nav_down { display: none; position: absolute; top: 0.9rem; left: 0; right: 0; z-index: 5; border-top: 1px solid #eeeeee; background-color: #ffffff; }

.inner_nav .inner_nav_down .line { line-height: 0.8rem; font-size: 0.26rem; }

.inner_nav .inner_nav_down .line.active { background-color: #f9f9f9; color: #da2719; }

/********************************* inner END ********************************/
/********************************* advertising STRAT ********************************/
.advertising .main1 { border-top: 1px solid #eeeeee; background-color: #ffffff; padding-top: 0.3rem; margin-bottom: 0.26rem; }

.advertising .main1 .advertising_top .block { width: 1.86rem; height: 0.54rem; line-height: 0.52rem; border-radius: 0.26rem; font-size: 0.24rem; color: #888888; text-align: center; border: solid 0.01rem #dcdcdc; margin-bottom: 0.3rem; }

.advertising .main1 .advertising_top .block:not(:nth-child(3n)) { margin-right: 0.7rem; }

.advertising .main1 .advertising_top .block.active { border: solid 0.01rem #f0493c; color: #c53833; }

.advertising .main2 .content .block { padding: 0.4rem 0; background-color: #ffffff; }

.advertising .main2 .content .block:not(:last-child) { margin-bottom: 0.25rem; }

.advertising .main2 .content .block .img { width: 2.64rem; border-radius: 0.1rem; overflow: hidden; }

.advertising .main2 .content .block .img .picture_container { padding-top: 68.93939%; }

.advertising .main2 .content .block .txt { width: 3.9rem; }

.advertising .main2 .content .block .txt .title { font-size: 0.3rem; margin-bottom: 0.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.advertising .main2 .content .block .txt .box { font-size: 0.24rem; line-height: 0.48rem; letter-spacing: 0px; color: #666666; }

.advertising .main2 .content .block .txt .box p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/********************************* advertising END ********************************/
/********************************* advertising-details STRAT ********************************/
.advertising-details .main1 { background-color: #ffffff; padding: 0.5rem 0; }

.advertising-details .main1 .content .title { text-align: center; font-size: 0.36rem; letter-spacing: 0px; color: #444444; margin-bottom: 0.7rem; }

.advertising-details .main1 .content .box { padding: 0.3rem; background-color: #ffffff; box-shadow: 0px 0.05rem 0.21rem 0px rgba(63, 63, 63, 0.07); margin-bottom: 0.45rem; }

.advertising-details .main1 .content .box .box_top { margin-bottom: 0.4rem; }

.advertising-details .main1 .content .box .box_top .icon { width: 0.08rem; height: 0.28rem; background-color: #f0493c; margin-right: 0.19rem; margin-top: 0.01rem; }

.advertising-details .main1 .content .box .box_top span { font-size: 0.3rem; letter-spacing: 0px; color: #444444; }

.advertising-details .main1 .content .box .block .line:not(:last-child) { margin-bottom: 0.32rem; }

.advertising-details .main1 .content .box .block .line .iconfont { font-size: 0.3rem; color: #f0493c; margin-right: 0.24rem; padding-right: 0.24rem; border-right: 1px solid #eeeeee; line-height: 0.2rem; }

.advertising-details .main1 .content .box .block .line .iconfont.icon-dianhua1 { font-size: 0.35rem; margin-right: 0.22rem; padding-right: 0.22rem; }

.advertising-details .main1 .content .box .block .line span { font-size: 0.24rem; letter-spacing: 0px; color: #888888; }

/********************************* advertising-details END ********************************/
/********************************* service STRAT ********************************/
.service .main1 { margin-top: 0.24rem; padding: 0.5rem 0; background-color: #ffffff; }

/********************************* service END ********************************/
/********************************* news STRAT ********************************/
.news .main1 { margin-top: 0.24rem; }

.news .main1 .content .block { background-color: #ffffff; padding: 0.4rem 0 0.35rem; }

.news .main1 .content .block:not(:last-child) { margin-bottom: 0.24rem; }

.news .main1 .content .block .img { margin-bottom: 0.3rem; }

.news .main1 .content .block .img .picture_container { padding-top: 52.5788%; }

.news .main1 .content .block .txt .title { font-size: 0.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 0.2rem; }

.news .main1 .content .block .txt .abstract { font-size: 0.24rem; color: #888888; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 0.4rem; }

/********************************* news END ********************************/
/********************************* news-details STRAT ********************************/
.news-details .main1 { background-color: #ffffff; padding: 0.45rem 0 0.5rem; }

.news-details .main1 .content .title { text-align: center; font-size: 0.36rem; letter-spacing: 0px; color: #444444; margin-bottom: 0.25rem; }

.news-details .main1 .content .box { font-size: 0.24rem; letter-spacing: 0px; color: #c3c3c3; }

.news-details .main1 .content .box a { margin-right: 0.5rem; }

.news-details .main1 .content .txt { padding-top: 0.4rem; }

/********************************* news-details END ********************************/
/********************************* about STRAT ********************************/
.about .main1 { padding: 0.5rem 0; background-color: #ffffff; }

.about .main1 .title { font-size: 0.4rem; letter-spacing: 0px; color: #424242; margin-bottom: 0.35rem; text-align: center; font-weight: 600; }

/********************************* about END ********************************/
/********************************* contact STRAT ********************************/
.contact .main1 { padding-top: 0.5rem; }

.contact .main1 .title { font-size: 0.4rem; letter-spacing: 0px; color: #424242; margin-bottom: 0.35rem; text-align: center; font-weight: 600; }

.contact .main1 .content { background-image: url(../images/public/contact_bg.png); padding: 0.7rem 0.4rem 0.6rem 0.4rem; }

.contact .main1 .content .box { padding-bottom: 0.6rem; border-bottom: 1px solid #eeeeee; margin-bottom: 0.5rem; }

.contact .main1 .content .box .line:nth-child(1) { margin-bottom: 0.4rem; }

.contact .main1 .content .box .line .iconfont { color: #c53833; margin-right: 0.2rem; font-size: 0.32rem; }

.contact .main1 .content .box .line span { font-size: 0.24rem; letter-spacing: 0px; color: #444444; }

.contact .main1 .content .weixin_box { width: 2.16rem; height: 2.16rem; border-radius: 0.1rem; border: solid 1px #eeeeee; background-color: #ffffff; padding: 0.12rem; margin: 0 auto; }

.contact .main1 .content .weixin_box .picture_container { padding-top: 100%; }

.contact .main1 .content .name { font-size: 0.24rem; letter-spacing: 0px; color: #444444; text-align: center; margin-top: 0.3rem; }

/********************************* about END ********************************/
/********************************* personal STRAT ********************************/
.personal .main1 { padding-bottom: 0.45rem; background-color: #ffffff; }

.personal .main1 .content .background_img { background-image: url(../images/public/personal_bg.png); height: 3.49rem; }

.personal .main1 .content .background_img .personal_top { padding-top: 0.65rem; }

.personal .main1 .content .background_img .personal_top .head_top { width: 1.05rem; border-radius: 50%; position: relative; margin-right: 0.52rem; }

.personal .main1 .content .background_img .personal_top .head_top .img { overflow: hidden; }

.personal .main1 .content .background_img .personal_top .head_top .img .picture_container { padding-top: 100%; z-index: 2; }

.personal .main1 .content .background_img .personal_top .head_top .bg_icon { width: 100%; height: 100%; border-radius: 50%; background-color: #ffffff; opacity: 0.5; z-index: 1; }

.personal .main1 .content .background_img .personal_top .txt { color: #ffffff; }

.personal .main1 .content .background_img .personal_top .txt .name { font-size: 0.3rem; letter-spacing: 0.02rem; margin-bottom: 0.32rem; }

.personal .main1 .content .background_img .personal_top .txt .flex { font-size: 0.24rem; }

.personal .main1 .content .background_img .personal_top .txt .flex .iconfont { margin-left: 0.2rem; }

.personal .main1 .content .box { padding: 0.3rem; margin-top: -1.3rem; background-color: #ffffff; box-shadow: 0px 0.05rem 0.21rem 0px rgba(100, 100, 100, 0.07); border-radius: 0.1rem; }

.personal .main1 .content .box .block .img { width: 1.2rem; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 0.15rem; }

.personal .main1 .content .box .block .img .picture_container { padding-top: 100%; }

.personal .main1 .content .box .block .name { font-size: 0.26rem; text-align: center; letter-spacing: 1px; }

.personal .main1 .content .line_box .line { padding: 0.35rem 0 0.3rem; border-bottom: 1px solid #eeeeee; }

.personal .main1 .content .line_box .line .iconfont { color: #f0493c; font-size: 0.37rem; margin-right: 0.3rem; }

.personal .main1 .content .line_box .line:nth-child(2) .iconfont { margin-right: 0.35rem; }

.personal .main1 .content .line_box .line span { font-size: 0.28rem; letter-spacing: 0.02rem; }

.personal .main2 { background-color: #ffffff; }

.personal .main2 .content { padding: 0.33rem; border-radius: 0.15rem; background-image: url(../images/public/advert_bg.png); }

.personal .main2 .content .box { float: right; color: #ffffff; }

.personal .main2 .content .box .name { font-size: 0.32rem; margin-bottom: 0.22rem; }

.personal .main2 .content .box .abstract { font-size: 0.24rem; position: relative; height: 0.4rem; line-height: 0.4rem; text-align: center; width: 2.02rem; }

.personal .main2 .content .box .abstract .icon::after { content: " "; position: absolute; width: 0.1rem; height: 0.1rem; }

.personal .main2 .content .box .abstract .icon::before { content: " "; position: absolute; width: 0.1rem; height: 0.1rem; }

.personal .main2 .content .box .abstract .icon:nth-of-type(1)::after { top: 0; left: 0; border-top: 0.03rem solid rgba(255, 255, 255, 0.3); border-left: 0.03rem solid rgba(255, 255, 255, 0.3); }

.personal .main2 .content .box .abstract .icon:nth-of-type(1)::before { bottom: 0; left: 0; border-bottom: 0.03rem solid rgba(255, 255, 255, 0.3); border-left: 0.03rem solid rgba(255, 255, 255, 0.3); }

.personal .main2 .content .box .abstract .icon:nth-of-type(2)::after { top: 0; right: 0; border-top: 0.03rem solid rgba(255, 255, 255, 0.3); border-right: 0.03rem solid rgba(255, 255, 255, 0.3); }

.personal .main2 .content .box .abstract .icon:nth-of-type(2)::before { bottom: 0; right: 0; border-bottom: 0.03rem solid rgba(255, 255, 255, 0.3); border-right: 0.03rem solid rgba(255, 255, 255, 0.3); }

.personal .main2 .content .box .btn { margin-top: 0.34rem; width: 1.84rem; height: 0.48rem; font-size: 0.22rem; line-height: 0.48rem; text-align: center; border-radius: 0.24rem; background-color: #fd5870; }

.personal .bg_color { background-color: #ffffff; }

/********************************* personal END ********************************/
/********************************* member STRAT ********************************/
.member .main1 { padding-top: 0.4rem; background-color: #ffffff; }

.member .main1 .content .block { width: 3.34rem; padding-top: 0.3rem; padding-left: 0.25rem; padding-bottom: 0.25rem; color: #ffffff; margin-bottom: 0.3rem; border-radius: 0.1rem; }

.member .main1 .content .block:nth-child(odd) { margin-right: 0.3rem; }

.member .main1 .content .block .txt { margin-bottom: 0.35rem; }

.member .main1 .content .block .txt .title { font-size: 0.3rem; letter-spacing: 0px; font-weight: bold; margin-bottom: 0.2rem; }

.member .main1 .content .block .txt .abstract { font-size: 0.22rem; }

.member .main1 .content .block .btn { width: 1.4rem; height: 0.5rem; border-radius: 0.25rem; border: solid 1px #ffffff; line-height: 0.5rem; text-align: center; font-size: 0.22rem; }

.member .main1 .content .block:nth-child(1) { background-image: url(../images/public/member_bg01.png); }

.member .main1 .content .block:nth-child(2) { background-image: url(../images/public/member_bg02.png); }

.member .main1 .content .block:nth-child(3) { background-image: url(../images/public/member_bg03.png); }

.member .main1 .content .block:nth-child(4) { background-image: url(../images/public/member_bg04.png); }

.member .main1 .content .block:nth-child(5) { background-image: url(../images/public/member_bg05.png); }

.member .bg_color { background-color: #ffffff; }

/********************************* member END ********************************/
/********************************* product-details STRAT ********************************/
.product-details .main1 { padding: 0.45rem 0 0.7rem; background-color: #ffffff; }

.product-details .main1 .content .box { border-bottom: 1px solid #eeeeee; padding-bottom: 0.3rem; }

.product-details .main1 .content .box .img { border-radius: 0.06rem; overflow: hidden; margin-bottom: 0.35rem; }

.product-details .main1 .content .box .txt { font-size: 0.3rem; }

.product-details .main1 .content .box .txt .name { margin-right: 0.5rem; }

.product-details .main1 .content .box .txt .money { color: #f0493c; }

.product-details .main1 .content .box_bottom { padding-top: 0.32rem; }

.product-details .main1 .content .box_bottom .line { width: 50%; font-size: 0.24rem; line-height: 0.32rem; color: #555555; }

.product-details .main1 .content .box_bottom .line:nth-child(n+3) { margin-top: 0.2rem; }

.product-details .main2 .main2_top { height: 0.8rem; }

.product-details .main2 .main2_top .block { position: relative; font-size: 0.24rem; color: #666666; height: 100%; line-height: 0.8rem; }
.product-details .main2 .main2_top .block:not(:first-child){margin-left: 1rem}
.product-details .main2 .main2_top .block.active { color: #f0493c; }

.product-details .main2 .main2_top .block.active::after { content: " "; position: absolute; bottom: 0; width: 0.41rem; height: 0.05rem; border-radius: 0.03rem; background-color: #f0493c; left: 50%; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.product-details .main2 .content { background-color: #ffffff; padding-bottom: 0.5rem; padding-top: 0.3rem; }

/********************************* product-details END ********************************/
/********************************* product_list_two STRAT ********************************/
.product_list_two .main1 .content { padding: 0.5rem 0; background-color: #ffffff; }

.product_list_two .main1 .content .block:not(:last-child) { padding-bottom: 0.5rem; border-bottom: 1px solid #eeeeee; }

.product_list_two .main1 .content .block .img .picture_container { padding-top: 135.05747%; }

.product_list_two .main1 .content .block .box { margin-top: 0.34rem; font-size: 0.24rem; line-height: 0.32rem; color: #555555; }

.product_list_two .main1 .content .block .box .line { width: 50%; }

.product_list_two .main1 .content .block .box_btn { margin-top: 0.34rem; }

.product_list_two .main1 .content .block .box_btn .btn { background-color: #f4f4f4; width: 2.1rem; height: 0.7rem; line-height: 0.7rem; text-align: center; border-radius: 0.35rem; font-size: 0.24rem; color: #888888; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product_list_two .main1 .content .block .box_btn .btn:nth-child(1) { margin-right: 1.24rem; }

.product_list_two .main1 .content .block .box_btn .btn:hover { background-color: #c53833; color: #ffffff; }

.product_list_two .main1 .content .block #copy { position: absolute; z-index: -1; height: 0; overflow: hidden; opacity: 0; }

/********************************* product_list_two END ********************************/
/********************************* product_list STRAT ********************************/
.product_list .main1 .content { padding-top: 0.35rem; background-color: #ffffff; }

.product_list .main1 .content .box:not(:first-child) { padding-top: 0.5rem; }

.product_list .main1 .content .box .title { font-size: 0.34rem; font-weight: bold; letter-spacing: 0px; color: #f0493c; margin-bottom: 0.45rem; }

.product_list .main1 .content .box .block .line { min-width: 2.12rem; padding: 0 0.13rem; text-align: center; height: 0.7rem; background-color: #f4f4f4; border-radius: 0.1rem; font-size: 0.3rem; line-height: 0.7rem; letter-spacing: 0px; margin-bottom: 0.3rem; margin-right: 0.2rem; }

/********************************* product_list END ********************************/
/********************************* product STRAT ********************************/
.product { margin-top: 0.9rem; }

.product .content { background-color: #fff; }

.product .inner_nav { position: fixed; top: 1.2rem; width: 100%; z-index: 10; border-bottom: 1px solid #f9f9f9; }

.product #btn { padding: 14px; font-size: 14px; color: #fff; border-radius: 6px; background-color: #337ab7; border: none; }

.product #list { font-size: 16px; position: relative; height: 100%; }

.product #list > section { overflow-y: auto; height: 100%; }

.product #list > section > dl > dt { background: #ffffff; color: #333333; font-size: 0.34rem; font-weight: bold; padding: 0.4rem 0; }

.product #list > section > dl > dd { font-size: 0.3rem; color: #333; position: relative; padding: 0.3rem 0; background-color: #fff; border-bottom: 1px solid #eeeeee; }

.product #list > section > dl > dd:nth-of-type(1) { padding-top: 0; }

.product #list > section > dl > dd > span { margin-left: 20px; }

.product #navBar { position: fixed; width: 0.26rem; height: 100%; right: 0.15rem; top: 2.1rem; }

.product #navBar > a { text-align: center; display: block; text-decoration: none; height: 4.166%; line-height: 100%; color: #f0493c; font-size: 13px; }

.product #prompt { position: fixed; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 30px; color: #fff; background: rgba(0, 0, 0, 0.5); z-index: 10; display: none; border-radius: 4px; }

.product #prompt.active { display: block; }

/********************************* product END ********************************/
.money_popup { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }

.money_popup .mask { width: 100%; height: 100%; }

.money_popup .mask .content { width: 5.08rem; border-radius: 0.1rem; margin: 0 auto; position: relative; background-color: #ffffff; padding: 0.45rem 0.4rem 0.3rem 0.4rem; }

.money_popup .mask .content .box { border-bottom: 1px solid #eeeeee; }

.money_popup .mask .content .box .block { padding-bottom: 0.42rem; }

.money_popup .mask .content .box .block .name { font-size: 0.3rem; margin-top: 0.22rem; }

.money_popup .mask .content .box .block .money { text-align: center; font-size: 0.28rem; font-weight: bold; letter-spacing: 0px; color: #f0493c; }

.money_popup .mask .content .box .block:nth-child(2) .money { color: #e1bf62; }

.money_popup .mask .content .money_popup_bottom { margin-top: 0.24rem; }

.money_popup .mask .content .money_popup_bottom .line { font-size: 0.22rem; letter-spacing: 0px; color: #888888; text-align: center; margin-bottom: 0.25rem; }

.money_popup .mask .content .money_popup_bottom .btn { width: 3.79rem; height: 0.6rem; font-size: 0.26rem; color: #ffffff; line-height: 0.6rem; letter-spacing: 0px; border-radius: 0.1rem; text-align: center; background-color: #f0493c; margin: 0 auto; }

.money_popup .mask .content .money_popup_exit { position: absolute; right: -0.24rem; top: -0.24rem; width: 0.49rem; height: 0.49rem; line-height: 0.45rem; text-align: center; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 0.07rem 0.21rem 0px rgba(47, 47, 47, 0.11); }

.money_popup .mask .content .money_popup_exit .iconfont { font-size: 0.19rem; color: #e5e5e5; }

.tim_popup { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }

.tim_popup .mask { width: 100%; height: 100%; }

.tim_popup .mask .content { width: 5.08rem; border-radius: 0.1rem; margin: 0 auto; position: relative; background-color: #ffffff; padding: 0.45rem 0.4rem 0.3rem 0.4rem; }

.tim_popup .mask .content .box { text-align: center; padding: 0 0 0.3rem; border-bottom: 1px solid #eeeeee; font-size: 0.3rem; font-weight: bold; }

.tim_popup .mask .content .money_popup_bottom { margin-top: 0.24rem; }

.tim_popup .mask .content .money_popup_bottom .line { font-size: 0.22rem; letter-spacing: 0px; color: #888888; text-align: center; margin-bottom: 0.25rem; }

.tim_popup .mask .content .money_popup_bottom .btn { width: 3.79rem; height: 0.6rem; font-size: 0.26rem; color: #ffffff; line-height: 0.6rem; letter-spacing: 0px; border-radius: 0.1rem; text-align: center; background-color: #f0493c; margin: 0 auto; }

.tim_popup .mask .content .money_popup_exit { position: absolute; right: -0.24rem; top: -0.24rem; width: 0.49rem; height: 0.49rem; line-height: 0.45rem; text-align: center; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 0.07rem 0.21rem 0px rgba(47, 47, 47, 0.11); }

.tim_popup .mask .content .money_popup_exit .iconfont { font-size: 0.19rem; color: #e5e5e5; }