@charset "utf-8";
/* CSS Document */

/***********************************学习路径频道页***********************************/
.shopIndex a{cursor: pointer;}
.shopIndex .phpMain{margin-top:24px;}
.shopIndex .layui-carousel-ind li.layui-this{width: 20px;height: 8px;background: #FD4029;border-radius: 4px;   }
.shopIndex .mainUp{display: flex;
    flex-direction: row;
    justify-content: space-between; }
.mainUp  .leftTitle {display: flex;
    flex-direction: row;border:1px solid #E6E7EB;border-radius: 6px;width: 1030px;margin-bottom: 24px;}
.mainUp  .leftTitle h1{
    font-size: 26px;
    font-weight: bold;
    color: #303133;

    line-height: 35px;margin:14px 16px 15px 16px;overflow: hidden;}
.mainUp  .leftTitle em{
    width: 36px;
    height: 40px;
    background: #FD4029;
    color: white;margin:14px 0 15px 16px;line-height: 40px;
    text-align: center;
}
.upLeft{width: 1030px;;}
.upLeft .leftA ul{display: flex;}
.upLeft .leftA ul li{width: 259px; height: 19px; font-size: 14px;color: #303133;line-height: 19px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;margin-bottom:24px;}
.upLeft .leftA ul li:nth-child(2){margin:0 16px 0 24px;}
.upLeft .leftA ul li div{width: 5px;height: 5px;background: #C8CACC;float: left; display: flex;flex-direction: row;justify-content: space-between;margin:7px 8px 0 0;}
.upLeft .leftBanner{display: flex;flex-direction: row;justify-content: space-between;}
.upLeft .layui-carousel{margin-right: 36px;}
.upLeft .carousel-item img{border-radius: 12px;width: 400px;height: 356px;border-radius: 12px;}
.upLeft .leftList ul li{display: flex;flex-direction: row;width: 593px;height: 108px; background: #FFFFFF;border-radius: 6px;margin-bottom: 16px;}

.upLeft .leftList li img{width: 132px;height: 84px;border-radius: 7px;margin:12px;}

.upLeft .leftList .webTime>div:nth-child(1) b,.conWebTime>div:nth-child(1) b{ display: block; width: 18px; height: 18px; background:url(/static/images/new/icon_fenlei.png) no-repeat; 
    background: image-set(url(/static/images/new/icon_fenlei.png) 1x, url(/static/images/new/icon_fenlei_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/icon_fenlei.png) 1x, url(/static/images/new/icon_fenlei_2x.png) 2x) no-repeat;  margin: auto;} 
.upLeft .leftList .webTime>div:nth-child(2) b, .conWebTime>div:nth-child(2) b{ display: block; width: 18px; height: 18px; background:url(/static/images/new/icon_shijian.png) no-repeat; 
    background: image-set(url(/static/images/new/icon_shijian.png) 1x, url(/static/images/new/icon_shijian_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/icon_shijian.png) 1x, url(/static/images/new/icon_shijian_2x.png) 2x) no-repeat;  margin: auto;} 
.upLeft .leftList .webTime,.conWebTime{display: flex;flex-direction: row;flex:1;justify-content: space-between;}
.upLeft .leftList .leftListCon>h1{font-size: 16px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133;line-height: 24px;margin:12px 12px 16px 0;width: 420px;height: 48px;overflow: hidden;}
.upLeft .leftList .webTime>div,.conWebTime>div{display: flex;flex-direction: row;margin-right: 12px;height: 19px;font-size: 14px;font-family: MicrosoftYaHei;color: #969799;line-height: 19px;}
.mainUp .upRight ul li img {width: 320px;height: 147px;border-radius: 8px;}
.mainUp .upRight ul li:nth-child(2) {margin:24px 0;}
.phpMain .mainChoose{background: #FFFFFF; border-radius: 12px; }
.phpMain .mainChoose div{display: flex;flex-direction: row;  }
.phpMain .mainChoose div>h1{margin:10px 12px 24px 24px;text-align: center;min-width: 90px;font-size: 16px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #303133;line-height: 21px;overflow: hidden;
    white-space: nowrap;}
.phpMain .mainChoose .codeType{margin:24px 0 18px 0}
.phpMain .mainChoose .codeTypeTwo{margin:0 0 18px 0}

.phpMain .mainChoose div ul{display: flex;flex-direction: row;margin:0 0 0 0;flex-wrap: wrap;}
.phpMain .mainChoose div ul li{cursor: pointer; font-size: 16px;font-family: MicrosoftYaHei;color: #303133;line-height: 21px;height: 32px;border-radius: 4px;line-height: 30px;text-align: center;margin:6px 12px;   white-space: nowrap;}
.phpMain .mainChoose div ul li a{    margin: 8px 12px;}

.liChoose{background:#FD4029 ;color:#FFFFFF !important;}
.liChoose a{background:#FD4029 ;color:#FFFFFF !important;}
.phpMain .sort{display: flex;flex-direction: row;}
.phpMain .sort>div{margin: 24px 0;cursor: pointer;}
.phpMain .sort>div:nth-child(2){margin: 24px 32px;}
.phpMain .sort .sortPrice{
    display: flex;flex-direction: row;
}
.phpMain .sort .sortPrice b{
    display: block; width: 18px; height: 18px; background:url(/static/images/new/jiagepaixu.png) no-repeat; 
    background: image-set(url(/static/images/new/jiagepaixu.png) 1x, url(/static/images/new/jiagepaixu_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/jiagepaixu.png) 1x, url(/static/images/new/jiagepaixu_2x.png) 2x) no-repeat;  margin: auto;
}
.phpMain .sort .sortPriceUp b{
    display: block; width: 18px; height: 18px; background:url(/static/images/new/jiagepaixu_up.png) no-repeat; 
    background: image-set(url(/static/images/new/jiagepaixu_up.png) 1x, url(/static/images/new/jiagepaixu_up_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/jiagepaixu_up.png) 1x, url(/static/images/new/jiagepaixu_up_2x.png) 2x) no-repeat;  margin: auto;
}
.phpMain .sort .sortPriceDown b{
    display: block; width: 18px; height: 18px; background:url(/static/images/new/jiagepaixu_down.png) no-repeat; 
    background: image-set(url(/static/images/new/jiagepaixu_down.png) 1x, url(/static/images/new/jiagepaixu_down_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/jiagepaixu_down.png) 1x, url(/static/images/new/jiagepaixu_down_2x.png) 2x) no-repeat;  margin: auto;
}
.phpMain .content{display: flex;flex-direction: row;flex-wrap:wrap}
.phpMain .content>div{width: 440px;background: #FFFFFF;border-radius: 12px;margin-bottom: 30px;}
.phpMain .content .middle{margin:0 30px 30px;}
.content .lists>a img{width: 440px;height: 250px;border-radius: 12px 12px 0px 0px;}
.content .lists .conTitle{margin:20px 20px 16px 20px;display: flex;flex-direction: row;}
.content .lists .conTitle>h1 .recommend , .content .lists .conTitle>h1 .hot, .content .lists .conTitle>h1 .nowNew{background: linear-gradient(90deg, #FC9420 0%, #F76311 100%) !important;
    border-radius: 2px;width: 33px;
    height: 20px;font-size: 15px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 20px;padding: 6px;
}
.content .lists .conTitle>h1 .recommend{background: linear-gradient(90deg, #FC9420 0%, #F76311 100%) !important;}
.content .lists .conTitle>h1 .hot{background: linear-gradient(90deg, #FF614C 0%, #F71111 100%) !important;}
.content .lists .conTitle>h1 .nowNew{background: linear-gradient(90deg, #2093FC 0%, #1182F7 100%) !important;}
.content .lists .conTitle>h1  {font-size: 16px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133; line-height: 28px}
.content .lists .introduce{padding:12px;margin:0 20px 20px 20px;background: #F7F8FA;border-radius: 4px;}
.content .lists .introduce p{font-size: 12px;font-family: MicrosoftYaHei;color: #969799;line-height: 18px;height: 54px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.content .lists .truePrice{display: flex;flex-direction: row;justify-content:space-between;margin:0 20px;}
.content .lists .truePrice>div{display: flex;flex-direction: row;  }
.content .lists .truePrice>div h1{font-size: 24px;
    font-family: Arial-BoldMT, Arial;
    
    font-weight: normal; 
    color: #FD4029;
    line-height: 28px;}
.content .lists .truePrice>div h2{font-size: 18px;margin:4px 0 4px 12px; font-family: ArialMT;color: #969799; line-height: 21px;text-decoration: line-through;}
.content .lists .truePrice div:nth-child(2){width: 66px;height: 24px;background: #F7F8FA;border-radius: 14px;}
.content .lists .truePrice div:nth-child(2)>h3{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #969799;line-height: 20px;margin:2px 12px;}
.content .lists .conWebTime{margin:20px 20px 22px 20px;}
.pages{display: flex;justify-content: center;}
.pages .layui-laypage-em{background-color: #FD4029 !important;border-radius: 2px !important;}
.pages>div>a,.pages>div>span {margin:0 4px !important;}
.redFont{color:#FD4029;}
.chooses a:hover{color:#FD4029;}
.shopCollect .shopBPic{width: 100%; margin-top:91px; background:url(/static/images/new/bg-teacher.png) no-repeat center top; 
    background: image-set(url(/static/images/new/bg-teacher.png) 1x, url(/static/images/new/bg-teacher.png) 2x)  no-repeat center top; 
    background: -webkit-image-set(url(/static/images/new/bg-teacher.png) 1x, url(/static/images/new/bg-teacher.png) 2x) no-repeat center top; height:220px;background-size: cover;   }

/********************** 收藏  ***************************/
.shopCollect .phpMain{display: flex;flex-direction: row;margin-top: 32px;}
.shopCollect .leftSelect{width: 160px;margin-right: 54px;}
.shopCollect .leftSelect ul li  {height: 48px; margin-bottom: 15px;width: 130px;}
.shopCollect .leftSelect ul li a{display: flex;flex-direction: row;height: 48px;font-size: 16px; font-family: MicrosoftYaHei;width: 130px;
    color: #787D82;line-height: 21px;align-items: center;}
.shopCollect .leftSelect ul .selected{background: #242424;border-radius: 5px;}
.shopCollect .leftSelect ul  a .layui-icon{ margin: 14px 22px;  }
.shopCollect .leftSelect ul  a span{ margin: 14px 23px 14px 0; }
.shopCollect .leftSelect ul  a:after{display: block;
    content: "";
    /* position: absolute; */
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 24px solid #f7f8fa;
    border-bottom: 24px solid #f7f8fa;
    border-left: 15px solid transparent;}
.shopCollect .leftSelect ul .selected a{color: #FFFFFF;}
.shopCollect .leftSelect ul li .selected b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/yuanma_sel.png) no-repeat; 
    background: image-set(url(/static/images/new/yuanma_sel.png) 1x, url(/static/images/new/yuanma_sel_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/yuanma_sel.png) 1x, url(/static/images/new/yuanma_sel_2x.png) 2x) no-repeat;  margin: auto;
}
.shopCollect .leftSelect ul li   b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/yuanma.png) no-repeat; 
    background: image-set(url(/static/images/new/yuanma.png) 1x, url(/static/images/new/yuanma_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/yuanma.png) 1x, url(/static/images/new/yuanma_2x.png) 2x) no-repeat;  margin: auto;
}
.shopCollect .rightList {margin-right: 0px;}
.shopCollect .rightList>h1{width: 64px;height: 21px;font-size: 16px;font-family: MicrosoftYaHei;color: #303133; line-height: 21px;padding:20px 0 19px 0;border-bottom: 3px solid #FD4029;}
.shopCollect .rightList .rightLine{border: 1px solid #000000; background: #000000;opacity: 0.06;margin-bottom: 8px;}
.shopCollect .rightContent .rightLi{display: flex;flex-direction: row;border-bottom: 1px solid rgba(0,0,0,0.06);}
.shopCollect .rightContent .rightLi>a>img{min-width: 205px;max-width: 205px;height: 130px;border-radius: 8px;margin-right: 16px;margin-top: 24px;cursor: pointer;}
.shopCollect .rightContent .rightLi .liContent>h1>a{font-size: 20px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133;
    line-height: 26px;margin-top: 24px;
}
.shopCollect .rightContent .rightLi .liContent{width: 100%;}
.shopCollect .rightContent .rightLi .liContent>h1{margin-top: 24px;}
.shopCollect .rightContent .rightLi .liContent>p{font-size: 16px;font-family: MicrosoftYaHei;color: #646566;margin: 16px 0;height: 48px;
line-height: 24px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
}
.shopCollect .rightContent .rightLi .liContentFoot{display: flex;flex-direction: row;justify-content: space-between; margin-bottom: 27px;}
.shopCollect .rightContent .rightLi .liContentFoot div{display: flex;flex-direction: row;justify-content: space-between;}
.shopCollect .rightContent .rightLi .liContentFoot div:nth-child(2),.shopCollect .liContentFoot div:nth-child(1) p:nth-child(1),.shopCollect .liContentFoot div:nth-child(1) p:nth-child(3){font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #969799 !important;
    line-height: 21px;}
.shopCollect .liContentFoot div:nth-child(1) p:nth-child(2),.shopCollect .liContentFoot div:nth-child(1) p:nth-child(4){font-size: 16px;font-family: MicrosoftYaHei;color: #646566;line-height: 21px;}
.shopCollect .liContentFoot div:nth-child(1) p:nth-child(2){ margin:0 32px 0 12px;}
.shopCollect .liContentFoot div:nth-child(1) p:nth-child(3){margin:0 12px 0 0;}
.shopCollect .rightContent .rightLi .liContentFoot div:nth-child(2) h3{margin-right: 12px;}



/* 

.site-home .user-right {margin-right: 10px;}
.site-home .user-right>h1{width: 64px;height: 21px;font-size: 16px;font-family: MicrosoftYaHei;color: #303133; line-height: 21px;padding:20px 0 19px 0;border-bottom: 3px solid #FD4029;}
.site-home .user-right .rightLine{border: 1px solid #000000; background: #000000;opacity: 0.06;margin-bottom: 8px;}
.site-home .rightContent{width:100%}
.site-home .rightContent .rightLi{display: flex;flex-direction: row;border-bottom: 1px solid rgba(0,0,0,0.06);}
.site-home .rightContent .rightLi>a>img{min-width: 205px;height: 130px;border-radius: 8px;margin-right: 16px;}
.site-home .rightContent .rightLi>a{margin-top: 24px;cursor: pointer;}
.site-home .rightContent .rightLi .liContent{ width: 750px;margin-top: 24px;}
.site-home .rightContent .rightLi .liContent>h1>a,.site-home .rightContent .rightLi .liContent>h1{font-size: 20px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133;
    line-height: 26px;
}
.site-home .rightContent .rightLi .liContent>p{font-size: 16px;font-family: MicrosoftYaHei;color: #646566;margin: 16px 0;
line-height: 24px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
}
.site-home .rightContent .rightLi .liContentFoot{display: flex;flex-direction: row;justify-content: space-between;    margin-bottom: 27px;}
.site-home .rightContent .rightLi .liContentFoot div{display: flex;flex-direction: row;justify-content: space-between;  }
.site-home .rightContent .rightLi .liContentFoot .footFirst div:nth-child(2){margin-left: 32px;}
.site-home .rightContent .rightLi .liContentFoot .footFirst div>p,.site-home .rightContent .rightLi .liContentFoot .footFirst+div h3{margin-right: 12px;}
.site-home .rightContent .rightLi .liContentFoot .footFirst div p ,.site-home .rightContent .rightLi .liContentFoot .footFirst+div{font-size: 16px;font-family: MicrosoftYaHei;color: #969799;line-height: 21px;}
.site-home .rightContent .rightLi .liContentFoot .footFirst div p:nth-child(2){color: #646566;}
.site-home .rightContent .rightLi .liContentFoot .footFirst+div b{margin-right: 5px;} */
/*******************    详情/免费     **********************/
.shopFree a{cursor: pointer;}
.shopFree .oneContent .oneConrUp,.shopFree .oneContent .oneConType{width:720px;}
.shopFree .oneContent .oneConrUp>div,.shopFree .oneContent .oneConType>div{min-width:230px;max-width: 230px;}
.shopFree .oneContentLeft .oneContentGoods h3, .shopFree .oneContentCllect h3,
.shopFree .oneContent .oneConrUp div h3:nth-child(1),.shopFree .oneContent .oneConType div h3:nth-child(1),.shopFree .oneContent .oneConType div h3:nth-child(1) a,
.shopFree .oneContent .oneConrIntro{font-family: MicrosoftYaHei;color: #969799;}
.shopFree .oneContentLeft .oneContentGoods h3, .shopFree .oneContentCllect h3,
.shopFree .oneContent .oneConrUp div h3:nth-child(1),.shopFree .oneContent .oneConType div h3:nth-child(1){
    text-overflow: clip;
    overflow: inherit;
    white-space: nowrap;
}
.shopFree .oneContent .oneConrUp div h3{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.shopFree .freeSize{ color: #969799; font-size: 16px; color: #969799; margin: 6px 0 36px 0;}
.shopFree .freeSize a{ color: #969799; text-decoration: none; margin-right:4px;}
.shopFree .freeSize a:hover{ text-decoration:underline;}

.shopFree .mainOne{height: auto;background: #FFFFFF;border-radius: 12px;display: flex;flex-direction: column; padding-bottom: 20px;}
.shopFree .oneTitle{margin:22px 32px 24px 36px;display: flex;flex-direction: row;}
.shopFree .oneTitle h1 {margin-left:16px;height:  31px;font-size: 24px;font-weight: bold;color: #07111B; line-height: 31px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.shopFree .oneTitle div {width: 80px;height: 31px;border-radius: 4px;border: 1px solid #FD4029;font-size: 18px;font-family: MicrosoftYaHei;color: white;line-height: 30px;text-align: center;background: #FD4029;}
.shopFree .oneContent{display: flex;flex-direction: row;margin:0 32px 0 36px }
.shopFree .oneContentLeft{margin-right: 24px;}
.shopFree .oneContentLeft>img{width: 391px;height: 248px;border-radius: 12px;margin-bottom: 20px;}
.shopFree .oneContentGoods .links b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/kefu.png) no-repeat; 
    background: image-set(url(/static/images/new/kefu.png) 1x, url(/static/images/new/kefu_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/kefu.png) 1x, url(/static/images/new/kefu_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .oneContentGoods .goods b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/wenhao.png) no-repeat; 
    background: image-set(url(/static/images/new/wenhao.png) 1x, url(/static/images/new/wenhao_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/wenhao.png) 1x, url(/static/images/new/wenhao_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .oneContentCllect  b,.shopFree .nostr,.shopCollect .liContentFoot .nostr{
    display: block; width: 15px; height: 15px; background:url(/static/images/new/details_icon_score_grey_14.png) no-repeat; 
    background: image-set(url(/static/images/new/details_icon_score_grey_14.png) 1x, url(/static/images/new/details_icon_score_grey_14_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/details_icon_score_grey_14.png) 1x, url(/static/images/new/details_icon_score_grey_14_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .oneContentCllected  b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/icon_shoucang_sel.png) no-repeat; 
    background: image-set(url(/static/images/new/icon_shoucang_sel.png) 1x, url(/static/images/new/icon_shoucang_sel_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/icon_shoucang_sel.png) 1x, url(/static/images/new/icon_shoucang_sel_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .str,.shopCollect .liContentFoot .str{
    display: block; width: 15px; height: 15px; background:url(/static/images/new/details_icon_score_orange_14.png) no-repeat; 
    background: image-set(url(/static/images/new/details_icon_score_orange_14.png) 1x, url(/static/images/new/ddetails_icon_score_orange_14_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/details_icon_score_orange_14.png) 1x, url(/static/images/new/details_icon_score_orange_14_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .hrefstr,.shopCollect .liContentFoot .hrefstr{
    display: block; width: 15px; height: 15px; background:url(/static/images/new/details_icon_score_orange_11.png) no-repeat; 
    background: image-set(url(/static/images/new/details_icon_score_orange_11.png) 1x, url(/static/images/new/details_icon_score_orange_11_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/details_icon_score_orange_11.png) 1x, url(/static/images/new/details_icon_score_orange_11_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .downOne b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/download.png) no-repeat; 
    background: image-set(url(/static/images/new/download.png) 1x, url(/static/images/new/download_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/download.png) 1x, url(/static/images/new/download_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .downTwo b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/yanshi.png) no-repeat; 
    background: image-set(url(/static/images/new/yanshi.png) 1x, url(/static/images/new/yanshi_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/yanshi.png) 1x, url(/static/images/new/yanshi_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .oneContentLeft>div{display: flex;flex-direction: row;justify-content: space-between;}
.shopFree .oneContentLeft>div div,.shopFree .oneContentLeft>div div a{display: flex;flex-direction: row;}
.shopFree .oneContentLeft .oneContentGoods h3,.shopFree .oneContentCllect h3{margin-left: 4px;}
.shopFree .oneContentLeft .oneContentGoods .goods{margin-left: 20px;}
.shopFree .oneContent .oneConrUp,.shopFree .oneContent .oneConrUp div ,.shopFree .oneContent .oneConType,.shopFree .oneContent .oneConType div{display: flex;flex-direction: row;}
.shopFree .oneContent .oneConrUp div h3,.shopFree .oneContent .oneConType div h3{font-size: 16px;line-height: 21px;}
.shopFree .oneContent .oneConrUp div h3:nth-child(2),.shopFree .oneContent .oneConType div h3:nth-child(2){color: #646566;margin-left: 12px;}
.shopFree .oneContent .oneConType div:nth-child(3) h3{margin-right: 12px;}
.shopFree .oneContent .oneConType div:nth-child(3) div b{margin-right: 4px;}
.shopFree .oneContent .oneConrUp>div:nth-child(2){
    min-width:200px !important;max-width:200px !important;margin-left: 50px;
}
.shopFree .oneContent .oneConType>div:nth-child(2){
    min-width:180px !important;max-width:180px !important;margin-left: 50px;
}
.shopFree .oneContent .oneConType>div:nth-child(3){
    min-width:180px !important;max-width:180px !important;margin-left: 20px;
}
.shopFree .oneContent .oneConrUp div:nth-child(3) h3:nth-child(2){text-overflow: ellipsis;overflow: hidden;  white-space:nowrap;}
.shopFree .oneContent .oneConType{margin:16px 0 14px 0;}
.shopFree .oneContent .oneConrIntro{font-size: 14px;line-height: 22px;margin:0 0 14px 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.shopFree .oneContent .oneConrPricea{width: 719px;height: 67px;background: #F5F5F5;border-radius: 5px;}
.shopFree .oneContent .oneConrPricea{display: flex;flex-direction: row;margin-bottom: 14px;}
.shopFree .oneContent .oneConrPricea>h2{margin: 16px 1px 20px 0;font-size: 24px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #FD432C;line-height: 31px;}
.shopFree .oneContent .oneConrPricea>h1{margin: 24px 1px 24px 16px;font-size: 14px;font-family: MicrosoftYaHei;color: #6F6F6F;line-height: 19px;}
.shopFree .oneContent .oneConrPricea .price{display: flex;flex-direction: row;}
.shopFree .oneContent .oneConrPricea .price>h2{margin: 16px 12px 20px 1px; font-size: 24px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #FD432C;line-height: 31px;  }
.shopFree .oneContent .oneConrPricea .price>h1{ text-decoration: line-through;margin: 20px 24px 23px 0; font-size: 18px;font-family: MicrosoftYaHei;color: #969799;line-height: 24px;}
.shopFree .oneContent .oneConrPricea .time {width: 260px; height: 38px;background: #FFE0DC;border-radius: 4px;margin:14px 0 15px 0;}
.shopFree .oneContent .oneConrPricea .time h1{padding:8px 16px 9px 16px;}
.shopFree .oneContent .oneConrPricea .time h1 a{font-size: 16px;font-family: MicrosoftYaHei;color: #FD4029;line-height: 21px;}
.shopFree .oneContent .oneConrDownload{display: flex;flex-direction: row;}
.shopFree .oneContent .oneConrDownload .layui-btn{padding:0 !important;background: #FD4029;margin:0;height: 56px;
    border-radius: 6px;}

.shopFree .oneContent .oneConrDownload div,.shopFree .oneContent .oneConrDownload div a{display: flex;flex-direction: row;}
.shopFree .oneContent .oneConrDownload .downTwo{margin-left: 24px;}
.shopFree .oneContent .oneConrDownload .downOne a{width: 192px;height: 56px;background: #FD4029;border-radius: 6px;}
.shopFree .oneContent .oneConrDownload .downTwo a{width: 192px;height: 56px;border: 1px solid #FD4029;border-radius: 6px;}
.shopFree .oneContent .oneConrDownload .downTwo a>div{float: left;margin-left: 44px;}
.shopFree .oneContent .oneConrDownload .downOne a>div{float: left;margin-left: 44px;}
.shopFree .oneContent .oneConrDownload .downOne a>h1,.shopFree .oneContent .oneConrDownload .downTwo a>h1{margin:16px 0 16px 1px;font-size: 18px;font-family: MicrosoftYaHei;line-height: 24px;}
.shopFree .oneContent .oneConrDownload .downOne a>h1{color: #FFFFFF;}
.shopFree .oneContent .oneConrDownload .downTwo a>h1{color:#FD4029}
.shopFree .mainTwo{margin:44px 0 32px 0;display: flex;flex-direction: row;}
.shopFree .mainTwo div {padding-bottom: 16px;width: 80px;height: 26px;font-size: 20px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133;line-height: 26px;}
.shopFree .mainTwo div:nth-child(2){margin: 0 80px;}

.shopFree .mainTwo .chooseDiv{border-bottom: 3px solid #FF5C39; }
.shopFree .mainTwo .chooseDiv a{color: #FF5C39;}
.shopFree .mainFour{background: #FFFFFF;border-radius: 12px;margin:32px 0 ;}
.shopFree .mainFour .introduce ,.mainFive .introduce{display: flex;flex-direction: row;align-items: center;margin:0 24px;padding:24px 0 0 0;}
.shopFree .mainFour .introduce b,.mainFive .introduce b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/biaoti.png) no-repeat; 
    background: image-set(url(/static/images/new/biaoti.png) 1x, url(/static/images/new/biaoti_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/biaoti.png) 1x, url(/static/images/new/biaoti_2x.png) 2x) no-repeat;  margin: auto;
}
.shopFree .mainFour .introduce h2,.mainFive .introduce h2{width: 82px;
    height: 26px;font-size: 20px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133;line-height: 26px; }
.shopFree .mainFour .fourIntroLine ,.mainFive .fiveIntroLine{width: 1030px;height: 1px;border-top: 1px solid #E6E7EB;margin: 0 0 0 24px;}
.shopFree .mainFour .title{margin: 32px 24px 24px 24px;font-size: 18px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #646566;line-height: 24px;}

.shopFree .oneContentRight table{border:1px solid; }
.shopFree .oneContentRight table td{display:flex;flex-direction: row;border: 4px solid #FFFFFF;margin:4px;height: 50px;border-radius: 4px 0px 0px 4px;}
.shopFree .oneContentRight table td h3,.shopFree .oneContentRight table tr{display:flex;flex-direction: row;}
/* .shopFree .oneContentRight table td {width: 162px;padding-left: 38px;} */
.shopFree .oneContentRight table th {width: 948px;height: 50px;border-radius: 0px 4px 4px 0px;text-align: center;}
.shopFree .oneContentRight .fourTable{margin:0 24px 32px 24px;}
.shopFree .mainFour table{border:1px solid; }
.shopFree .mainFour table th,.shopFree .mainFour table td{border: 4px solid #FFFFFF;margin:4px;height: 50px;border-radius: 4px 0px 0px 4px;}
.shopFree .mainFour table td {width: 162px;background: #F3F3F3;padding-left: 38px;}
.shopFree .mainFour table th {width: 1150px;height: 50px;background: #F7F7F7;border-radius: 0px 4px 4px 0px;text-align: center;}
.shopFree .mainFour .fourTable{margin:0 24px 32px 24px;}
.shopFree .mainFour .fourContent{margin:0 24px 0 24px;padding-bottom: 44px;text-align: center;}
.shopFree .mainFour .fourContent h2{font-weight:bold;text-align: left;}
.shopFree .mainFour .fourContent img{
    /* width: 100%;max-width:1152px;display: flex;margin-top: 10px; */
    max-width: 1125px;
    display: flex;
    object-fit: fill;
    margin: 10px auto;
    top: 10px;
}
.shopFree .mainFour .fourContent p {margin:10px 0;font-size: 18px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #646566; line-height: 24px;}
.shopFree .mainFive {background: #FFFFFF;border-radius: 12px;}
.shopFree .mainFive .introduce{margin:43px 0 32px 0;}
.shopFree .mainFive .swiper-container {margin: 0 20px;
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */

}  
.shopFree .mainFive .swiper-button-prev ,.mainThree .swiper1 .swiper-slide{text-align: center;right: 40px;}
.shopFree .mainFive .swiper-button-prev ,.mainThree .swiper1 .swiper-button-prev{display: none;}
.shopFree .mainFive .swiper-button-next ,.mainThree .swiper1 .swiper-button-next{display: none;}
.shopFree .mainFive .swiper-button-next {
    display: block; width: 32px; height: 87px; background:url(/static/images/new/right2.png) no-repeat; 
    background: image-set(url(/static/images/new/right2.png) 1x, url(/static/images/new/right2_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/right2.png) 1x, url(/static/images/new/right2_2x.png) 2x) no-repeat;  margin: auto;top: 200px;
}
.shopFree .mainFive .swiper-button-prev {
    display: block; width: 32px; height: 87px; background:url(/static/images/new/left2.png) no-repeat; 
    background: image-set(url(/static/images/new/left2.png) 1x, url(/static/images/new/left2_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/left2.png) 1x, url(/static/images/new/left2_2x.png) 2x) no-repeat;;top: 200px;
}
.shopFree .mainFive .swiper-button-next.hover {
    display: block; width: 32px; height: 87px; background:url(/static/images/new/right2_sel.png) no-repeat; 
    background: image-set(url(/static/images/new/right2_sel.png) 1x, url(/static/images/new/right2_sel_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/right2_sel.png) 1x, url(/static/images/new/right2_sel_2x.png) 2x) no-repeat;  margin: auto;top: 200px;
}
.shopFree .mainFive .swiper-button-prev.hover  {
    display: block; width: 32px; height: 87px; background:url(/static/images/new/left2_sel.png) no-repeat; 
    background: image-set(url(/static/images/new/left2_sel.png) 1x, url(/static/images/new/left2_sel_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/left2_sel.png) 1x, url(/static/images/new/lleft2_sel_2x.png) 2x) no-repeat; top: 200px;
}
.shopFree .mainThree .swiper1 .swiper-button-next {
    display: block; width: 40px; height: 400px; background:url(/static/images/new/right.png) no-repeat; 
    background: image-set(url(/static/images/new/right.png) 1x, url(/static/images/new/right_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/right.png) 1x, url(/static/images/new/right_2x.png) 2x) no-repeat;  margin: auto;top:0;right: 0;
}
.shopFree .mainThree .swiper1 .swiper-button-prev {
    display: block; width: 40px; height: 400px; background:url(/static/images/new/left.png) no-repeat; 
    background: image-set(url(/static/images/new/left.png) 1x, url(/static/images/new/left_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/left.png) 1x, url(/static/images/new/left_2x.png) 2x) no-repeat;  margin: auto;top:0;left: 0;
}
.shopFree .mainThree .swiper1 .swiper-wrapper{margin:0 40px;}
.shopFree .mainThree .swiper1 .swiper-slide a img{max-height: 400px;}
.shopFree .mainFive .swiper-wrapper{margin:0 0 0 60px;}

.shopFree .fiveUl{display: flex;flex-direction: row;margin-bottom: 44px;}
.shopFree .fiveUl .fiveLi{width: 385px;height: 520px;background: #FFFFFF;border-radius: 12px; border: 1px solid #E6E7EB;}
.shopFree .fiveUl li:nth-child(2){ margin:0 32px;}
.shopFree .fiveUl .fiveLi>a>img {width: 385px;height: 230px;border-radius: 10px 10px 0px 0px;}
.shopFree .fiveListCon{margin:20px;}
.shopFree .fiveListCon>h1{margin-bottom:16px;font-size: 16px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #303133;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.shopFree .fiveListCon .fiveIntroduce{padding:12px;background: #F7F8FA;border-radius: 4px;margin-bottom: 24px;}
.shopFree .fiveListCon .fiveIntroduce p{font-size: 12px;font-family: MicrosoftYaHei;color: #969799;line-height: 18px;height: 54px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.shopFree .fiveListCon .truePrice{display: flex;flex-direction: row;justify-content:space-between;margin:0 0 24px 0;}
.shopFree .fiveListCon .truePrice>div{display: flex;flex-direction: row;  }
.shopFree .fiveListCon .truePrice>div h1{font-size: 24px;font-family: Arial-BoldMT, Arial;font-weight: normal; color: #FD4029;line-height: 28px;}
.shopFree .fiveListCon .truePrice>div h2{font-size: 18px;margin:4px 0 4px 12px; font-family: ArialMT;color: #969799; line-height: 21px;text-decoration: line-through;}
.shopFree .fiveListCon .truePrice div:nth-child(2){width: 66px;height: 24px;background: #F7F8FA;border-radius: 14px;}
.shopFree .fiveListCon .truePrice div:nth-child(2)>h3{font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #969799;line-height: 20px;margin:2px 12px;}
.paybox  {background: #FFFFFF;border-radius: 12px;display: none;}
.paybox .closeBtn{width:90%;}
.paybox .closeBtn b {cursor: pointer;
    display: block; width: 24px; height: 24px; background:url(/static/images/new/nav_icon_close_nor.png) no-repeat; 
    background: image-set(url(/static/images/new/nav_icon_close_nor.png) 1x, url(/static/images/new/nav_icon_close_nor_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/nav_icon_close_nor.png) 1x, url(/static/images/new/nav_icon_close_nor_2x.png) 2x) no-repeat;  margin:20px 0 25px 24px ;
}
.paybox .payType .noChoosePay b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/select.png) no-repeat; 
    background: image-set(url(/static/images/new/select.png) 1x, url(/static/images/new/select_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/select.png) 1x, url(/static/images/new/select_2x.png) 2x) no-repeat;  margin: 0 6px 0 0 ;
}
.paybox .payType .choosePay b{
    display: block; width: 20px; height: 20px; background:url(/static/images/new/selected.png) no-repeat; 
    background: image-set(url(/static/images/new/selected.png) 1x, url(/static/images/new/selected_2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(/static/images/new/selected.png) 1x, url(/static/images/new/nselected_2x.png) 2x) no-repeat;  margin: 0 6px 0 0 ;
} 
.paybox .boxContent{
    margin: 0 114px 75px 113px;
}
.paybox .payPng img{
    width:204px;height: 204px;
}
.paybox .payType{margin-bottom: 16px;}
.paybox .payMoney{margin-bottom: 24px;justify-content: center;}
.paybox .payPng{margin-bottom: 24px;}
.paybox .payBottom>h1{margin-bottom: 12px;}
.paybox .payType ,.paybox .payType .wechat ,.paybox .payType .alipay ,.paybox .payMoney{display: flex;flex-direction: row;}
.paybox .payType .wechat {margin-right: 16px;}

.paybox .payType>div>h1,.paybox .payMoney>h1,.paybox .payBottom h1{
    font-size: 16px;font-family: MicrosoftYaHei;line-height: 21px;color:#646566;line-height: 21px;text-overflow: ellipsis;overflow: hidden;  white-space: nowrap;
 }
.paybox .payMoney h1:nth-child(2){color: #FD4029;}

.shopFree .phptime{display: none;}


.hhlXijsBox{ width: 1325px; border-bottom: 1px solid #f6f6f6; margin:auto; padding-bottom: 20px; font-size: 20px; font-weight: bold; color: #333333; padding-top:30px;}











/*******************    详情/支付     **********************/