/*初始化样式*/
@media screen and (min-width: 320px) and (max-width: 374px) {
	.TitleTextTop{margin-top:-15px;}
    .logoTop{width: 100%; height: 75px; background-color: #fff; padding: 0 15px;}
    .logoTopIn{ width: 100%; height: 75px; margin: 0 auto;}
    .logoTopIn>div{height: 75px; line-height: 75px;}
    .logo{ float: left; width: 40%}
    .logoLeft{ float: right; color: #73828d; font-size: 12px;}
    .logoLeft span{ color: #73828d;}
    .logoLeft a{margin:0 5px 0 0; color: #73828d;}
    .logoLeft .headerPic{ display: none;}
    .wapLogoMuen{display:block;display: inline-block;}
    .wapLogoLeft{display:none;}
    .kv img,.leftTitle{display: none;}
    .kv{ background: url("../../img/salecourse/wapkv.png") no-repeat; background-size:100% 100%; height: 210px;}
    .navText{ width: 100%;padding: 0 15px;}
    .navTextIn{width: 100%; line-height: 18px; margin: 0 auto; font-size: 12px; text-align: center;color: #666;}
    .wapSou{margin: 0 5px;}

    .nav{ display: none; position: absolute;width: 100%; padding:0 15px 20px 15px; background-color: #fff; z-index:999;}
    .nav .navIn div{ height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; background: url("../../img/salecourse/icon_arrow@3x.png") right center no-repeat; background-size: 8px 12px;}
    .nav .navIn div:last-child{ border-bottom: none;}
    .nav .navIn div a{ display: block; color:#2d373c; font-size: 14px;}

    .navTitle{ width: 100%; height: 35px; background-color: #41aaaa;padding: 0 15px; margin-top: 10px;}
    .navTitleIn{height:35px; margin: 0 auto;}
    .navTitleIn>div{height: 35px; float: left;text-align: center;}
    .navTitleIn>div a{text-align: center; font-size: 13px; color: #fff;display:block;text-align: center; line-height: 35px;}
    .navTitleIn>div:hover{ background-color: #45a2a0;}

    .souBtn{ display: none; background-color: #fff; position: absolute; height: 60px;width: 100%; border-bottom: 1px solid #ddd; padding: 0 15px;}
    .souBtn input{ width: 100%;height: 35px; outline: none; border: 1px solid #ddd; border-radius: 3px; padding-left: 10px; color: #999; background: url("../../img/salecourse/wapsou.png") 95% center no-repeat;}

    .TitleText{width: 100%; height: 50px; line-height:50px; font-size: 14px; color: #2a87a8;font-weight: bold;text-align: center; background: url("../../img/salecourse/wapTitle.png") center center no-repeat; background-size: 350px 13px; padding-left:10px;}
    .topMain01{ width: 100%; margin: 0 auto 0; overflow: hidden;}
    .topMainLeft{color: #666;font-size: 12px; float:left;padding: 0 15px;}
    .topMainLeft .leftTitle{font-weight: bold; margin-bottom: 10px;}
    .topMainRight{width: 100%;float: right; margin-top: 10px; padding: 0 15px;}
    .topMainRight>div{ float: left;width: 48%; height: 275px; background-color: #fff; margin: 0 4% 15px 0;}
    .topMainRight .RightNone{ margin-right: 0px;}
    .topMainRight .pic img{width: 100%;height: 110px;}
    .pic{ position: relative;}
    .picList{ width: 80px; height: 25px; background-color: #41aaaa; opacity: 0.9;position: absolute; bottom: 0; left: 0; font-size: 12px; color: #fff; text-align: center;line-height: 25px;}

    .picTitle{font-size: 12px;height: 63px; padding: 10px 10px 0 10px;}
    .picTitle br{display: none;}
    .topMainRight>div:hover .picTitle a{color:#2a87a8; }
    .picMoney{ padding:0px 5px 0 5px; margin-top: 10px;height: 34px; line-height: 34px;position: relative }
    .picMoney i{ font-size:15px; color: #fe500c;font-weight: bold;margin-right: 10px;}
    .picMoney s{ font-size: 12px; color: #999;font-weight: 100;}
	.picMoney .shan i{color:#999;font-size:12px;}
    .people{ font-size: 12px; color: #999;position: absolute; right: 10px; top: 0;}
    
    .picMoney .shan{position: absolute; left: 10px;top: 0;}
    .jia{position: absolute; left: 10px; top: 37px;}

    .topMain02{width: 100%; margin: 0 auto;overflow: hidden; padding: 0 15px;}
    .topMain02>div{ width: 100%; height:120px; background-color: #fff;margin: 0 30px 31px 0;}
    .topMain02 .RightNone{ margin-right: 0;margin-bottom: 0;}
    .topMain02>div:hover .picTitle a{color:#2a87a8; }
    .topMain02 .pic{ float: left; width: 48%;height: 120px;}
    .topMain02 .pic img{width: 100%;height: 120px;}
    .topMain02 .picMoney{ float: right; width: 50%; position: relative; margin-top: 0;}
    .topMain02 .picList{ position: absolute;height:25px;width: 80px;}
    .topMain02 .picMoney span{display: block; height: 30px;}
    .topMain02 .picMoney .shan{ position: absolute; left: 5px; top: -15px;}
    .topMain02 .picMoney .people{ position: absolute; right: 5px; top: -15px;}
    .topMain02 .picMoney .jia{ position: absolute; left: 5px; top: 15px;}
    .topMain02 .picMoney .btn{ position: absolute; right: 5px; top: 15px;}
    .topMain02 .picMoney .btn button{ width: 80px; height: 32px; line-height: 30px;}
    .topMain02 .picTitle{ float: right; width: 50%;font-size: 12px;height: 63px; padding: 10px 10px 0 10px;}

    .topMain03{width:100%;overflow: hidden;padding: 0 15px;}
    .topMain03>div{ float: left;width: 48%; height: 275px; background-color: #fff;margin: 0 4% 31px 0;}
    .topMain03 .wapRightNone{ margin-right: 0;}
    .topMain03>div:hover .picTitle a{color:#2a87a8;}
    .topMain03 img{width: 100%; height: 110px;}

    .footer{ background-color: #e8e8e8;height: 50px; line-height: 50px;}
    .footerIn{display: none; font-size: 14px; color: #999;width: 1170px; margin: 0 auto;}
    .wapFotterIn{display: block;font-size: 14px; color: #999;width: 100%; margin: 0 auto;text-align:center;}


}
@media screen and (min-width: 375px) and (max-width: 415px) {
	.TitleTextTop{margin-top:-15px;}
    .logoTop{width: 100%; height: 75px; background-color: #fff; padding: 0 15px;}
    .logoTopIn{ width: 100%; height: 75px; margin: 0 auto;}
    .logoTopIn>div{height: 75px; line-height: 75px;}
    .logo{ float: left;}
    .logoLeft{ float: right; color: #73828d; font-size: 12px;}
    .logoLeft span{ color: #73828d;}
    .logoLeft a{margin:0 5px 0 0; color: #73828d;}
    .logoLeft .headerPic{ display: none;}
    .wapLogoMuen{display:block;display: inline-block;}
    .wapLogoLeft{display:none;}
    .kv img,.leftTitle{display: none;}
    .kv{ background: url("../../img/salecourse/wapkv.png") no-repeat; background-size:100%; height: 210px;}
    .navText{ width: 100%;padding: 0 15px;}
    .navTextIn{width: 100%; line-height: 18px; margin: 0 auto; font-size: 12px; text-align: center;color: #666;}
    .wapSou{margin: 0 5px;}
    .nav{display: none; position: absolute;width: 100%; padding: 0 15px; background-color: #fff; z-index: 9;}
    .nav .navIn div{ height: 40px;font-size: 14px; line-height: 40px; border-bottom: 1px solid #ddd; background: url("../../img/icon_arrow@3x.png") right center no-repeat; background-size: 8px 12px;}
    .nav .navIn div:last-child{ border-bottom: none;}
    .nav .navIn div a{ display: block; color:#2d373c; font-size: 14px;}
    .navTitle{ width: 100%; height: 35px; background-color: #41aaaa;padding: 0 15px; margin-top: 10px;}
    .navTitleIn{height:35px; margin: 0 auto;}
    .navTitleIn>div{height: 35px; float: left;text-align: center;}
    .navTitleIn>div a{text-align: center; font-size: 13px; color: #fff;display:block;text-align: center; line-height: 35px;}
    .navTitleIn>div:hover{ background-color: #45a2a0;}

    .souBtn{ display: none; background-color: #fff; position: absolute; height: 60px;width: 100%; border-bottom: 1px solid #ddd; padding: 0 15px;}
    .souBtn input{ width: 100%;height: 35px; outline: none; border: 1px solid #ddd; border-radius: 3px; padding-left: 10px; color: #999; background: url("../../img/salecourse/wapsou.png") 95% center no-repeat; margin-top:10px;}

    .TitleText{width: 100%; height: 50px; line-height:50px; font-size: 14px; color: #2a87a8;font-weight: bold;text-align: center; background: url("../../img/salecourse/wapTitle.png") center center no-repeat; background-size: 350px 13px; padding-left:10px;}
    .topMain01{ width: 100%; margin: 0 auto 0; overflow: hidden;}
    .topMainLeft{color: #666;font-size: 12px; float:left;padding: 0 15px;}
    .topMainLeft .leftTitle{font-weight: bold; margin-bottom: 10px;}
    .topMainRight{width: 100%;float: right; margin-top: 10px; padding: 0 15px;}
    .topMainRight>div{ float: left;width: 48%; height: 275px; background-color: #fff; margin: 0 4% 15px 0;}
    .topMainRight .RightNone{ margin-right: 0px;}
    .topMainRight .pic img{width: 100%;height: 110px;}
    .pic{ position: relative;}
    .picList{ width: 80px; height: 25px; background-color: #41aaaa; opacity: 0.9;position: absolute; bottom: 0; left: 0; font-size: 12px; color: #fff; text-align: center;line-height: 25px;}

    .picTitle{font-size: 12px;height: 63px; padding: 10px 10px 0 10px;}
    .picTitle br{display: none;}
    .topMainRight>div:hover .picTitle a{color:#2a87a8; }
    .picMoney{ padding:0px 5px 0 5px; margin-top: 10px;height: 34px; line-height: 34px;position: relative }
    .picMoney i{ font-size:15px; color: #fe500c;font-weight: bold;margin-right: 10px;}
    .picMoney s{ font-size: 12px; color: #999;font-weight: 100;}
	.picMoney .shan i{color:#999; font-size: 12px;}
    .people{ font-size: 12px; color: #999;position: absolute; right: 10px; top: 0;}
   
    .picMoney .shan{position: absolute; left: 10px;top: 0;}
    .jia{position: absolute; left: 10px; top: 37px;}

    .topMain02{width: 100%; margin: 0 auto;overflow: hidden; padding: 0 15px;}
    .topMain02>div{ width: 100%; height:120px; background-color: #fff;margin: 0 30px 31px 0;}
    .topMain02 .RightNone{ margin-right: 0; margin-bottom: 0;}
    .topMain02>div:hover .picTitle a{color:#2a87a8; }
    .topMain02 .pic{ float: left; width: 48%;height: 120px;}
    .topMain02 .pic img{width: 100%;height: 120px;}
    .topMain02 .picMoney{ float: right; width: 50%; position: relative; margin-top: 0;}
    .topMain02 .picList{ position: absolute;height:25px;width: 80px;}
    .topMain02 .picMoney span{display: block; height: 30px;}
    .topMain02 .picMoney .shan{ position: absolute; left: 5px; top: -15px;}
    .topMain02 .picMoney .people{ position: absolute; right: 5px; top: -15px;}
    .topMain02 .picMoney .jia{ position: absolute; left: 5px; top: 15px;}
    .topMain02 .picMoney .btn{ position: absolute; right: 5px; top: 15px;}
    .topMain02 .picMoney .btn button{ width: 80px; height: 32px; line-height: 30px;}
    .topMain02 .picTitle{ float: right; width: 50%;font-size: 12px;height: 63px; padding: 10px 10px 0 10px;}
    .topMain03{width:100%;overflow: hidden;padding: 0 15px;}
    .topMain03>div{ float: left;width: 48%; height: 275px; background-color: #fff;margin: 0 4% 31px 0;}
    .topMain03 .wapRightNone{ margin-right: 0;}
    .topMain03>div:hover .picTitle a{color:#2a87a8;}
    .topMain03 img{width: 100%; height: 110px;}

    .footer{ background-color: #e8e8e8;height: 50px; line-height: 50px;}
    .footerIn{display: none; font-size: 14px; color: #999;width: 1170px; margin: 0 auto;}
    .wapFotterIn{display: block;font-size: 14px; color: #999;width: 100%; margin: 0 auto;text-align:center;}

}
@media screen and (min-width: 416px) {
	body{min-width:1170px;}
    .logoTop{min-width: 1170px; height: 75px; background-color: #fff;}
    .logoTopIn{width: 1170px; height: 75px; margin: 0 auto;}
    .logoTopIn>div{height: 75px; line-height: 75px;}
    .logo{ float: left;}
    .kv{ background: url("../../img/salecourse/banner.png") no-repeat; background-size:100% 100%; position:absolute; left:50%; margin-left:-960px;width:1920px;height: 430px;}
    .logoLeft{ float: right; color: #73828d; font-size: 14px;}
    .logoLeft span{ margin: 0 10px;color: #73828d;}
    .logoLeft a{margin:0 5px 0 0; color: #73828d;}
    .wapLogoMuen{display: none;}
    .nav{ background-color: #fff; padding-bottom:6px;}
	.nav .navIn{ margin:0 auto;  height:45px;}
    .nav .navIn div{ line-height: 33px; }
    .nav .navIn div a{ display: block; color:#2d373c; font-size: 16px;    text-decoration: none;}
    .navIn{ height: 45px; margin: 0 auto;}
    .navIn>div{line-height: 36px; float: left;font-size: 18px;color: #73828d; margin-right: 20px; border-bottom: 4px solid #fff;}
    .navIn>div a{font-size: 18px;color: #73828d;}
    .navIn>div:hover{border-bottom: 4px solid #41aaaa;}
	.souBtn{display:none; }

    .navText{ width: 100%; height: 79px; }
    .navTextIn{width: 1088px; height: 79px; line-height: 25px; margin: 0 auto; font-size: 16px; text-align: center;color: #666;}

    .navTitle{min-width:1170px; height: 70px; background-color: #41aaaa;}
    .navTitleIn{width: 1170px; height: 70px; margin: 0 auto;}
    .navTitleIn>div{width: 570px;height: 70px; float: left;text-align: center;}
    .navTitleIn>div a{text-align: center; font-size: 22px; color: #fff;display:block;text-align: center; line-height: 70px;}
    .navTitleIn>div:hover{ background-color: #45a2a0;}

    .TitleText{width: 100%; height: 109px; line-height: 109px; font-size: 28px; color: #2a87a8;font-weight: bold;text-align: center; background: url("../../img/salecourse/webTitle.png") center center no-repeat;}
    .topMain01{ width: 1170px; margin: 0 auto; height: 623px;}
    .topMainLeft{color: #666;font-size: 16px; float:left; width: 370px;height: 623px; background: url("../../img/salecourse/web01.png") left top no-repeat;padding: 22px;}
    .topMainLeft .leftTitle{font-weight: bold; margin-bottom: 10px;}
    .topMainRight{width: 770px;height: 623px;float: right;}
    .topMainRight>div{ float: left;width: 370px; height: 296px; background-color: #fff; margin: 0 30px 31px 0;}
    .topMainRight .RightNone{ margin-right: 0px;}

    .pic{ position: relative;}
    .picList{ width: 100px; height: 34px; background-color: #41aaaa; opacity: 0.9;position: absolute; bottom: 0; left: 0; font-size: 12px; color: #fff; text-align: center;line-height: 34px;}
    .picTitle{font-size: 18px;height: 63px; padding: 15px 15px 0 15px;}
    .topMainRight>div:hover .picTitle a{color:#2a87a8; }
    .picMoney{ padding:0px 15px 0 15px; margin-top: 10px;height: 34px; line-height: 34px; }
    .picMoney i{ font-size: 20px; color: #fe500c;font-weight: bold;margin-right: 10px;}
    .picMoney s{ font-size: 14px; color: #999;font-weight: 100;}
    .people{ float: right; font-size: 12px; color: #999;}
    

    .topMain02{width: 1170px; margin: 0 auto;height: 360px;overflow: hidden;}
    .topMain02>div{ float: left;width: 370px; height: 296px; background-color: #fff;margin: 0 30px 31px 0;}
    .topMain02 .RightNone{ margin-right: 0;}
    .topMain02>div:hover .picTitle a{color:#2a87a8; }

    .topMain03{width: 1170px; margin: 0 auto;overflow: hidden;height: 980px;}
    .topMain03>div{ float: left;width: 370px; height: 296px; background-color: #fff;margin: 0 30px 31px 0;}
    .topMain03 .RightNone{ margin-right: 0;}
    .topMain03>div:hover .picTitle{color:#2a87a8; }

    .footer{min-width:1170px; background-color: #e8e8e8;height: 50px; line-height: 50px;}
    .footerIn{font-size: 14px; color: #999;width:1170px; margin: 0 auto;}
    .wapFotterIn{display: none;}
	.kvOut{width:100%; height:430px;position:relative;overflow:hidden; }
	.logoLeft img{width:30px; height:30px; border-radius:50%; border:1px solid #ddd;}
}