.tutorial{background:url('/static/index/img/tutorial_bg.png') no-repeat top;background-size:100%;padding-top:30px}.tutorial .top-bar{margin:0 auto;width:300px;text-align:center;line-height:50px}.tutorial .top-bar a{width:150px;display:inline-block;background:#fff;color:#000}.tutorial .top-bar .activ{background-color:#0C8E8A;color:#fff}.tutorial .top-bar a:first-child{border-top-left-radius:50px;border-bottom-left-radius:50px}.tutorial .top-bar a:last-child{border-top-right-radius:50px;border-bottom-right-radius:50px}.tutorial .nr{margin-top:26px;margin-bottom:20px}.tutorial .nr>div{background:#fff}.tutorial .l{width:280px;float:left;border-radius:20px}.tutorial .r{width:calc(100% - 290px);float:right;padding:20px;border-radius:20px}.tutorial .l .gdt{max-height:685px;overflow:hidden;margin:0 20px 20px 20px}.tutorial .l .t-btns{line-height:36px;font-weight:600;color:#0C8E8A;padding:15px 20px 10px 20px;font-size:18px}.tutorial .l .list{border:1px solid #E7E7E7;margin-bottom:10px;padding:4px;border-radius:20px}.tutorial .l .list h3{margin:0;border-radius:20px}.tutorial .l .list h3 i{float:right;position:relative;top:3px}.tutorial .l .list h3 a{display:block;color:#000;padding:10px;border-radius:20px}.tutorial .l .list h3 a:hover{background:#E7E7E7}.tutorial .l .list ul{margin:0;padding:0}.tutorial .l .list ul li{list-style-type:none;line-height:36px}.tutorial .l .list ul li:hover{background:#E7E7E7;border-radius:20px}.tutorial .l .list ul li a{color:#000;display:block;padding-left:20px}.tutorial .l .list ul li a.activ{color:#0F87FA}.tutorial .l .list ul li a i{margin-right:5px}.tutorial .r h2{margin-top:0}.tutorial .r h2 span{width:4px;height:26px;margin-right:10px;background:#19B8BB;display:inline-block;position:relative;top:4px}.tutorial .r h2 .copyLink{float:right;padding:3px 15px;color:#7C7C7C;border-radius:30px;border:1px solid #B5B5B5;margin-top:4px;font-size:14px;font-weight:400}.tutorial .r h2 .copyLink:hover{background:#AAA;border:1px solid #AAA;color:#fff}.tutorial .r h2 .copyLink i{margin-right:10px}.tutorial .r .p-and-n{line-height:40px}.tutorial .r .p-and-n a{color:#000}.tutorial .r .p-and-n a:hover{color:#0F87FA}.tutorial .r .p-and-n .p-l{float:left}.tutorial .r .p-and-n .p-r{float:right}.tutorial .r .video{margin-top:20px}.tutorial .r video{width:100%;background-color:#000}.yhzn_tbsm{height:308px;text-align:center;color:#5D5D5D;padding:10px 0 0 0}.yhzn_tbsm h1{font-weight:400;font-size:36px;padding:20px}.yhzn_tbsm p{font-size:18px;margin-bottom:20px}.yhzn_tbsm span{width:81px;height:81px;background:url('/static/index/img/guge.png') no-repeat;display:inline-block}.yhzn_tbsm a{width:254px;height:39px;color:#fff;background:#FF6B00;border-radius:5px;line-height:39px;display:inline-block;position:relative;top:-30px;margin-left:20px}.tutorial .r .t-center{margin-top:30px}.tutorial .r .t-center .t-li{margin-top:20px;margin-bottom:20px;width:100%;display:block;padding-bottom:20px;border-bottom:1px solid #E7E7E7}.tutorial .r .t-center .t-li:last-child{border-bottom:0}.tutorial .r .t-center .t-li h2 a{color:#505050}.tutorial .r .t-center .t-li h2 a:hover{color:#0F87FA;text-decoration:underline}.tutorial .r .t-center .t-li p{color:#A3788E;margin-top:20px}.tutorial .r .t-center .t-li p span:first-child{background:#E7F3FE;color:#0F87FA;padding:3px 12px;border-radius:20px;margin-right:15px}.tutorial .r .t-center .t-li .ll{overflow:hidden;height:160px;float:left;width:250px}.tutorial .r .t-center .t-li .ll img{width:100%}.tutorial .r .t-center .t-li .rr{width:calc(100% - 280px);float:right}.tutorial .r .t-center .t-li .rr p{line-height:22px}.tutorial .r .t-center .t-li .rr div{margin-top:20px}.tutorial .r .t-center .t-li .rr div span:first-child{color:#A496B1;font-size:14px}.tutorial .r .t-center .t-li .rr div span:first-child i{margin-right:5px}.tutorial .r .t-center .t-li .rr div span:first-child a{color:#A496B1}.tutorial .r .t-center .t-li .rr div span:first-child a:hover{color:#0F87FA}.tutorial .r .t-center .t-li .rr div span:last-child{float:right;font-size:14px;color:#A496B1}.tutorial .page-l{width:calc(100% - 370px);float:left;padding:40px;border-radius:20px}.tutorial .nr>div.page-r{width:360px;float:right;background:0}.tutorial .page-l-f{margin:20px 0 20px 0}.tutorial .page-l-f span{background:#E7F3FE;color:#0F87FA;padding:3px 12px;border-radius:20px;margin-right:15px}.tutorial .page-l-f font{color:#8E788E}.tutorial .page-l-f .times{float:right;color:#A196A1}.tutorial .page-l-f .times i{margin-right:5px}.tutorial .tags{margin-top:20px;font-size:14px;color:#A496B1}.tutorial .tags i{margin-right:5px}.tutorial .tags a{color:#A496B1}.tutorial .tags a:hover{color:#0F87FA}.tutorial .page-l-b{margin-top:20px;border-top:1px solid #E5E5E5;padding:20px 0 0 0}.tutorial .page-l-b h2{font-size:26px;margin-bottom:10px}.tutorial .page-l-b ul{padding:0;list-style-type:none;line-height:26px}.tutorial .page-r-box{background:#fff;border-radius:20px;padding:20px;margin-bottom:20px}.tutorial .page-r-box .page-r-bq li{display:inline-block;border:1px dashed #E1E1E1;margin-right:5px;margin-bottom:5px}.tutorial .page-r-box .page-r-bq li a{display:block;padding:0 8px 0 8px}.tutorial .page-r-box .page-r-bq li:hover{border:1px solid #0F87FA}.tutorial .page-r-box .page-r-bq li:hover a{text-decoration:none}.content img{cursor:-webkit-zoom-in;cursor:zoom-in}