body{line-height:1.4;font-family:PingFangSC-Light,Arial,Helvetica,sans-serif;text-align:center}h1{margin:30px 0}a{display:inline-block;cursor:pointer}a:hover{text-decoration:none}.logo{width:180px}@media only screen and (max-width: 720px){.logo{width:140px}}nav{border-top:1px solid;border-bottom:1px solid}nav .nav-inner{font-size:0;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}nav a{display:inline-block;vertical-align:middle;font-size:15px;margin:25px}nav a.is-acted{border-bottom:2px solid}.banner{width:100%;margin-bottom:30px}@media only screen and (max-width: 720px){.banner{display:none}}.banner.mobile{display:none}@media only screen and (max-width: 720px){.banner.mobile{display:block}}.title-full{text-align:left;font-family:PingFangSC-Medium,Arial,Helvetica,sans-serif;font-size:24px;border-bottom:2px solid;margin-bottom:30px}.title-underline{display:inline-block;font-family:PingFangSC-Medium,Arial,Helvetica,sans-serif;font-size:24px;border-bottom:2px solid;margin-bottom:25px}.teaser{font-size:22px}.cover{margin:0 auto;background-position:center;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}.upload-btn{width:145px;height:40px;line-height:40px;letter-spacing:3px;font-family:PingFangSC-Medium,Arial,Helvetica,sans-serif;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}@media only screen and (max-width: 1024px){.upload-btn{width:120px;height:35px;line-height:35px;font-size:14px}}.upload-btn svg{width:18px;fill:#fff;margin:0 5px -2px 0}@media only screen and (max-width: 1024px){.upload-btn svg{width:14px}}.purchase-step{width:980px;margin:0 auto}@media only screen and (max-width: 1024px){.purchase-step{width:auto;margin:0 30px}}.purchase-step .step-list{font-size:0;padding-bottom:50px}.purchase-step .step{width:-moz-calc(33.333% - 16.666px);width:-webkit-calc(33.333% - 16.666px);width:calc(33.333% - 16.666px)}@media only screen and (max-width: 720px){.purchase-step .step{width:90%}}.purchase-step .step:not(:last-child){margin-right:25px}@media only screen and (max-width: 720px){.purchase-step .step:not(:last-child){margin-right:0;margin-bottom:20px}}footer{font-family:PingFangSC-Medium,Arial,Helvetica,sans-serif;padding:50px}footer .logo{margin-bottom:20px}footer .title{color:#fff}footer .title::after{content:"";border-style:solid;border-width:7px 0 7px 15px;border-color:transparent transparent transparent #fff;margin:0 6px -1px 15px}footer a{color:#fff}.index nav a,.index .title-underline,.index .teaser{color:#00376d;border-color:#00376d}.index .title-underline{margin-bottom:15px}.index footer{background-color:#00376d}.index-slide .slide-item{width:100%}.index-slide .cover{width:100%;padding-bottom:37.5%}.index-service{margin:60px 50px}@media only screen and (max-width: 720px){.index-service{margin:60px 30px}}.index-service .service-list{margin:60px 0 75px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@media only screen and (max-width: 1024px){.index-service .service-list{-webkit-flex-wrap:wrap;flex-wrap:wrap}}.index-service .service-list a{width:255px;color:#00376d;padding:25px;border:2px solid #00376d;margin:20px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}@media only screen and (max-width: 430px){.index-service .service-list a{width:100%;margin:20px 0}}.index-service .service-list a:hover .btn{color:#fff;background-color:#00376d}.index-service .service-list a:hover .btn::after{border-left-color:#fff}.index-service .service-list .cover{width:140px;height:210px;margin-bottom:20px}.index-service .service-list .title{font-size:18px;margin-bottom:30px}.index-service .service-list .btn{letter-spacing:2px;font-size:12px;border:2px solid #00376d;padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.index-service .service-list .btn::after{content:"";border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #00376d;margin:0 0 -1px 5px}.index-service .promise-list{width:650px;margin:45px auto 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}@media only screen and (max-width: 720px){.index-service .promise-list{width:auto}}.index-service .promise-list li{margin:25px}@media only screen and (max-width: 720px){.index-service .promise-list li{width:100%;margin:25px auto}}.index-service .promise-list li:first-child{width:100%}.index-service .promise-list .cover{width:120px;height:120px;margin-bottom:30px}.index-service .promise-list .title{letter-spacing:10px;font-size:22px;color:#00376d}.portrait nav,.portrait nav a,.portrait .title-full,.portrait .title-underline,.portrait .teaser{color:#dca32d;border-color:#dca32d}.portrait footer{background-color:#dca32d}.portrait-pic{margin-bottom:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}@media only screen and (max-width: 720px){.portrait-pic{display:block}}.portrait-pic img{width:395px}@media only screen and (max-width: 1024px){.portrait-pic img{width:48%}}@media only screen and (max-width: 720px){.portrait-pic img{width:80%;margin:0 auto 20px}}.portrait-plan .plan{padding:30px 0}.portrait-plan .plan:nth-child(1) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover1.jpg)}@media only screen and (max-width: 720px){.portrait-plan .plan:nth-child(1) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_m1.png)}}.portrait-plan .plan:nth-child(1) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_hover1.jpg)}@media only screen and (max-width: 720px){.portrait-plan .plan:nth-child(1) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_m1.png)}}.portrait-plan .plan:nth-child(2) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover2.jpg)}@media only screen and (max-width: 720px){.portrait-plan .plan:nth-child(2) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_m2.png)}}.portrait-plan .plan:nth-child(2) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_hover2.jpg)}@media only screen and (max-width: 720px){.portrait-plan .plan:nth-child(2) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_m2.png)}}.portrait-plan .plan:nth-child(3) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover3.jpg)}@media only screen and (max-width: 720px){.portrait-plan .plan:nth-child(3) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_m3.png)}}.portrait-plan .plan:nth-child(3) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_hover3.jpg)}@media only screen and (max-width: 720px){.portrait-plan .plan:nth-child(3) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/portrait/cover_m3.png)}}.portrait-plan .plan:nth-child(odd){background-color:#efdfaf}.portrait-plan .plan-inner{max-width:1110px;border:1px solid #8d9c9b;margin:0 auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}@media only screen and (max-width: 1024px){.portrait-plan .plan-inner{margin:0 30px}}@media only screen and (max-width: 720px){.portrait-plan .plan-inner{border:0;display:block}}.portrait-plan .cover{width:100%;padding-bottom:30%;margin:0 40px;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}@media only screen and (max-width: 1024px){.portrait-plan .cover{margin:0 5%}}@media only screen and (max-width: 720px){.portrait-plan .cover{padding-bottom:133.375%;margin:0}}.portrait-plan .func{width:100%;padding:25px;border-left:1px solid #8d9c9b;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}@media only screen and (max-width: 720px){.portrait-plan .func{position:relative;display:block;border:0}}.portrait-plan .info{width:-moz-calc(100% - 180px);width:-webkit-calc(100% - 180px);width:calc(100% - 180px)}@media only screen and (max-width: 720px){.portrait-plan .info{width:100%;margin-bottom:10px}}.portrait-plan .upload-btn{background-color:#585757}@media only screen and (max-width: 720px){.portrait-plan .upload-btn{position:absolute;bottom:40px;left:25px}}.sports nav,.sports nav a,.sports .title-full,.sports .title-underline,.sports .teaser{color:#8eb1bb;border-color:#8eb1bb}.sports footer{background-color:#fff}.sports footer .title{color:#8eb1bb}.sports footer .title::after{border-left-color:#8eb1bb}.sports footer a{color:#8eb1bb}.sports-title{width:575px;margin:60px auto}@media only screen and (max-width: 720px){.sports-title{width:100%}}.sports-plan{background-color:#8eb1bb}.sports-plan .plan:nth-child(1) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover1.jpg)}@media only screen and (max-width: 720px){.sports-plan .plan:nth-child(1) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_m1.png)}}.sports-plan .plan:nth-child(1) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_hover1.jpg)}@media only screen and (max-width: 720px){.sports-plan .plan:nth-child(1) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_m1.png)}}.sports-plan .plan:nth-child(2) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover2.jpg)}@media only screen and (max-width: 720px){.sports-plan .plan:nth-child(2) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_m2.png)}}.sports-plan .plan:nth-child(2) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_hover2.jpg)}@media only screen and (max-width: 720px){.sports-plan .plan:nth-child(2) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_m2.png)}}.sports-plan .plan:nth-child(3) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover3.jpg)}@media only screen and (max-width: 720px){.sports-plan .plan:nth-child(3) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_m3.png)}}.sports-plan .plan:nth-child(3) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_hover3.jpg)}@media only screen and (max-width: 720px){.sports-plan .plan:nth-child(3) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/sports/cover_m3.png)}}.sports-plan .banner{margin-bottom:0}.sports-plan .plan-inner{max-width:1100px;margin:40px auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}@media only screen and (max-width: 1024px){.sports-plan .plan-inner{margin:30px}}@media only screen and (max-width: 720px){.sports-plan .plan-inner{display:block}}.sports-plan .plan-inner.with-sub{width:730px}@media only screen and (max-width: 1024px){.sports-plan .plan-inner.with-sub{margin:30px auto;-webkit-justify-content:center;justify-content:center}}@media only screen and (max-width: 720px){.sports-plan .plan-inner.with-sub{width:auto;margin:30px}}.sports-plan .plan-inner.with-sub .work{width:34.375%;max-width:440px}@media only screen and (max-width: 1024px){.sports-plan .plan-inner.with-sub .work{margin-right:40px}}@media only screen and (max-width: 720px){.sports-plan .plan-inner.with-sub .work{width:100%;max-width:none;margin-bottom:30px}}.sports-plan .cover{padding-bottom:52.2%;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}@media only screen and (max-width: 720px){.sports-plan .cover{padding-bottom:133.375%}}.sports-plan .work{width:27.73%;max-width:355px}@media only screen and (max-width: 720px){.sports-plan .work{width:100%;max-width:none;margin-bottom:30px}}.sports-plan .content{width:14.84%;max-width:190px;min-width:140px}@media only screen and (max-width: 720px){.sports-plan .content{width:80%;max-width:none;margin-bottom:30px}}.sports-plan .func{-webkit-align-self:flex-end;align-self:flex-end;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}@media only screen and (max-width: 720px){.sports-plan .func{display:block}}.sports-plan .func .price{width:40%;max-width:225px;margin-right:25px}@media only screen and (max-width: 720px){.sports-plan .func .price{display:block;width:60%;margin-right:0;margin-bottom:20px}}.sports-plan .upload-btn{color:#494949;background-color:#fff}.sports-plan .upload-btn svg{fill:#494949}.sports-plan .sub-wrap{width:32.42%;max-width:415px;-webkit-align-self:flex-end;align-self:flex-end}@media only screen and (max-width: 720px){.sports-plan .sub-wrap{width:100%;max-width:none}}.sports-plan .sub-wrap .sub{width:100%;margin-bottom:25px}.sports-plan .plan-list{width:70%;max-width:730px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}@media only screen and (max-width: 720px){.sports-plan .plan-list{width:auto;max-width:none;margin:30px}}.sports-plan .plan-list li{display:block;margin:25px 0}@media only screen and (max-width: 720px){.sports-plan .plan-list li{width:100%;margin-bottom:0}}.sports-plan .plan-list .price{display:block;height:355px;margin:0 auto 25px}@media only screen and (max-width: 1024px){.sports-plan .plan-list .price{height:75%}}.product nav,.product nav a,.product .title-full,.product .title-underline,.product .teaser{color:#00282d;border-color:#00282d}.product footer{background-color:#00282d}.product-plan .plan{position:relative}.product-plan .plan:nth-child(1) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover1.jpg)}.product-plan .plan:nth-child(1) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover_hover1.jpg)}.product-plan .plan:nth-child(2) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover2.jpg)}.product-plan .plan:nth-child(2) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover_hover2.jpg)}.product-plan .plan:nth-child(3) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover3.jpg)}.product-plan .plan:nth-child(3) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover_hover3.jpg)}.product-plan .plan:nth-child(4) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover4.jpg)}.product-plan .plan:nth-child(4) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/product/cover_hover4.jpg)}.product-plan .cover{display:block;padding-bottom:41.25%;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}@media only screen and (max-width: 720px){.product-plan .cover{display:none}}.product-plan .upload-btn{display:none;background-color:#666;position:absolute;bottom:5px;left:10%}@media only screen and (max-width: 720px){.product-plan .upload-btn{display:block}}.photo nav,.photo nav a,.photo .title-full,.photo .title-underline,.photo .teaser{color:#1896d4;border-color:#1896d4}.photo footer{background-color:#1896d4}.photo-purchase{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/bg.png)}@media only screen and (max-width: 720px){.photo-purchase{background-image:none}}@media only screen and (max-width: 720px){.photo-purchase .cover.mobile{padding:40px 30px;background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/bg.png);margin-bottom:40px}}.photo-purchase .title-inner{padding-top:40px}@media only screen and (max-width: 720px){.photo-purchase .title-inner{background-color:rgba(255,255,255,0.9);padding:30px}}.photo-purchase .title{width:440px}@media only screen and (max-width: 720px){.photo-purchase .title{width:100%}}.photo-purchase .purchase-wrap{display:inline-block;background-color:rgba(255,255,255,0.9);padding:0 70px;margin:80px 30px}@media only screen and (max-width: 720px){.photo-purchase .purchase-wrap{padding:0;margin:0}}.photo-plan .plan:nth-child(1) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/cover1.jpg)}.photo-plan .plan:nth-child(1) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/cover_hover1.jpg)}.photo-plan .plan:nth-child(2) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/cover2.jpg)}.photo-plan .plan:nth-child(2) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/cover_hover2.jpg)}.photo-plan .plan:nth-child(3) .cover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/cover3.jpg)}.photo-plan .plan:nth-child(3) .cover:hover{background-image:url(http://cdntwrunning.biji.co/campaign/uni/photo/cover_hover3.jpg)}.photo-plan .cover{display:block;padding-bottom:50%;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}@media only screen and (max-width: 720px){.photo-plan .cover{display:none}}.photo-plan .upload-btn{display:none;background-color:#1896d4;margin:0 auto 40px}@media only screen and (max-width: 720px){.photo-plan .upload-btn{display:block}}