.divHeight { width: 100%; height: 10px; background: #f5f5f5; position: relative; overflow: hidden; }
.r-line { position: relative; }
.r-line:after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.b-line:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.tab-nav { height: 4rem; line-height: 4rem; display: block; position: relative; background: #fff; z-index: 1; width: 100%; margin: 0 auto 0 auto; overflow: hidden; }
.tab-nav-item { height: 4rem; line-height: 4rem; position: relative; text-align: center; color: #585858; font-size: 0.9rem; display: block; float: left; width: 33.33%; }
.tab-four{width:25%;}
.tab-two{width:50%;}
.tab-five{width:20%;}
.tab-nav-item.tab-active { display: block; }
.tab-nav-item.tab-active a { color: #00d8a0; font-size: 1.258rem;-webkit-tap-highlight-color:rgba(255,255,255,0); }
.tab-nav-item.tab-active a:active{background:none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
.tab-nav-item a { display: inherit; font-size: 1.2rem; color: #666; }
.tab-panel { position: relative; overflow: hidden; }
.tab-panel .tab-panel-item { width: 100%; position: absolute; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item { -webkit-transform: translateX(100%); transform: translateX(100%); }
.tab-panel .tab-panel-item.tab-active { position: relative; -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; -webkit-transform: translateX(0); transform: translateX(0); }
.tab-nav-item.tab-active:before { content: ''; width:30%; max-width: 4rem; height: 2px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 4; background-image: -webkit-gradient(linear,left top,right top,from(#00d8a0),to(#00d8a0)); background-image: -webkit-linear-gradient(left,#00d8a0,#00d8a0); background-image: -moz-linear-gradient(left,#00d8a0,#00d8a0); background-image: linear-gradient(to right,#00d8a0,#00d8a0); background-color: #00d8a0; }

/*赵瑞青 - 开始*/
.tab-one { width: 100%; }
.tab-three { width: 33.33333%; }
/*结束 - 赵瑞青*/