#main{padding-top: 35px;padding-bottom: 40px;}
#main .page1{margin-top: 30px;margin-bottom: 35px;text-align: center;}
#main .page1 h1{font-weight: 400;font-size: 36px;line-height: 44px;color: #1d2127;margin-bottom: 32px;letter-spacing: -1px;}
#main .page1 p{color:#777;}
#main .page2 ul{text-align: center;}
#main .page2 ul li{margin-left: 0;margin-bottom: 20px;text-align: center;display: inline-block;border-bottom: 3px solid #eee;padding: 15px 30px;position: relative;}
#main .page2 ul li.active,#main .page2 ul li:hover{border-bottom-color: #08182b;}
#main .page2 ul li .tab-icon{color: #08182b;border: 1px solid #cecece;display: inline-block;font-size: 30px;height: 75px;padding: 0;width: 75px;margin-top: 0;margin-bottom: 10px;background: #fff;line-height: 73px;border-radius: 50%;text-align: center;position: relative;}
#main .page2 ul li .tab-icon:hover::after{transform: scale(1.1);}
#main .page2 ul li .tab-icon:after{border: 5px solid #f4f4f4;border-radius: 50%;box-sizing: content-box;content: "";display: block;height: 100%;left: -6px;padding: 1px;position: absolute;top: -6px;width: 100%;pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;transition: all 0.2s, transform 0.2s;}
#main .page2 ul li .tab-title{display: block;margin-top: 3px;color: #777;}
#main .page2 .tab-content{margin-bottom: 35px;}
#main .page2 .tab-content .tab-pane.active{display: block;}
#main .page2 .tab-content .tab-pane{display: none;text-align: center;}
#main .page2 .tab-content .tab-pane h4{font-weight: 400;font-size: 20px;line-height: 27px;color: #1d2127;font-weight: bold;margin-bottom: 14px;}
#main .page2 .tab-content .tab-pane p{margin-bottom: 10px;color: #777;}
#main .page2 .tab-content .tab-pane p>a{color: #2aafea;margin: 0 5px;}
#main .page2 .tab-content .tab-pane p>a:hover{text-decoration: underline;}
#main .page3 h2{color: #1d2127;font-weight: normal;}
#main .page3>div:nth-child(odd) h2{text-align: left;}
#main .page3>div:nth-child(even) h2{text-align: right;}
#main .page3 .toggle-content{margin-bottom: 35px;}
#main .page3 .toggle-content section{padding: 0 0 5px 0;position: relative;clear: both;}
#main .page3 .toggle-content section label{color: #2aafea;border-left-color: #2aafea;border-right-color: #2aafea;transition: all 0.15s ease-out;background: #f4f4f4;padding: 12px 20px 12px 10px;border-left: 3px solid #ccc;border-radius: 0;display: block;font-size: 1.1em;min-height: 20px;position: relative;cursor: pointer;font-weight: 400;max-width: 100%;margin-bottom: 5px;}
#main .page3 .toggle-content section.active label{background-color: #2aafea;border-color: #2aafea;color: #fff;}
#main .page3 .toggle-content section label:before{border: 6px solid transparent;border-left-color: inherit;right: 4px;content: '';margin-top: -6px;position: absolute;top: 50%;}
#main .page3 .toggle-content section.active label:before{border: 6px solid transparent;border-top-color: #fff;margin-top: -3px;right: 10px;}
#main .page3 .toggle-content section .con{display: none;}
#main .page3 .toggle-content section.active{transition: all .2s ease-in-out;}
#main .page3 .toggle-content section.active .con{display: block;}
#main .page3 .toggle-content section p{padding: 10px 0;line-height: 24px;color: #777;}
#main .page3 .more{margin-bottom: 20px;font-size: 14px;line-height: 1.428571;padding: 6px 12px;color: #FFF;background-color: #08c;display: inline-block;border-radius: 4px;transition: all .2s ease-in-out;}
#main .page3 .more:hover{color: #f7f7f7;background-color: #0074ad;}
#main .page4 h2{line-height: 1.4;font-weight: 700;color: #313131;text-transform: uppercase;text-decoration: none;margin-bottom: 15px;font-size: 1.1429em;margin-top: 0;letter-spacing: normal;}
#main .page4 ul.artical li{border-bottom: 1px solid #ededed;line-height: 1.4;padding: 8px 0 8px 15px;position: relative;}
#main .page4 ul.artical li:before{content: "";display: inline-block;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #333;margin-left: -11px;margin-right: 5px;}
#main .page4 ul li a{color: #666;}
#main .page4 ul li a:hover{color: #2aafea;}
#main .page4 ul li a.pro-image{display: block;float: left;width: 96px;height:96px;padding: 0;border-radius: 0;}
#main .page4 ul li a.pro-image img{width: 100%;height: 100%;}
#main .page4 ul li .pro-details{float: left;}
#main .page4 ul li .pro-details a{color: #777;}
#main .page4 ul li .pro-details .star i{color:#ffc600;font-size: 1em;letter-spacing: -1px;}
#main .page4 ul li .pro-details .price{color: #444;font-size: 1.0714em;font-weight: 600;line-height: 1;}
#main .page4 ul.pro li{margin-bottom: .5em;}
@media (max-width: 767px){
    #main .page4 h2{margin-top: 30px;margin-bottom: 5px;}
}