体验

src/components/python/pythomDes/Experience/index.js

+import React, { Component } from 'react'
+import './index.scss'
+
+export default class Experience extends Component {
+  render() {
+    return (
+      <div className={'experience_container'}>
+        <p className={'title'}>试 / 学 / 体 / 验</p>
+        <div className={'experience'}>
+          <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/L%402x.png" alt=""/>
+          <div>
+            <p>限时福利免费试学</p>
+            <p>开始颠覆你想象的学习</p>
+          </div>
+          <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/r%402x.png" alt=""/>
+        </div>
+        <div className={'btn'}>立即体验</div>
+      </div>
+    )
+  }
+}

src/components/python/pythomDes/Experience/index.scss

+.experience_container {
+  padding-top: 32px;
+  padding-bottom: 40px;
+  .title {
+    font-size: 22px;
+    line-height: 22px;
+    font-weight: 600;
+    color: rgba(0, 153, 255, 1);
+    text-align: center;
+  }
+
+  .experience {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 250px;
+    margin: 22px auto 28px;
+    img {
+      width: 16px;
+      height: 56px;
+    }
+    p {
+      font-size: 16px;
+      font-weight: 600;
+      color: rgba(82, 92, 101, 1);
+      line-height: 30px;
+      text-align: center;
+      letter-spacing: 4px;
+    }
+  }
+  .btn {
+    width: 150px;
+    height: 36px;
+    background: rgba(0, 153, 255, 1);
+    box-shadow: 0px 6px 12px 0px rgba(0, 153, 255, 0.06);
+    border-radius: 18px;
+    font-size: 16px;
+    font-weight: 600;
+    color: rgba(255, 255, 255, 1);
+    line-height: 36px;
+    text-align: center;
+    margin: 0 auto;
+  }
+}

src/components/python/pythomDes/Team/index.scss

 .team_container {
   padding-top: 32px;
   background: #0096ff;
+  padding-bottom: 46px;
   p {
     text-align: center;
     text-align-last: center;

src/components/python/pythomDes/index.js

@@ -5,6 +5,7 @@ import NoWorry from './NoWorry/index.js';
 import Study from './Study/index.js';
 import Test from './Test/index.js';
 import Team from './Team/index.js';
+import Experience from './Experience/index.js'
 
 export default class PythonDes extends Component {
   constructor(props) {
@@ -93,6 +94,8 @@ export default class PythonDes extends Component {
         <Study syllabus={this.props.syllabus} allSyllabusShow={this.props.allSyllabusShow} show={this.props.show} hide={this.props.hide}></Study>
         <Test practice={this.props.practice} allPracticeShow={this.props.allPracticeShow} show={this.props.show} hide={this.props.hide}></Test>
         <Team />
+        <Experience />
+        <img style={{width: '100%', height: '8px'}} src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/h5_python_class/changjian.png" alt=""/>
       </div>
     )
   }