.tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.tra2 img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.tra2:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
/* * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
*:hover {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} */

.Header{ display: flex; justify-content: space-between; padding: 0px 25px; height: 48px; position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 5;}
.Header .Header_left{ display: flex; align-items: center; margin-left: -13px;}
.Header .Header_left .Header_left_nav{ width: 48px; height: 48px; display: flex; align-items: center; flex-direction: column; justify-content: center; cursor: pointer; margin-right: 5px;}
.Header .Header_left .Header_left_nav:hover{ background: #f2f2f2;}
.Header .Header_left .Header_left_nav.active{ background: #f2f2f2 !important;}
.Header .Header_left .Header_left_nav span{ display: inline-block; width: 18px;  height: 1px; background: #000000; margin-bottom: 6px;}
.Header .Header_left .Header_left_nav span:last-child{ margin-bottom: 0;}
.Header .Header_left .Header_left_logo{ font-weight: bolder; color: #000;}
.Header .Header_left .Header_left_logo span{ font-weight: bolder;}
.Header .Header_search{ display: flex; align-items: center;}
.Header .Header_search input[type="search"]{background: #f5f6f7; border: 1px solid #e8e8ed; margin-right: 16px; padding: 0px 16px; border-radius: 100px; height: 32px; width: 520px;}
.Header .Header_search .Header_search_submit{ position: relative;}
.Header .Header_search .Header_search_submit .search_submit_btn{ width: 84px; height: 32px; border-radius: 100px; display: flex; align-items: center; justify-content: center; color: #fff;}
.Header .Header_search .Header_search_submit .search_submit_btn img{ width: 14px; margin-right: 5px;}
.Header .Header_search .Header_search_submit input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100px; background: none; border: 0;}
.Header .Header_right{ display: flex; align-items: center;}
.Header .Header_right .Header_right_avatar{ cursor: pointer;}
.Header .Header_right .Header_right_avatar .right_avatar_img{ width: 40px; height: 40px;}
.Header .Header_right .Header_right_avatar .right_avatar_img img{ width: 40px; height: 40px; object-fit: cover; border-radius: 100%;}
.Header .Header_right .Header_right_Member{ margin: 0px 25px;}
.Header .Header_right .Header_right_Member .right_Member_title{ color: #000; cursor: pointer;}
.Header .Header_right .Header_right_information .right_information_title{ color: #000; position: relative; cursor: pointer;}
.Header .Header_right .Header_right_information .right_information_title::before{ content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: red; position: absolute; right: -6px; top: 0;}
.Header .Header_right .Header_right_creation{ margin-left: 25px;}
.Header .Header_right .Header_right_creation .right_creation_title{ width: 100px; height: 32px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background: #ee6e53; color: #fff; cursor: pointer;}
.Header .Header_right .Header_right_creation .right_creation_title img:first-child{ height: 12px;}
.Header .Header_right .Header_right_creation .right_creation_title span{ margin: 0 5px;}
.Header .Header_right .Header_right_creation .right_creation_title img:last-child{ height: 6px;}


.content{ padding-left: 256px; padding-top: 48px;}
.NavLeft{ position: fixed; left: 0; bottom: 0; height: calc(100% - 48px); background: #fff; width: 256px; padding: 12px; overflow: auto;}
.NavLeft .NavLeft_top{ border-bottom: 1px solid #ededed; padding-bottom: 12px; margin-bottom: 12px;}
.NavLeft .NavLeft_top .NavLeft_top_list{ display: flex; align-items: center; padding: 6px 12px; border-radius: 8px; margin-bottom: 5px;}
.NavLeft .NavLeft_top .NavLeft_top_list:last-child{ margin-bottom: 0;}
.NavLeft .NavLeft_top .NavLeft_top_list .top_list_icon{ margin-right: 16px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;}
.NavLeft .NavLeft_top .NavLeft_top_list .top_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;}
.NavLeft .NavLeft_top .NavLeft_top_list .top_list_icon span img{ height: 19px;}
.NavLeft .NavLeft_top .NavLeft_top_list .top_list_icon span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.NavLeft .NavLeft_top .NavLeft_top_list .top_list_title{ color: #000; width: calc(100% - 41px); white-space: nowrap;}
.NavLeft .NavLeft_top .NavLeft_top_list.active{ background: #f2f2f2;}
.NavLeft .NavLeft_top .NavLeft_top_list.active .top_list_title{ font-weight: 700;}
.NavLeft .NavLeft_top .NavLeft_top_list.active .top_list_icon span img{ opacity: 0;}
.NavLeft .NavLeft_top .NavLeft_top_list.active .top_list_icon span img:last-child{ opacity: 1;}
.NavLeft .NavLeft_top .NavLeft_top_list:hover{ background: #f2f2f2;}
.NavLeft .NavLeft_center .NavLeft_top_list .top_list_icon{ width: 25px; height: 25px; background: #000; border-radius: 100px;}
.NavLeft .NavLeft_center .NavLeft_top_list:nth-child(1) .top_list_icon{ background: #ee6e53;}
.NavLeft .NavLeft_center .NavLeft_top_list:nth-child(2) .top_list_icon{ background: #cd4ef6;}
.NavLeft .NavLeft_center .NavLeft_top_list:nth-child(3) .top_list_icon{ background: #131ee5;}
.NavLeft .NavLeft_center .NavLeft_top_list:nth-child(4) .top_list_icon{ background: #fcdd00;}
.NavLeft .NavLeft_center .NavLeft_top_list:nth-child(3) .top_list_icon img{ height: 12px;}
.NavLeft .NavLeft_bottom{ padding: 13px 12px; }
.NavLeft .NavLeft_bottom p{ color: #999; margin-bottom: 5px;}
.NavLeft .NavLeft_bottom p:last-child{ margin-bottom: 0;}
.NavLeft .NavLeft_bottom p a{ color: #999;}
.NavLeft .NavLeft_bottom p a:hover{ color: #111;}
.content.active{ padding-left: 70px; }
.content.active .NavLeft{ width: 72px;}
.content.active .NavLeft .NavLeft_bottom{ display: none;}
.content.active .NavLeft .NavLeft_top .NavLeft_top_list{ flex-direction: column;padding-bottom: 5px;}
.content.active .NavLeft .NavLeft_top .NavLeft_top_list .top_list_icon{ margin-right: 0;}
.content.active .NavLeft .NavLeft_top .NavLeft_top_list .top_list_title{ width: 100%; margin-top: 2px; font-size: 12px; display: flex; justify-content: center;}
.content.active .NavLeft .NavLeft_center .NavLeft_top_list .top_list_icon{ margin: 0 auto;}
.content.active .content_center .content_center_nav{width: calc(100% - 123px);}
.content.active .NavLeft .NavLeft_last{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}



.ovyscroll.left{direction: rtl;overflow-y: auto;}
.ovyscroll.left > * {direction: ltr;}
.ovyscroll{overflow-y: auto;}
.ovyscroll::-webkit-scrollbar-track{background-color:#fff;border-radius:100px;}
.ovyscroll::-webkit-scrollbar-thumb{background:#e5e5e5;;border-radius:100px;} 
.ovyscroll::-webkit-scrollbar-button{background-color: #ffffff;display: none;border-radius:100px;}
.ovyscroll::-webkit-scrollbar-corner{background-color: #ffffff;border-radius:100px;}
.ovyscroll::-webkit-scrollbar{width: 5px;height: 0px;border-radius:100px;}
.ovxscroll{overflow-x: auto;}
.ovxscroll::-webkit-scrollbar-track{background-color:#fff;border-radius:100px;}
.ovxscroll::-webkit-scrollbar-thumb{background:#e5e5e5;;border-radius:100px;} 
.ovxscroll::-webkit-scrollbar-button{background-color: #ffffff;display: none;border-radius:100px;}
.ovxscroll::-webkit-scrollbar-corner{background-color: #ffffff;border-radius:100px;}
.ovxscroll::-webkit-scrollbar{width: 0;height: 5px;border-radius:100px;}
.content .content_center{ width: calc(100% - 320px); padding: 60px 30px;}
.content .content_center .content_center_nav{ display: flex ; position: fixed; width: calc(100% - 310px); right: 25px; white-space: nowrap; overflow: auto; top: 48px; background: #fff; padding: 10px 0px; z-index: 5;}
.content .content_center .content_center_nav .center_nav_list{padding: 6px 12px; background: #f2f2f2; border-radius: 8px; cursor: pointer; margin-right: 16px; color: #000;}
.content .content_center .content_center_nav .center_nav_list.active{ background: #ee6e53; color: #fff;}
.content .content_center .content_center_nav .center_nav_list:hover{ background: #e2e2e2;}
.content .content_center .content_center_nav .center_nav_list.active:hover{ background: #ee6e53;}
.content .content_center .content_center_list{ margin-bottom: 40px;}
.content .content_center .content_center_list .center_list_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.content .content_center .content_center_list .center_list_title .list_title_left{ color: #000;}
.content .content_center .content_center_list .center_list_title .list_title_more{ color: #999; display: flex; align-items: center;}
.content .content_center .content_center_list .center_list_title .list_title_more img{ height: 12px; margin-left: 5px;}
.content .content_center .content_center_list .center_list_NewsTop{ display: flex; margin-bottom: 20px;}
.content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li{ display: inline-block; width: 24%; margin-right: 1.5%; border-radius: 10px; overflow: hidden; position: relative;}
.content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li:last-child{ margin-right: 0;}
.content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li .NewsTop_li_img{ display: flex;}
.content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li .NewsTop_li_img img{ width: 100%; height: 143px; object-fit: cover;}
.content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li .NewsTop_li_title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: flex-end; color: #fff;    padding: 0 12px 8px;
background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 100% 
  );}
.content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li .NewsTop_li_title span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: bolder;}
.content .content_center .content_center_list .center_list_NewsBottom{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.content .content_center .content_center_list .center_list_NewsBottom .list_NewsBottom_li{ display: inline-block; width: 49%; border-top: 1px solid #ededed; padding: 10px 0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #000;}
.content .content_center .content_center_list .center_list_NewsBottom .list_NewsBottom_li:hover{ color: #ee6e53;}
.content .content_center .content_center_list .center_list_NewsBottom .list_NewsBottom_li::before{ content: ""; display: inline-block; width: 6px; height: 6px; background: #cccccc; margin-right: 5px; position: relative; top: -2px;}
.content .content_center .content_center_list .center_list_NewsBottom .list_NewsBottom_li:nth-last-child(1),.content .content_center .content_center_list .center_list_NewsBottom .list_NewsBottom_li:nth-last-child(2){ border-bottom: 1px solid #ededed;}
.content .content_center .content_center_list .center_list_NewsBottom .list_NewsBottom_li:hover::before{ background: #ee6e53;}
.content .content_center .content_center_list .center_list_Course{ display: flex; flex-wrap: wrap; gap: 10px;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list{ width: calc(20% - 8px);}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_img{ border-radius: 10px; overflow: hidden; display: flex; margin-bottom: 10px;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_img img{ width: 100%; height: 115px; object-fit: cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dd{ color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: bolder; margin-bottom: 5px;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt{ display: flex; align-items: center;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l{ display: flex; align-items: center; color: #666;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l span{ display: flex; position: relative; top: -2px; margin-right: 2px; align-items: center; justify-content: center;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l span img{ height: 10px;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_1 span:nth-child(1) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_1 span:nth-child(1) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_2 span:nth-child(1) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_2 span:nth-child(2) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_2 span:nth-child(1) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_2 span:nth-child(2) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_3 span:nth-child(1) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_3 span:nth-child(2) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_3 span:nth-child(3) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_3 span:n th-child(1) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_3 span:nth-child(2) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_3 span:nth-child(3) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(1) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(2) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(3) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(4) img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(1) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(2) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(3) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_4 span:nth-child(4) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_5 span img{ opacity: 0;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_5 span:nth-child(1) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_5 span:nth-child(2) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_5 span:nth-child(3) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_5 span:nth-child(4) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_l.star_5 span:nth-child(5) img:last-child{ opacity: 1;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_r{ color: #666;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_title .list_title_dt .title_dt_r::before{ content: ""; display: inline-block; margin: 0px 10px; width: 1px; height: 10px; background: #dcdcdc;}
.content .content_center .content_center_list .center_list_Course .center_list_Course_list:hover .Course_list_img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-bottom: 20px;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_img{ width: 210px; border-radius: 10px; overflow: hidden; display: flex;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_img img{ width: 100%; height: 135px; object-fit: cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l:hover .News2_l_img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right{ width: calc(100% - 230px);}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_dd{ color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_dt{ color: #666; margin-top: 5px; margin-bottom: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_bottom{ display: flex; align-items: center;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_bottom span{ display: flex; align-items: center; color: #999; margin-right: 25px;}
.content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_bottom span img{ height: 14px; margin-right: 5px;}


.Recommend{ position: fixed; right: 24px; top: 106px; width: 296px;}
.Recommend .Recommend_list .Recommend_list_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; user-select: none;}
.Recommend .Recommend_list .Recommend_list_title .list_title_left{ color: #000;}
.Recommend .Recommend_list .Recommend_list_title .list_title_right{ color: #999; display: flex; align-items: center;}
.Recommend .Recommend_list .Recommend_list_title .list_title_right img{ height: 12px; margin-left: 5px;}
.Recommend .Recommend_list .Course_list_content .list_content_list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.Recommend .Recommend_list .Course_list_content .list_content_list:last-child{ margin-bottom: 0;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_left{ width: 40%; border-radius: 10px; overflow: hidden; position: relative; overflow: hidden; display: flex;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_left img{ width: 100%; height: 80px; object-fit: cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_left span{ position: absolute; display: flex; top: 0; right: 0;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_left span img{ height: 32px;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_right{ width: calc(60% - 15px);}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_right .list_right_dd{ font-weight: bolder; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_right .list_right_dt{ color: #666; margin: 2px 0px; font-weight: bolder;}
.Recommend .Recommend_list .Course_list_content .list_content_list .content_list_right .list_right_p span{ color: #666; font-weight: bolder;}
.Recommend .Recommend_list .Course_list_content .list_content_list:hover .content_list_left .list_left_img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}




/* 资讯详情 */
.Header{ z-index: 20;}
.Header .Header_content{ width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.Header .Header_content .Header_left{ margin-left: 0;}
.Header .Header_content .Header_left .Header_left_Columns{ display: flex; align-items: center; margin-left: 30px;}
.Header .Header_content .Header_left .Header_left_Columns .left_Columns_list{ margin-right: 20px;}
.Header .Header_content .Header_left .Header_left_Columns .left_Columns_list .Columns_list_title{ color: #111; position: relative; height: 48px; display: flex; align-items: center;}
.Header .Header_content .Header_left .Header_left_Columns .left_Columns_list .Columns_list_title::before{ content: ""; display: inline-block; position: absolute; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; opacity: 0;}
.Header .Header_content .Header_left .Header_left_Columns .left_Columns_list.active .Columns_list_title:before{ opacity: 1;}
.Header .Header_content .Header_search input[type="search"]{ width: 300px;}

.Newsbg{ background: #f2f2f2; padding: 80px 0px;}
.NewsContent{ width: 1200px; margin: 0 auto; position: relative;}
.NewsContent .NewsContent_share{ position: absolute; left: 0; top: 0; display: flex; flex-direction: column;}
.NewsContent .NewsContent_share a{ width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #fff; margin-bottom: 23px; position: relative;}
.NewsContent .NewsContent_share a:last-child{ margin-bottom: 0;}
.NewsContent .NewsContent_share a span{ display: flex; align-items: center; justify-content: center; position: relative;}
.NewsContent .NewsContent_share a span img{ height: 18px;}
.NewsContent .NewsContent_share a span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.NewsContent .NewsContent_share a.active span img{ opacity: 0;}
.NewsContent .NewsContent_share a.active span img:last-child{ opacity: 1;}
.NewsContent .NewsContent_share .share_list_quantity{ position: absolute; padding: 0px 4px; height: 15px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background: #c2c8d1; color: #fff; right: -5px; top: 0px;}
.NewsContent .NewsContent_txt{ background: #fff; width: 900px; margin: 0 auto; padding: 35px 45px; position: relative; left: -60px;}
.NewsContent .NewsContent_txt .NewsContent_txt_title .txt_title_dd{ color: #000; font-weight: bolder; line-height: 1.5;}
.NewsContent .NewsContent_txt .NewsContent_txt_title .txt_title_dt{ display: flex; align-items: center; margin-top: 15px;}
.NewsContent .NewsContent_txt .NewsContent_txt_title .txt_title_dt .title_dt_list{ color: #999; display: flex; align-items: center; margin-right: 22px;}
.NewsContent .NewsContent_txt .NewsContent_txt_title .txt_title_dt .title_dt_list img{ height: 20px; margin-right: 3px;}
.NewsContent .NewsContent_txt .NewsContent_txt_con{ margin-top: 35px;}
.NewsContent .NewsContent_txt .NewsContent_txt_con h1{ color: #000; font-size: 20px; border-bottom: 1px solid #ededed; margin-bottom: 15px; padding-bottom: 10px; padding-top: 20px;}
.NewsContent .NewsContent_txt .NewsContent_txt_con p{ color: #666; font-size: 14px; margin-bottom: 10px; line-height: 1.75;}
.NewsContent .NewsContent_txt .NewsContent_txt_page{ border-top: 1px solid #ededed; padding-top: 20px; margin-top: 20px;}
.NewsContent .NewsContent_txt .NewsContent_txt_page .txt_page_list{ color: #666; margin-bottom: 6px;}
.NewsContent .NewsContent_txt .NewsContent_txt_page .txt_page_list:last-child{ margin-bottom: 0;}
.NewsContent .NewsContent_txt .NewsContent_txt_page .txt_page_list a{ color: #666;}
.NewsContent .NewsContent_nav{ position: absolute; right: 0; top: 0; background: #fff; width: 180px; padding: 20px;}
.NewsContent .NewsContent_nav .NewsContent_nav_title{ color: #000; font-weight: bolder; border-bottom: 1px solid #ededed; margin-bottom: 15px; padding-bottom: 10px;}
.NewsContent .NewsContent_nav .NewsContent_nav_txt p{ margin-bottom: 10px; }
.NewsContent .NewsContent_nav .NewsContent_nav_txt p a{ color: #000;display: inline-block;}
.NewsContent .NewsContent_nav .NewsContent_nav_txt p:last-child{ margin-bottom: 0;}
.NewsContent .NewsContent_nav .NewsContent_nav_txt a:hover{ text-decoration: underline;}
.NewsContent .NewsContent_nav .NewsContent_nav_txt a.active{ text-decoration: underline;}





/* 产品 */
.Product{ width: 1200px; margin: 0 auto;}
.Product .ProductNav{ background: #fff; padding: 25px;}
.Product .ProductNav .ProductNav_list{ display: flex; justify-content: space-between; margin-bottom: 14px;}
.Product .ProductNav .ProductNav_list:last-child{ margin-bottom: 0;}
.Product .ProductNav .ProductNav_list .ProductNav_list_left{ color: #000;}
.Product .ProductNav .ProductNav_list .ProductNav_list_right{ display: flex; flex-wrap: wrap; width: calc(100% - 65px);}
.Product .ProductNav .ProductNav_list .ProductNav_list_right .list_right_li{ color: #000; margin-right: 25px; margin-bottom: 5px; padding: 2px 6px; border-radius: 5px;}
.Product .ProductNav .ProductNav_list .ProductNav_list_right .list_right_li.active{ color: #fff;}
.Product .ProductNav .ProductNav_list .ProductNav_list_right .list_right_li:hover{ color: #fff;}
.Product .ProductContent{ display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px;}
.Product .ProductContent .ProductContent_list{ width: calc(25% - 15px); background: #fff; display: inline-block; text-align: center; padding: 30px;}
.Product .ProductContent .ProductContent_list .ProductContent_list_img img{ max-height: 220px;}
.Product .ProductContent .ProductContent_list .ProductContent_list_title{ margin: 8px 0px; color: #000;}
.Product .ProductContent .ProductContent_list .ProductContent_list_pic{ color: #000;}

.page{width: 100%;}
.layui-laypage{display: flex;font-size:16px; color:#333;  align-items: center; justify-content:center; margin-top: 50px;}
.layui-laypage a { font-size: 16px; color: #333; height: 44px; width: 44px; text-align: center; margin: 0 5px; display: flex; align-items: center; justify-content: center; background: #fff; }
.layui-laypage-curr { font-size: 16px; color: #fff; height: 44px; width: 44px; text-align: center; margin: 0 5px; display: flex; align-items: center; justify-content: center;}
.layui-laypage-curr em,.layui-laypage-disabled em{ font-style:inherit;}
.layui-laypage-disabled { font-size: 16px; color: #333; height: 44px; text-align: center; margin: 0 5px; width: 44px; align-items: center; display: flex; align-items: center; justify-content: center; background: #fff;}
.layui-laypage-disabled:hover{ color:#fff;}
.layui-laypage a:hover{ color:#fff;}
.layui-laypage-count{ display: none;}


footer{ text-align: center; margin-top: 60px;}



/* 产品详情 */
.DProduct .DProduct_top{ display: flex; justify-content: space-between;}
.DProduct .DProduct_top .DProduct_top_left{ width: 40%;}
.DProduct .DProduct_top .DProduct_top_left .top_left_bigimg{ text-align: center; border: 1px solid #dcdcdc; padding: 30px; background: #fff;}
.DProduct .DProduct_top .DProduct_top_left .top_left_bigimg .left_bigimg_list img{ max-height: 450px;}
.DProduct .DProduct_top .DProduct_top_left .top_left_Smallimg{ margin-top: 35px; margin-bottom: 20px;}
.DProduct .DProduct_top .DProduct_top_left .top_left_Smallimg .left_Smallimg_list{ border: 1px solid #dcdcdc; width: 62px; height: 62px; display: flex; align-items: center; justify-content: center; background: #fff; cursor: pointer;}
.DProduct .DProduct_top .DProduct_top_left .top_left_Smallimg .left_Smallimg_list img{ max-height: 45px;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share{ display: flex; align-items: center;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list{ display: flex; align-items: center; color: #000; margin-right: 15px; cursor: pointer;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list img{ height: 15px; margin-right: 5px;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list:last-child{ margin-right: 0;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list span{ position: relative; display: flex; align-items: center; justify-content: center;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list.favorited{ color: #f4c150;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list.favorited span img{ opacity: 0;}
.DProduct .DProduct_top .DProduct_top_left .top_left_share .left_share_list.favorited span img:last-child{ opacity: 1;}
.DProduct .DProduct_top .DProduct_top_right{ width: 55%;}
.DProduct .DProduct_top .DProduct_top_right .top_right_title{ color: #000; margin-bottom: 25px; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px;}
.DProduct .DProduct_top .DProduct_top_right .top_right_txt .right_txt_list{ color: #666; margin-bottom: 15px; position: relative; padding-left: 12px;}
.DProduct .DProduct_top .DProduct_top_right .top_right_txt .right_txt_list::before{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #999; position: absolute; left: 0; top: 10px;}
.DProduct .DProduct_top .DProduct_top_right .top_right_txt .right_txt_list:last-child{ margin-bottom: 0;}
.DProduct2{ background: #fff; margin-top: 50px;}
.DProduct2 .DProduct_bottom{ width: 1200px; margin: 0 auto;}
.DProduct2 .DProduct_bottom .DProduct_bottom_nav{ display: flex; align-items: center; border-bottom: 1px solid #dcdcdc;}
.DProduct2 .DProduct_bottom .DProduct_bottom_nav .bottom_nav_list{ color: #000; margin-right: 40px; position: relative; height: 80px; display: flex; align-items: center; cursor: pointer;}
.DProduct2 .DProduct_bottom .DProduct_bottom_nav .bottom_nav_list::before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; opacity: 0;}
.DProduct2 .DProduct_bottom .DProduct_bottom_nav .bottom_nav_list.active::before{ opacity: 1;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list{ display: none; padding: 50px 0px;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.active{ display: block;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list{ margin-bottom: 45px;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list:last-child{ margin-bottom: 0;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list .Specification_list_title{ color: #000; border-bottom: 1px solid #ededed; padding-bottom: 20px; }
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list .Specification_list_txt{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list .Specification_list_txt .list_txt_list{ width: 48%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list .Specification_list_txt .list_txt_list .txt_list_li{ color: #666; padding: 15px 10px; border-bottom: 1px solid #ededed; width: 50%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title{ display: flex; align-items: center; background: #f6f6f6; justify-content: space-between; padding: 10px 20px;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title .download_title_list{ color: #000;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title .download_title_list:nth-child(1){ width: 30%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title .download_title_list:nth-child(2){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title .download_title_list:nth-child(3){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title .download_title_list:nth-child(4){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_title .download_title_list:nth-child(5){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list{ display: flex; justify-content: space-between; border-bottom: 1px solid #ededed; padding: 13px 20px;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list .txt_list_li{ color: #666;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list .txt_list_li:nth-child(1){ width: 30%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list .txt_list_li:nth-child(2){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list .txt_list_li:nth-child(3){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list .txt_list_li:nth-child(4){ width: 15%;}
.DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_download .content_download_txt .download_txt_list .txt_list_li:nth-child(5){ width: 15%;}



/* 课程 */
.LCourse{ padding: 0;}
.LCourse .content_center{ padding: 0; width: 100%; margin-top: 45px;}
.LCourse .content_center .content_center_list .center_list_Course .center_list_Course_list .Course_list_img img{ height: 150px;}

.DCourse{ display: flex; align-items: center; justify-content: space-between;}
.DCourse .DCourse_left{ width: 30%; display: flex;}
.DCourse .DCourse_left img{ width: 100%; height: 220px; border-radius: 20px; object-fit: cover;}
.DCourse .DCourse_right{ width: 65%;}
.DCourse .DCourse_right .DCourse_right_title{ font-weight: bolder; color: #000;}
.DCourse_right_star{ display: flex; align-items: center;}
.DCourse_right_star .title_dt_l{ display: flex; align-items: center; color: #666;}
.DCourse_right_star .title_dt_l span{ display: flex; position: relative; margin-right: 2px; align-items: center; justify-content: center;}
.DCourse_right_star .title_dt_l span img{ height: 10px;}
.DCourse_right_star .title_dt_l span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.DCourse_right_star .title_dt_l.star_1 span:nth-child(1) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_1 span:nth-child(1) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_2 span:nth-child(1) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_2 span:nth-child(2) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_2 span:nth-child(1) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_2 span:nth-child(2) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_3 span:nth-child(1) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_3 span:nth-child(2) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_3 span:nth-child(3) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_3 span:nth-child(1) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_3 span:nth-child(2) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_3 span:nth-child(3) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(1) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(2) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(3) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(4) img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(1) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(2) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(3) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_4 span:nth-child(4) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_5 span img{ opacity: 0;}
.DCourse_right_star .title_dt_l.star_5 span:nth-child(1) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_5 span:nth-child(2) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_5 span:nth-child(3) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_5 span:nth-child(4) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_l.star_5 span:nth-child(5) img:last-child{ opacity: 1;}
.DCourse_right_star .title_dt_r{ color: #666; margin: 15px 0px;}
.DCourse_right_star .title_dt_r::before{ content: ""; display: inline-block; margin: 0px 10px; width: 1px; height: 10px; background: #dcdcdc;}
.DCourse .DCourse_right .DCourse_right_bottom{ display: flex; align-items: center; justify-content: space-between;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_pic{ display: flex; align-items: center;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_pic .bottom_pic_left{ font-weight: bolder;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_pic .bottom_pic_btn{ color: #fff; border-radius: 10px; padding: 6px 28px; margin-left: 30px;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn{ display: flex; align-items: center;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list{ cursor: pointer; margin-left: 26px; display: flex; align-items: center;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list .btn_list_icon span{ display: flex; align-items: center; justify-content: center; position: relative;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list .btn_list_icon span img{ height: 22px;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list .btn_list_icon span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list.active .btn_list_icon span img{ opacity: 0;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list.active .btn_list_icon span img:last-child{ opacity: 1;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list .btn_list_title{ color: #000; margin-left: 5px;}
.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list.active .btn_list_title{ color: #f4c150;}
.DCourse2 .DCourse2_list{ border-bottom: 1px solid #ededed; padding-bottom: 28px; margin-bottom: 28px;}
.DCourse2 .DCourse2_list:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.DCourse2 .DCourse2_list .DCourse2_list_top{ display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.DCourse2 .DCourse2_list .DCourse2_list_top .list_top_left{ display: flex; align-items: center; color: #313d54;}
.DCourse2 .DCourse2_list .DCourse2_list_top .list_top_left .top_left_icon{ width: 30px; height: 30px; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 100%; background: #b2b6bc; margin-right: 15px;}
.DCourse2 .DCourse2_list .DCourse2_list_top .list_top_left .top_left_icon span{ width: 12px; height: 3px; background: #fff; border-radius: 100px; margin-bottom: 4px;}
.DCourse2 .DCourse2_list .DCourse2_list_top .list_top_left .top_left_icon span:last-child{ margin-bottom: 0;}
.DCourse2 .DCourse2_list .DCourse2_list_top .list_top_right img{ height: 8px;}
.DCourse2 .DCourse2_list.active .DCourse2_list_top .list_top_right{transform: rotateX(180deg);}
.DCourse2 .DCourse2_list .DCourse2_list_bottom{ padding-left: 30px; margin-top: 26px; display: none;}
.DCourse2 .DCourse2_list.active .DCourse2_list_bottom{ display: block;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list{ display: flex; align-items: center; justify-content: space-between; position: relative; height: 50px; background: #fff; padding-left: 15px;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_left{ display: flex; align-items: center; color: #000; width: calc(100% - 100px); }
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_left .list_left_icon{ width: 18px; height: 18px; background: #b2b6bc; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 6px;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_left .list_left_icon img{ height: 7px; position: relative; left: 1px;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_right{ color: #999; padding-right: 10px;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_right span{ position: absolute; right: 16px; top: 0; color: #fff; border-radius: 100px; padding: 2px 12px; top: 50%; transform: translateY(-50%); opacity: 0;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list:hover{ background: #f5f5f5;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list:hover .bottom_list_right{ color: #f5f5f5;}
.DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list:hover .bottom_list_right span{ opacity: 1;}

.CourseVideobg{ padding: 80px 0px;}
.CourseVideobg .Header{ border-bottom: 1px solid #ededed;}
.CourseVideo{ width: 1500px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between;}
.CourseVideo .CourseVideo_left{ width: 75%;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title{ margin-bottom: 30px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dd{ font-weight: bolder; color: #000;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt{ display: flex; align-items: center; margin-top: 15px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt .title_dt_list{ margin-right: 20px; color: #9199a6; display: flex; align-items: center;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt .title_dt_list span{ border: 1px solid #9199a6; border-radius: 3px; width: 16px; height: 13px; display: flex; align-items: center; justify-content: center; margin-right: 8px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt .title_dt_list span img{ height: 5px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt .title_dt_list.prohibit img{ height: 15px; margin-right: 6px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt .title_dt_btn{ display: inline-block; border-radius: 5px; padding: 1px 6px; margin-right: 11px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt .title_dt_btn:hover{ color: #fff;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo{ position: relative;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_video{ width: 100%; height: 630px; background: #000; display: flex; align-items: center; justify-content: center;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_video video{ width: 100%;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po{ position: absolute; left: 0; width: 100%; height: 630px; top: 0; background: #000; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 5; text-align: center;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_title .po_title_dd{ color: #fff; font-weight: bolder; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.2);}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_title .po_title_dt{ color: rgba(255,255,255,.5);}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_title .po_title_dt b:nth-child(2){ margin: 0px 5px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_title .po_title_p{ color: #fff; margin: 22px 0px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_btn{ display: flex; align-items: center; justify-content: center;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_btn .po_btn_list{ border-radius: 5px; padding: 5px 18px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_po .viedo_po_btn .po_btn_list.active{ margin-left: 20px; color: #fff;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn{ display: flex; align-items: center; background: #f6f7f9; padding: 20px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list{ display: flex; align-items: center; color: #000; margin-right: 22px; cursor: pointer;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list span{ position: relative; display: flex; align-items: center; justify-content: center; margin-right: 8px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list span img{ height: 20px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list span img:last-child{ position: absolute; top: 0; left: 0; opacity: 0;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list.active span img{ opacity: 0;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list.active span img:last-child{ opacity: 1;}
.CourseVideo .CourseVideo_left .CourseVideo_left_viedo .left_viedo_btn .viedo_btn_list.active{ color: #f4c150;}
.CourseVideo .CourseVideo_left .CourseVideo_left_content{ margin-top: 45px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_content .left_content_title{ color: #313d54; font-weight: bolder; position: relative; border-bottom: 1px solid #ededed; margin-bottom: 25px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_content .left_content_title span{ position: relative; display: inline-block; padding-bottom: 20px;}
.CourseVideo .CourseVideo_left .CourseVideo_left_content .left_content_title span::before{ content: ""; display: inline-block; width: 100%; height: 3px; position: absolute; bottom: 0;}
.CourseVideo .CourseVideo_right{ width: 23%; padding-top: 98px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top{ background: #f6f7f9; border-radius: 10px; padding: 20px 0px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; padding: 0px 20px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_left{ color: #313d54; font-weight: bolder;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_right{ display: flex; align-items: center; color: #999;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_right .switch{ margin-left: 6px; position: relative; display: inline-block; width: 24px; height: 14px; }
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_right .switch input { opacity: 0; width: 0; height: 0; }
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_right .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 134px; }
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_right .slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 1px; bottom: 1px; background-color: white; transition: .4s; border-radius: 50%; }
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_title .top_title_right input:checked + .slider:before { transform: translateX(10px); }
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list{ margin-bottom: 18px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list:last-child{ margin-bottom: 0;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_top{ display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 0px 20px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_top .list_top_l{ font-weight: bolder; color: #313d54;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_top .list_top_r img{ height: 6px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom{ display: none; margin-top: 10px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li{ display: flex; align-items: center; justify-content: space-between; padding: 8px 20px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li .bottom_li_left{ width: calc(100% - 80px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #313d54;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li .bottom_li_left span{ color: #fff; border-radius: 5px; padding: 0px 3px; margin: 0px 2px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li .bottom_li_right{ color: #313d54;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li .bottom_li_right span{ display: inline-block; width: 10px; height: 10px; border: 1px solid #999; border-radius: 100%; margin-left: 6px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li:hover{ background: #fff;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list .content_list_bottom .list_bottom_li.active{ background: #fff;}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list.active .content_list_top .list_top_r img{ transform: rotateX(180deg);}
.CourseVideo .CourseVideo_right .CourseVideo_right_top .right_top_content .top_content_list.active .content_list_bottom{ display: block;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom{ margin-top: 25px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_left{ width: 40%; position: relative;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_left .list_left_img{ display: flex; width: 100%;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_left .list_left_img img{ width: 100%; height: 95px; object-fit: cover; border-radius: 5px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_left .list_left_time{ position: absolute; bottom: 0; right: 0; z-index: 2; color: #fff; border-radius: 5px; background: rgba(0, 0, 0, .5); padding: 1px 5px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_right{ width: 55%;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_right .list_right_title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_right .list_right_botttom{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: 10px;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_right .list_right_botttom .right_botttom_left .botttom_left_dd{ color: #999;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_right .list_right_botttom .right_botttom_right{ text-align: right;}
.CourseVideo .CourseVideo_right .CourseVideo_right_bottom .right_bottom_list .bottom_list_right .list_right_botttom .right_botttom_right .botttom_right_dd{ color: #999;}






/* 下载 */
.Download{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.Download .Download_left{ width: 78%;}
.Download .Download_left .Download_left_nav{ background: #fff; display: flex; flex-wrap: wrap; gap: 14px; padding: 25px;}
.Download .Download_left .Download_left_nav .left_nav_list{  width: calc(15% - 19px); background: #f5f5f5; padding: 6px 0; border-radius: 4px; text-align: center;}
.Download .Download_left .Download_left_nav .left_nav_list:hover{ color: #fff;}
.Download .Download_left .Download_left_nav .left_nav_list.active{ color: #fff;}
.Download .Download_left .Download_left_content{ background: #fff; margin-top: 25px;}
.Download .Download_left .Download_left_content .left_content_list{ padding: 22px; display: inline-block; border-bottom: 1px solid #dcdcdc;}
.Download .Download_left .Download_left_content .left_content_list:last-child{ border-bottom: 0;}
.Download .Download_left .Download_left_content .left_content_list .content_list_title{ color: #111; margin-bottom: 20px;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom{ display: flex; align-items: center; justify-content: space-between;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_left{ width: 13%; display: flex;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right{ width: 84%;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_time{ color: #999; display: flex; align-items: center; margin-bottom: 10px;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_time span{ margin: 0px 20px; height: 10px; width: 2px; background: #dcdcdc; display: inline-block;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_txt{ display: flex; align-items: center; justify-content: space-between;}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_txt .right_txt_l{ line-height: 1.8; width: calc(100% - 150px);}
.Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_txt .right_txt_btn{ padding: 8px 35px; color: #fff;}
.Download .Download_right{ background: #fff; width: 20%; padding: 20px;}
.Download .Download_right .Download_right_title{ color: #111; margin-bottom: 12px;}
.Download .Download_right .Download_right_content .right_content_list{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px;}
.Download .Download_right .Download_right_content .right_content_list:last-child{ margin-bottom: 0;}
.Download .Download_right .Download_right_content .right_content_list .content_list_img{ width: 30%; display: flex;}
.Download .Download_right .Download_right_content .right_content_list .content_list_title{ width: 63%;}
.Download .Download_right .Download_right_content .right_content_list .content_list_title .list_title_dd{ color: #111; margin-bottom: 5px; line-height: 1.4;}
.Download .Download_right .Download_right_content .right_content_list .content_list_title .list_title_dt{ color: #999;}
.DownloadDetails{ background: #fff; padding: 30px 45px;}
.DownloadDetails .DCourse_right .DCourse_right_star .title_dt_r:first-child:before{ display: none;}
.DownloadDetails .DCourse_right .DCourse_right_bottom .right_bottom_pic .bottom_pic_btn{ margin-left: 0;}
.DownloadDetails2{ background: none;}
.DownloadDetails2 .DProduct_bottom{ background: #fff; padding: 0px 35px;}





/* 登录 */
.Login{ display: flex; align-items: center; flex-direction: column; height: 100vh; justify-content: center;}
.Login .Login_logo{ margin-bottom: 20px;}
.Login .Login_logo img{ height: 42px;}
.Login .Login_content{ width: 460px; border-radius: 20px; box-shadow: 0px 0px 20px rgba(0,0,0,.2); margin: 0 auto; background: #fff; overflow: hidden;}
.Login .Login_content .Login_content_con{ position: relative; padding-top: 40px; display: none; padding-bottom: 40px;}
.Login .Login_content .Login_content_con.active{ display: block;}
.Login .Login_content .Login_content_con .Login_content_icon{ position: absolute; right: 0; top: 0;  width: 65px; height: 65px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; cursor: pointer;}
.Login .Login_content .Login_content_con .Login_content_icon .content_icon_po{ display: none;}
.Login .Login_content .Login_content_con .Login_content_icon .content_icon_img{ height: 34px;}
.Login .Login_content .Login_content_con .Login_content_icon::before{ content: ""; display: inline-block; width: 120px; height: 120px; background: #fff; position: absolute; top: 14px; left: -70px; transform: rotate(45deg); pointer-events: none;}
.Login .Login_content .Login_content_con .Login_content_title{ text-align: center; color: #111; margin-bottom: 20px;}
.Login .Login_content .Login_content_con .Login_content_txt{ text-align: center; position: relative; z-index: 2; color: #111;}
.Login .Login_content .Login_content_con .Login_content_img{ text-align: center; position: relative; z-index: 2; margin: 25px 0px; display: flex; align-items: center; justify-content: center;}
.Login .Login_content .Login_content_con .Login_content_img img{ border: 1px solid #dcdcdc;}
.Login .Login_content .Login_content_con .Login_content_txt2{ text-align: center; position: relative; z-index: 2; color: #111;}
.Login .Login_content .Login_content_con .Login_content_bottom{ margin-top: 35px;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_title{ color: #666; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_title::before{ content: ""; display: inline-block; width: 80px; height: 1px; background: #dcdcdc; margin-right: 15px;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_title::after{ content: ""; display: inline-block; width: 80px; height: 1px; background: #dcdcdc; margin-left: 15px;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_icon{ display: flex; align-items: center; justify-content: center;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_icon .bottom_icon_list{ margin-right: 25px; cursor: pointer;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_icon .bottom_icon_list:last-child{ margin-right: 0;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_icon .bottom_icon_list .icon_list_dd{ width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center;  margin: 0 auto;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_icon .bottom_icon_list .icon_list_dd img{ height: 20px;}
.Login .Login_content .Login_content_con .Login_content_bottom .content_bottom_icon .bottom_icon_list .icon_list_dt{ color: #111; margin-top: 10px;}
.Login .Login_content .Login_content_form{ padding: 0px 60px; position: relative; z-index: 2;}
.Login .Login_content .Login_content_form .content_form_list{ margin-bottom: 15px; border: 1px solid #dcdcdc; padding: 8px 10px;}
.Login .Login_content .Login_content_form .content_form_list input{ width: 100%; line-height: 36px; border-radius: 5px; color: #111; border: 0;}
.Login .Login_content .Login_content_form .content_form_list input::placeholder{ color: #999;}
.Login .Login_content .Login_content_form .content_form_list input[type="submit"]{ color: #fff;  border: 0;}
.Login .Login_content .Login_content_form .content_form_list.submit{ padding: 0; border: 0;}
.Login .Login_content .Login_content_form .content_form_list.submit input{ padding: 8px 10px;}
.Login .Login_content .Login_content_con .content_user_btn{ display: flex; align-items: center; justify-content: flex-end; padding: 0px 60px;}
.Login .Login_content .Login_content_con .content_user_btn span{ width: 2px; height: 15px; background: #dcdcdc; margin: 0px 8px;}
.Login .Login_content .Login_content_con .content_form_list.code{ display: flex; align-items: center; justify-content: space-between;}
.Login .Login_content .Login_content_con .content_form_list.code input{ width: calc(100% - 130px);}
.Login .Login_content .Login_content_con .content_form_list.code .codeBtn{ width: 120px; text-align: center; line-height: 36px;  border: 0; background: #f5f5f5;  cursor: pointer; display: flex; align-items: center; justify-content: center;}

.Register .Login_content .Login_content_con .Login_content_txt3{ display: flex; align-items: center; justify-content: center; margin-top: 10px; margin-bottom: -20px;}
.Register .Login_content .Login_content_con .Login_content_txt3 a{ text-decoration: underline; }
.Register .Login_content .Login_content_form .content_form_protocol{ display: flex; align-items: center; margin-bottom: 15px; cursor: pointer;}
.Register .Login_content .Login_content_form .content_form_protocol input{ display: none;}
.Register .Login_content .Login_content_form .content_form_protocol .form_protocol_btn{ width: 14px; height: 14px; border: 1px solid #999; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 4px;}
.Register .Login_content .Login_content_form .content_form_protocol .form_protocol_btn span{ display: inline-block; width: 8px; height: 8px; background: #999; border-radius: 100%;}
.Register .Login_content .Login_content_email{ text-align: center; padding: 60px 40px;}
.Register .Login_content .Login_content_email .content_email_top .email_top_dt{ color: #111; margin-top: 20px;}
.Register .Login_content .Login_content_email .content_email_bottom{ margin-top: 15px; color: #666;}
.Register .Login_content .Login_content_email .content_email_bottom2{ margin-top: 15px; color: #666;}
.Register .Login_content .Login_content_email .content_email_bottom2{ margin-top: 15px; color: #666;}
.Register .Login_content .Login_content_email .content_email_btn{ color: #fff;  padding: 12px 0; display: inline-block; width: 100%; margin-top: 55px;}






/* 个人中心 */
.MemberHeader{ position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .1); z-index: 5; background: #fff;}
.MemberHeader .MemberHeader_content{ width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.MemberHeader .MemberHeader_content .MemberHeader_content_left .content_left_logo{ color: #111; font-weight: bolder;}
.MemberHeader .MemberHeader_content .MemberHeader_content_left .content_left_logo img{height:30px;}
.MemberHeader .MemberHeader_content .MemberHeader_content_left .content_left_Cart{ color: #111; margin-left: 22px;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right{ display: flex; align-items: center;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_notify{ display: flex; position: relative; margin-right: 25px; cursor: pointer;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_notify img{ height: 24px;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_notify.active::before{ content: ""; display: inline-block; width: 6px; height: 6px; background: red; position: absolute; right: -5px; top: 0; border-radius: 100%;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar{ position: relative;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_top{ display: flex; align-items: center; cursor: pointer;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_top .avatar_top_left{ width: 36px; height: 36px; border-radius: 100%; overflow: hidden; display: flex; margin-right: 12px;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_top .avatar_top_left img{ width: 100%; height: 36px; object-fit: cover;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_top .avatar_top_right i{ margin-left: 8px;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_down{ position: absolute; top: 100%; right: 0; width: calc(100% - 48px); background: #fff; z-index: 8; box-shadow: 0px 0px 15px rgba(0, 0, 0, .1); display: none; min-width: 100px;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_down a{ display: inline-block; width: 100%; padding: 8px 0px; background: #fff; color: #111; text-align: center;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_down a:hover{  color: #fff;}
.MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar:hover .right_avatar_down{ display: block;}

.MemberCenter{ background: #f9f9f9; min-height: 100vh; padding-top: 120px; padding-bottom: 80px;}
.MemberCenter .MemberCenter_mw1200{ width: 1200px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between;}
.MemberCenter .MemberCenter_nav{ width: 215px;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list{ margin-bottom: 35px;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list .nav_list_title{ color: #111; margin-bottom: 15px; font-weight: bolder;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list .nav_list_content{ background: #fff; padding: 20px 0; border-radius: 10px;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list .nav_list_content a{ color: #666; display: flex; margin-bottom: 13px; width: 100%; position: relative; padding: 0px 20px; align-items: center; justify-content: space-between;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list .nav_list_content a::before{ content: ""; position: absolute; display: inline-block; width: 3px; height: 100%;  left: 0; top: 0; opacity: 0;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list .nav_list_content a:last-child{ margin-bottom: 0;}
.MemberCenter .MemberCenter_nav .MemberCenter_nav_list .nav_list_content a.active:before{ opacity: 1;}
.MemberCenter .MemberCenter_right{ width: calc(100% - 250px); min-height: 50vh;}
.MemberCenter .MemberCenter_right .MemberCenter_right_title{ padding: 20px 0; border-bottom: 1px solid #ededed; color: #111; font-weight: bolder; margin-bottom: 35px;}
.MemberCenter .MemberCenter_right.bgcolor{ background: #fff; padding: 0px 25px; border-radius: 10px; padding-bottom: 50px;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content{ padding: 0px 25px; background: #fff; border-radius: 10px;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top{ display: flex; align-items: center; padding: 28px 0px; padding-top: 0;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_img{ width: 95px; height: 95px; overflow: hidden; margin-right: 20px; padding: 3px; border-radius: 100px;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt{ width: calc(100% - 115px);}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt .content_txt_dd{ color: #111; margin-bottom: 8px;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt .content_txt_dt .txt_dt_list{ color: #666;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt .content_txt_dt .txt_dt_list span{ margin-right: 28px;}
.MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt .content_txt_dt .txt_dt_list b{ background: #e3e3e3; border-radius: 5px; display: inline-block; padding: 2px 5px; font-weight: normal; color: #333;}
.MemberCenter .MemberCenter_right .MemberCenter_right_bottom{ margin-top: 25px; background: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 50px 80px;}
.MemberCenter .MemberCenter_right .MemberCenter_right_bottom .right_bottom_list{ text-align: center; text-align: center;}
.MemberCenter .MemberCenter_right .MemberCenter_right_bottom .right_bottom_list .bottom_list_dd{ color: #111;}
.MemberCenter .MemberCenter_right .MemberCenter_right_bottom .right_bottom_list .bottom_list_dt{margin-top: 10px;  }
.MemberCenter .MemberCenter_right .MemberCenter_right_bottom .right_bottom_list a{ text-decoration: underline; display: inline-block;}

.MyInformation .MyInformation_content .MyInformation_content_list{ display: flex; align-items: center; margin-bottom: 30px;}
.MyInformation .MyInformation_content .MyInformation_content_list .content_list_left{ color: #666; width: 80px; text-align: right; margin-right: 20px;}
.MyInformation .MyInformation_content .MyInformation_content_list .content_list_right{ width: calc(100% - 100px); color: #111;}
.MyInformation .MyInformation_content .MyInformation_content_list.Avatar .content_list_right{ width: 80px; height: 80px; position: relative; border-radius: 100px; display: flex; overflow: hidden; cursor: pointer;}
.MyInformation .MyInformation_content .MyInformation_content_list.Avatar .content_list_right .list_right_dd{ width: 80px; height: 80px; position: relative; border-radius: 100px; display: flex;}
.MyInformation .MyInformation_content .MyInformation_content_list.Avatar .content_list_right .list_right_dd img{ width: 100%; height: 80px; object-fit: cover; border-radius: 100%;}
.MyInformation .MyInformation_content .MyInformation_content_list.Avatar .content_list_right .list_right_click{ position: absolute; left: 0; width: 100%; background: rgba(0, 0, 0, .6); height: 30px; bottom: 0; display: flex; justify-content: center; align-items: flex-start; padding-top: 4px;}
.MyInformation .MyInformation_content .MyInformation_content_list.Avatar .content_list_right .list_right_click img{ height: 18px;}
.MyInformation .MyInformation_content .MyInformation_content_list .content_list_right input{ width: 100%; border: 1px solid #ededed; border-radius: 5px; line-height: 38px; padding: 3px 8px; color: #111;}
.MyInformation .MyInformation_content .MyInformation_content_list .content_list_right a{  margin-left: 18px;}
.MyInformation .MyInformation_content .MyInformation_content_list.submit{ padding-left: 100px;}
.MyInformation .MyInformation_content .MyInformation_content_list.submit input{ padding: 13px 30px; border: 0; color: #fff;  border-radius: 5px;}

.Security .Security_content .Security_content_list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px;}
.Security .Security_content .Security_content_list:last-child{ margin-bottom: 0;}
.Security .Security_content .Security_content_list .content_list_left{ display: flex; align-items: center; width: 45%; border-right: 1px solid #ededed;}
.Security .Security_content .Security_content_list .content_list_left .list_left_icon{ width: 70px; height: 70px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.Security .Security_content .Security_content_list .content_list_left .list_left_icon img{ height: 35px;}
.Security .Security_content .Security_content_list .content_list_left .list_left_title .left_title_dd{ margin: 0px 30px; color: #111;}
.Security .Security_content .Security_content_list .content_list_left .list_left_title .left_title_dt{ color: #999;}
.Security .Security_content .Security_content_list .content_list_left .list_left_title{ display: flex; align-items: center;}
.Security .Security_content .Security_content_list .content_list_right{ display: flex; align-items: center; width: 52%; justify-content: space-between;}
.Security .Security_content .Security_content_list .content_list_right .list_right_right{  margin-right: 15px;}
.Security .Security_content .Security_content_list .content_list_right .list_right_right:last-child{ margin-right: 0;}


.ChangePhone .ChangePhone_content .ChangePhone_content_top{ display: flex; align-items: center; justify-content: space-between;}
.ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_list{display: flex; align-items: center; color: #111; white-space: nowrap;}
.ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_icon{ width: 100%; height: 1px; background: #dcdcdc; margin: 0px 40px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_list span{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; color: #fff; background: #999; margin-right: 10px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form{ margin-top: 50px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list{ display: flex; align-items: center; margin-bottom: 25px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_left{ color: #111; width: 100px; text-align: right; margin-right: 10px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right{ color: #111; display: flex; width: 290px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right input{ border: 1px solid #dcdcdc; border-radius: 5px; padding: 8px 10px; line-height: 33px; color: #111; width: 100%;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right input[type="text"]{ width: calc(100% - 130px); border: 1px solid #dcdcdc; border-radius: 5px 0px 0px 5px; padding: 8px 10px; line-height: 33px; color: #111;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right .list_right_btn{ height: 51px;  display: flex; align-items: center; justify-content: center; border: 1px solid #dcdcdc; border-radius: 0px 5px 5px 0px; border-left: 0; cursor: pointer; width: 130px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_submit input[type="submit"]{ width: 400px;  color: #fff; text-align: center; border-radius: 5px; padding: 10px 0px; border: 0;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_success{ text-align: center;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_success .form_success_dt{  margin-top: 5px;}
.ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_success .form_success_btn a{ display: inline-block; padding: 5px 14px; color: #fff;  border-radius: 5px; margin-top: 15px;}

.Changeuser .ChangePhone_content .ChangePhone_content_form .content_form_list{ position: relative;}
.Changeuser .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_left{ width: 130px;}
.Changeuser .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right{ position: relative;}
.Changeuser .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right a{ position: absolute; right: -150px; top: 13px; color: red;}
.Changeuser .ChangePhone_content .ChangePhone_content_form .content_form_submit input[type="submit"]{ width: 430px;}

.MallCart .MallCart_content .MallCart_content_title{ display: flex; align-items: center; justify-content: space-between;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list{ color: #111; padding-bottom: 20px;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list label{ display: flex;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list label input{ display: none;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list label .title_list_btn{ color: #111; display: flex; align-items: center; cursor: pointer;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list label .title_list_btn span{ width: 14px; height: 14px; border: 1px solid #dcdcdc; margin-right: 5px; display: flex; align-items: center; justify-content: center;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list label .title_list_btn span::before{ content: ""; display: inline-block; width: 8px; height: 8px; opacity: 0;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list label input:checked + .title_list_btn span::before{ opacity: 1;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list:nth-child(1){ width: 55px;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list:nth-child(2){ width: 30%;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list:nth-child(3){ width: 10%;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list:nth-child(4){ width: 20%;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list:nth-child(5){ width: 15%;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list:nth-child(6){ width: 10%;}
.MallCart .MallCart_content .MallCart_content_title .content_title_list.center{ text-align: center;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ededed; padding: 20px 0px;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list:last-child{ padding-bottom: 0;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.center{ text-align: center;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li:nth-child(1){ width: 55px;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li:nth-child(2){ width: 30%;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li:nth-child(3){ width: 10%;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li:nth-child(4){ width: 20%;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li:nth-child(5){ width: 15%;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li:nth-child(6){ width: 10%;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.check label{ display: flex;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.check label input{ display: none;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.check label .title_list_btn{ color: #111; display: flex; align-items: center; cursor: pointer;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.check label .title_list_btn span{ width: 14px; height: 14px; border: 1px solid #dcdcdc; margin-right: 5px; display: flex; align-items: center; justify-content: center;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.check label .title_list_btn span::before{ content: ""; display: inline-block; width: 8px; height: 8px; opacity: 0;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.check label input:checked + .title_list_btn span::before{ opacity: 1;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.product{ display: flex; align-items: center; justify-content: space-between;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.product .list_li_img{ width: 30%; display: flex;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.product .list_li_img img{ border-radius: 5px;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.product .list_li_txt{ width: 65%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #111;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.btn{ display: flex; justify-content: center;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.btn .list_li_btn{ display: flex; align-items: center; justify-content: center; border: 1px solid #ededed; width: 134px;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.btn .list_li_btn input{ width: 60px; border: 0; text-align: center;padding: 5px 10px;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.btn .list_li_btn .li_btn_l{ cursor: pointer; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; user-select: none;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.btn .list_li_btn .li_btn_r{ cursor: pointer; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; user-select: none;}
.MallCart .MallCart_content .MallCart_content_txt .content_txt_list .txt_list_li.del img{ height: 15px; cursor: pointer;}
.MallCart .MallCart_content .MallCart_content_bottom{ display: flex; align-items: center; justify-content: space-between; border-top:1px solid #ededed; font-size: 16px; line-height: 1.88; margin-top: 30px; padding-top: 30px;}
.MallCart .MallCart_content .MallCart_content_bottom .content_bottom_left{ color: #666;}
.MallCart .MallCart_content .MallCart_content_bottom .content_bottom_left a{ color: #666;}
.MallCart .MallCart_content .MallCart_content_bottom .content_bottom_left span{ color: #dcdcdc; margin: 0px 15px;}
.MallCart .MallCart_content .MallCart_content_bottom .content_bottom_left b{  margin: 0px 5px;}
.MallCart .MallCart_content .MallCart_content_bottom .content_bottom_right{ display: flex; align-items: center;}
.MallCart .MallCart_content .MallCart_content_bottom .content_bottom_right .bottom_right_btn{  color: #fff; padding: 8px 45px; margin-left: 25px; cursor: pointer;}


.MallOrder .MallOrder_content .MallOrder_content_nav{ display: flex; align-items: center; margin-bottom: 25px;}
.MallOrder .MallOrder_content .MallOrder_content_nav .content_nav_list{ color: #111;}
.MallOrder .MallOrder_content .MallOrder_content_nav .content_nav_icon{ margin: 0px 25px; width: 1px; height: 20px; background: #dcdcdc;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list{ margin-bottom: 45px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list:last-child{ margin-bottom: 0;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_top{ display: flex; align-items: center; justify-content: space-between; background: #f5f5f5; border-radius: 5px; padding: 15px 15px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_top .list_left_li{ margin-right: 25px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_top .txt_list_left{ display: flex; align-items: center; color: #111;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_top .txt_list_left a i{ margin-left: 8px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left{ width: calc(100% - 200px);}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_right a{ display: inline-block; border-radius: 5px; padding: 5px 15px; color: #fff; }
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left .bottom_left_list{ display: flex; align-items: center; margin-bottom: 22px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left .bottom_left_list:last-child{ margin-bottom: 0;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left .bottom_left_list .left_list_img{ width: 100px; margin-right: 15px; display: flex;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left .bottom_left_list .left_list_img img{ width: 100%; height: 80px; object-fit: cover; border-radius: 5px;}
.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left .bottom_left_list .left_list_txt .list_txt_dd{ color: #111;}

.DMallOrder .DMallOrder_content{ display: flex; justify-content: space-between; align-items: flex-start;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left{ width: 55%;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top{ border-bottom: 1px solid #ededed; padding-bottom: 22px; margin-bottom: 22px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_title{ margin-bottom: 25px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_title b{ color: #111;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_title a{ margin-left: 15px; }
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_title a i{ margin-left: 5px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_txt p{ color: #666; font-size: 16px; line-height: 1.88;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_btn{ margin-top: 15px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_btn a{ display: inline-block; padding: 5px 13px; border-radius: 5px; border: 1px solid #ededed; margin-right: 15px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_top .left_top_btn a.active{  color: #fff; }
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_bottom .bottom_left_list{ display: flex; align-items: center; margin-bottom: 22px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_bottom .bottom_left_list:last-child{ margin-bottom: 0;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_bottom .bottom_left_list .left_list_img{ width: 100px; margin-right: 15px; display: flex;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_bottom .bottom_left_list .left_list_img img{ width: 100%; height: 80px; object-fit: cover; border-radius: 5px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_left .content_left_bottom .bottom_left_list .left_list_txt .list_txt_dd{ color: #111;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right{ width: 40%; border: 1px solid #ededed; border-radius: 15px; padding: 30px 20px; background: #fbf9f9;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right .content_right_title{ color: #111; margin-bottom: 22px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right .content_right_txt{ margin-bottom: 25px; border-bottom: 1px solid #ededed; padding-bottom: 25px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right .content_right_txt:last-child{ margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right .content_right_txt .right_txt_list{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right .content_right_txt .right_txt_list:last-child{ margin-bottom: 0;}
.DMallOrder .DMallOrder_content .DMallOrder_content_right .content_right_txt .right_txt_list .txt_list_right.big{ font-weight: bolder; color: #111;}


.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top{ display: flex; align-items: center; justify-content: space-between; padding: 50px; background: #f5f5f5; border-radius: 10px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left{ display: flex; align-items: center;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_icon img{ height: 85px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_txt{ margin-left: 20px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_txt .left_txt_dd{ color: #111;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_txt .left_txt_dt{ color: #666; margin-top: 10px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_right{ color: #666;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_title{ color: #111; margin-top: 32px; margin-bottom: 16px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt{ display: flex; flex-wrap: wrap; align-items: center;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list{ margin-right: 20px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list:last-child{ margin-right: 0;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list input{ display: none;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list .txt_list_btn{ border: 1px solid #ededed; border-radius: 10px; padding: 13px 15px; cursor: pointer; display: flex;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list .txt_list_btn img{ height: 40px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_btn{ margin-top: 25px;}
.MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_btn input{ border: 0; padding: 8px 25px;  color: #fff;}

.PayWindow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .5); z-index: 80;}
.PayWindow .PayWindow_content{ width: 350px; background: #fff; padding: 45px; position: relative;}
.PayWindow .PayWindow_content .PayWindow_content_title{ text-align: center; color: #111;}
.PayWindow .PayWindow_content .PayWindow_content_close{ position: absolute; right: 20px; top: 20px; cursor: pointer;}
.PayWindow .PayWindow_content .PayWindow_content_close img{ height: 25px;}
.PayWindow .PayWindow_content .PayWindow_content_img{ border: 1px solid #dcdcdc; margin: 25px 0px;}
.PayWindow .PayWindow_content .PayWindow_content_txt{ text-align: center; color: #111;}
.PayWindow .PayWindow_content .PayWindow_content_txt2{ margin: 55px 0px; text-align: center;}
.PayWindow .PayWindow_content .PayWindow_content_txt2 .content_txt2_dd{ color: #111;}
.PayWindow .PayWindow_content .PayWindow_content_txt2 .content_txt2_dt{  font-weight: bolder; margin-top: 9px;}
.PayWindow .PayWindow_content .PayWindow_content_btn{ width: 200px; padding: 13px 0px;  color: #fff; text-align: center; cursor: pointer; margin: 0 auto;}
.WXWindow,.BalanceWindow{ display: none;}

.MallAddress .MemberCenter_right_title{ display: flex; align-items: center; justify-content: space-between;}
.MallAddress .MemberCenter_right_title .right_title_btn{  color: #fff; padding: 5px 16px; border-radius: 5px; cursor: pointer;}

.MallAddress .MallAddress_content .MallAddress_content_list{ position: relative; border: 1px solid #ededed; padding: 35px; padding-top: 50px; margin-bottom: 20px; border-radius: 10px;}
.MallAddress .MallAddress_content .MallAddress_content_list:last-child{ margin-bottom: 0;}
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_tag{ position: absolute; left: 12px; top: 12px; color: #fff;  padding: 2px 5px; border-radius: 5px;}
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_btn{ position: absolute; right: 35px; bottom: 35px; display: flex; align-items: center;}
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_btn .list_btn_li{ margin-right: 10px;  cursor: pointer; display: inline-block; padding: 0px 5px; border-radius: 4px;}
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_btn .list_btn_li:last-child{ margin-right: 0;}
.MallAddress .MallAddress_content .MallAddress_content_list.active .content_list_btn .list_btn_li.default{ color: #fff; }
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_txt .list_txt_li{ color: #666; margin-bottom: 5px;}
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_txt .list_txt_li:last-child{ margin-bottom: 0;}
.MallAddress .MallAddress_content .MallAddress_content_list .content_list_txt .list_txt_li span{ color: #111;}

.AddressWindow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, .5); z-index: 80;}
.AddressWindow.active{ display: flex;}
.AddressWindow .AddressWindow_content{ width: 650px; background: #fff; padding: 45px; position: relative;}
.AddressWindow .AddressWindow_content .AddressWindow_content_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.AddressWindow .AddressWindow_content .AddressWindow_content_title .content_title_left{ color: #111;}
.AddressWindow .AddressWindow_content .AddressWindow_content_title .content_title_right img{ height: 25px; cursor: pointer;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list:last-child{ margin-bottom: 0;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_left{ color: #111; width: 120px; text-align: right; padding-top: 10px;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right{ width: calc(100% - 140px); display: flex; justify-content: space-between;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right select{ width: 31%; border: 1px solid #ededed; border-radius: 5px; height: 45px; padding: 0px 8px; color: #111;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right textarea{ width: 100%; resize: none; border: 1px solid #ededed; border-radius: 5px; padding: 10px; color: #111; height: 110px;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right input{ width: 100%; border: 1px solid #ededed; border-radius: 5px; padding: 0px 10px; color: #111; line-height: 45px;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right input[type="checkbox"]{ display: none;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right .list_right_btn{ color: #999; display: flex; align-items: center; cursor: pointer;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right .list_right_btn span{ display: inline-block; width: 16px; height: 16px; border: 1px solid #dcdcdc; margin-right: 5px; position: relative; display: flex; align-items: center; justify-content: center;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right .list_right_btn span::before{ content: ""; display: inline-block; width: 8px; height: 8px; background: #dcdcdc;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list.submit .txt_list_right input{ width: 48%;}
.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right input[type="submit"]{  color: #fff;}







@media screen and (max-width:1024px){    
    .Recommend{ display: none;}
    .NavLeft{ position: fixed; left: 0; top: 55px; z-index: 5; opacity: 0; pointer-events: none; z-index: 22;}
    .content.active .NavLeft{ opacity: 1; pointer-events: inherit;}
    .content .content_center{ width: 100%; padding: 65px 4%; padding-top: 105px; padding-bottom: 10px;}
    .content,.content.active{ padding: 0;}
    .content .content_center .content_center_nav{ width: 100%; left: 0; padding-left: 4%;}
    .content.active .content_center .content_center_nav{ width: 100%;}
    .Header{ padding: 0px 4%; padding-left: 25px;}
    .Header .Header_left .Header_left_nav:hover{ background: none;}
    .Header .Header_search,.Header .Header_right .Header_right_Member,.Header .Header_right .Header_right_creation,.Header .Header_right .Header_right_information{ display: none;}
    .Header .Header_content .Header_left .Header_left_Columns .left_Columns_list{ margin-right: 15px;}
    .Header .Header_content .Header_left .Header_left_Columns .left_Columns_list:last-child{ margin-right: 0;}
    .Header .Header_right .Header_right_avatar .right_avatar_img,.Header .Header_right .Header_right_avatar .right_avatar_img img{ width: 30px; height: 30px;}
    .content .content_center .content_center_list .center_list_NewsTop{ flex-wrap: wrap; justify-content: space-between;}
    .content .content_center .content_center_list .center_list_NewsTop .list_NewsTop_li,.content .content_center .content_center_list .center_list_Course .center_list_Course_list{ margin-right: 0; margin-bottom: 4%; width: 48%;}
    .content .content_center .content_center_list{ margin-bottom: 22px;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l{ margin-bottom: 15px; padding-bottom: 15px;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_img{ width: 30%;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right{ width: 65%;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_bottom{ justify-content: space-between;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_bottom span{ margin-right: 0;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_dt{ margin-bottom: 12px; -webkit-line-clamp: 2; margin-top: 0;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_img img{ height: 95px;}
    .content .content_center .content_center_list .center_list_News2 .list_News2_l .News2_l_right .l_right_bottom span img{ height: 10px;}
    
    .Newsbg{ padding-bottom: 30px;}

    .NewsContent{ padding: 0 4%; width: 100%;}
    .NewsContent .NewsContent_txt{ width: 100%; left: 0; padding: 25px;}
    .NewsContent .NewsContent_nav,.NewsContent .NewsContent_share{ display: none;}
    .NewsContent .NewsContent_txt .NewsContent_txt_con{ margin-top: 0;}
    .NewsContent .NewsContent_txt .NewsContent_txt_title .txt_title_dt{ flex-wrap: wrap;}
    .NewsContent .NewsContent_txt .NewsContent_txt_title .txt_title_dt .title_dt_list{ margin-bottom: 5px;}
    
    footer{ margin-top: 25px;}

    .Product{ width: 92%;}
    .Product .ProductContent{ justify-content: space-between; gap: 12px;}
    .Product .ProductContent .ProductContent_list{ width: calc(50% - 8px); margin-right: 0; margin-bottom: 8px; padding: 20px;}

    .DProduct .DProduct_top{ flex-wrap: wrap;}
    .DProduct .DProduct_top .DProduct_top_left,.DProduct .DProduct_top .DProduct_top_right{ width: 100%;}
    .DProduct .DProduct_top .DProduct_top_right{ margin-top: 20px;}
    .DProduct .DProduct_top .DProduct_top_left .top_left_bigimg .left_bigimg_list img{ max-height: 200px;}
    
    .DProduct2 .DProduct_bottom{ width: 92%;}
    .DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list{ padding: 30px 0px;}
    .DProduct2 .DProduct_bottom .DProduct_bottom_content .bottom_content_list.bottom_content_Specification .content_Specification_list .Specification_list_txt .list_txt_list{ width: 100%;}
    
    .DProduct2{ margin-top: 30px;}
    .DCourse2 .DCourse2_list{ margin-bottom: 15px; padding-bottom: 15px;}
    .DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_left{ position: relative; padding-left: 20px;}
    .DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_left .list_left_icon{ width: 13px; height: 13px; position: absolute;left: 0;}
    .DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list .bottom_list_left .list_left_icon img{ height: 5px;}
    .DCourse2 .DCourse2_list .DCourse2_list_top .list_top_left .top_left_icon{ width: 20px; height: 20px;}
    .DCourse2 .DCourse2_list .DCourse2_list_top .list_top_left .top_left_icon span{width: 6px; height: 2px; margin-bottom: 2px;}
    .DCourse2 .DCourse2_list .DCourse2_list_bottom .list_bottom_list{ padding-left: 5px;}
    .DCourse2 .DCourse2_list .DCourse2_list_top .list_top_right img{ height: 5px;}
    .DProduct2 .DProduct_bottom .DProduct_bottom_nav .bottom_nav_list{ height: 55px;}
    .DCourse2 .DCourse2_list .DCourse2_list_bottom{ margin-top: 15px;}

    .LCourse .content_center{ padding: 0; margin-top: 30px;}

    .DCourse{ flex-wrap: wrap;}
    .DCourse .DCourse_left,.DCourse .DCourse_right{ width: 100%;}
    .DCourse .DCourse_right{ margin-top: 20px;}
    .DCourse .DCourse_right .DCourse_right_bottom{ flex-wrap: wrap;}
    .DCourse .DCourse_right .DCourse_right_bottom .right_bottom_pic,.DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn{ width: 100%;}
    .DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn{ margin-top: 20px;}
    .DCourse .DCourse_right .DCourse_right_bottom .right_bottom_btn .bottom_btn_list:first-child{ margin-left: 0;}
    
    .CourseVideobg{ padding-bottom: 35px;}
    .CourseVideo{ width: 92%;}
    .CourseVideo .CourseVideo_left{ width: 100%;}
    .CourseVideo .CourseVideo_right{ display: none;}
    .CourseVideo .CourseVideo_left .CourseVideo_left_title .left_title_dt{ flex-wrap: wrap;}
    .CourseVideo .CourseVideo_left .CourseVideo_left_content .left_content_txt p{ line-height: 1.86;}

    .Download .Download_left{ width: 100%;}
    .Download .Download_right{ display: none;}
    .Download .Download_left .Download_left_nav{ background: none; padding: 0; flex-wrap: inherit; overflow: auto;}
    .Download .Download_left .Download_left_nav .left_nav_list{ white-space: nowrap; width: auto; padding: 6px 10px; background: #fff;}
    .Download .Download_left .Download_left_content .left_content_list .content_list_bottom{ flex-wrap: wrap;}
    .Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_left{ width: 100%;}
    .Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right{ width: 100%; margin-top: 20px;}
    .Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_txt{ flex-wrap: wrap;}
    .Download .Download_left .Download_left_content .left_content_list .content_list_bottom .list_bottom_right .bottom_right_txt .right_txt_l{ width: 100%; margin-bottom: 20px;}

    .DownloadDetails{ padding: 22px;}
    .DownloadDetails2 .DProduct_bottom{ padding: 0px 22px;}

    .Login .Login_content{ width: 92%;}
    .Login .Login_content .Login_content_form{ padding: 0px 25px;}

    .MemberHeader{ padding: 10px 0px;}
    .MemberHeader .MemberHeader_content,.MemberCenter .MemberCenter_mw1200{ width: 92%;}
    .MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_top .avatar_top_right{ display: none;}
    .MemberHeader .MemberHeader_content .MemberHeader_content_right .content_right_avatar .right_avatar_down{ width: 110px;}
    .MemberCenter{ padding-top: 80px; padding-bottom: 30px;}
    .MemberCenter .MemberCenter_right .MemberCenter_right_title{ margin-bottom: 20px;}
    .MemberCenter .MemberCenter_mw1200{ flex-wrap: wrap;}
    .MemberCenter .MemberCenter_right.bgcolor{ padding-bottom: 30px;}
    .MemberCenter .MemberCenter_nav{ width: 100%;}
    .MemberCenter .MemberCenter_right{ width: 100%; min-height: auto;}
    .MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top{ flex-wrap: wrap;}
    .MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt{ width: 100%; margin-top: 20px;}
    .MemberCenter .MemberCenter_right .MemberCenter_right_bottom{ padding: 20px;}
    .MemberCenter .MemberCenter_right .MemberCenter_right_content .right_content_top .right_content_txt .content_txt_dt .txt_dt_list span{ width: 100%; display: inline-block; margin-right: 0; padding: 5px 0px;}

    .MyInformation .MyInformation_content .MyInformation_content_list:last-child{ margin-bottom: 0;}
    
    .Security .Security_content .Security_content_list{ margin-bottom: 20px; flex-wrap: wrap;}
    .Security .Security_content .Security_content_list .content_list_right{ width: 100%; padding-left: 60px;}
    .Security .Security_content .Security_content_list .content_list_left{ width: 100%; border-right: 0;}
    .Security .Security_content .Security_content_list .content_list_left .list_left_icon{ width: 45px; height: 45px; position: relative; top: 13px;}
    .Security .Security_content .Security_content_list .content_list_left .list_left_icon img{ height: 26px;}
    .Security .Security_content .Security_content_list .content_list_left .list_left_title .left_title_dd{ margin: 0px 15px;}

    .ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_list{ font-size: 13px;}
    .ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_icon{ width: 8px; margin: 0px 10px;}
    .ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_list:last-child{ margin-bottom: 0;}
    .ChangePhone .ChangePhone_content .ChangePhone_content_top .content_top_list span{ width: 22px; height: 22px; font-size: 12px; margin-right: 5px; background: #cdcdcd;}
    .ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right{ width: calc(100% - 100px);}
    .ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right input[type="text"]{ width: calc(100% - 100px);}
    .ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right .list_right_btn{ width: 100px; font-size: 12px;}
    .ChangePhone .ChangePhone_content .ChangePhone_content_form{ margin-top: 25px;}
    .ChangePhone .ChangePhone_content .ChangePhone_content_form .content_form_submit input[type="submit"]{ width: 100%;}
    
    .Changeuser .ChangePhone_content .ChangePhone_content_form .content_form_list .form_list_right a{ right: auto; top: 100%;}

    .MallCart .MallCart_content{ overflow: auto;}
    .MallCart .MallCart_content .MallCart_content_title,.MallCart .MallCart_content .MallCart_content_txt,.MallCart .MallCart_content .MallCart_content_bottom{ width: 800px;}
    
    .AddressWindow .AddressWindow_content{ width: 92%; padding: 20px;}
    .AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list{ flex-wrap: wrap; margin-bottom: 10px;}
    .AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_left{ text-align: left;}
    .AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_left,.AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right{ width: 100%;}
    .AddressWindow .AddressWindow_content .AddressWindow_content_txt .content_txt_list .txt_list_right{ margin-top: 15px;}
    
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top{ padding: 20px; flex-wrap: wrap;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left,.MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_right{ width: 100%;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_icon img{ height: 35px;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_txt{ margin-left: 10px;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_txt .left_txt_dd{ font-size: 14px;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left .top_left_txt .left_txt_dt{ margin-top: 5px;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_top .content_top_left{ margin-bottom: 10px;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt{ justify-content: space-between; width: 100%;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list{ margin-right: 0; width: 31%;}
    .MallOrderPay .MallOrderPay_content .MallOrderPay_content_bottom .content_bottom_txt .bottom_txt_list .txt_list_btn{ padding: 8px;}
    
    .DMallOrder .DMallOrder_content{ flex-wrap: wrap;}
    .DMallOrder .DMallOrder_content .DMallOrder_content_left{ width: 100%;}
    .DMallOrder .DMallOrder_content .DMallOrder_content_right{ width: 100%; margin-top: 25px;}

    .MallOrder .MallOrder_content .MallOrder_content_nav{ flex-wrap: wrap; justify-content: space-between;}
    .MallOrder .MallOrder_content .MallOrder_content_nav .content_nav_list{ width: 48%; margin-bottom: 4%; border: 1px solid #ededed; border-radius: 5px; text-align: center; padding: 8px 0px;}
    .MallOrder .MallOrder_content .MallOrder_content_nav .content_nav_list.active{ background: green; color: #fff !important;}
    .MallOrder .MallOrder_content .MallOrder_content_nav .content_nav_icon{ display: none;}
    .MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_top .txt_list_left{ flex-wrap: wrap; width: calc(100% - 100px);}
    .MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left,.MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_right{ width: 100%;}
    .MallOrder .MallOrder_content .MallOrder_content_txt .content_txt_list .txt_list_bottom .list_bottom_left{ margin-bottom: 20px;}
    
}

@media screen and (max-width:780px){    /*ipad-x*/
    
}

@media screen and (max-width:768px){    /*iphone*/
    
}