*{margin:0;padding:0;}
html {
    --default-h: 80px;
    --header-small-height: 80px;
    --scroll-w: 4px;
    --vw: 100vw;
    --vwmini: calc(var(--vw) - var(--scroll-w));
    --hvw: clamp(0px, calc(100vw - var(--scroll-w)), 1920px);
    /* --hvw: 100%; */
    --bettwen-pad: 5vw;
    --main-color: #ff6900;
    --main-hover-color: #ff6900;
    --main-color-rgb: 246, 117, 36;
    --main-hover-color-rgb: 10, 76, 154;
    --main-third-color: #ff6900;
    --main-third-hover-color: #ff6900;
    --main-third-color-rgb: 73, 151, 203;
    --main-third-hover-color-rgb: 18, 101, 199;
    --linear-color: linear-gradient(124deg, #ff6900, #ff6900);
    --linear-color-h: linear-gradient(-124deg, #ff6900, #ff6900);
    --background: linear-gradient(-34deg, #ff6900 0%, #ff6900 100%),
      linear-gradient(#ff6900, #ff6900);
    --background-hover: linear-gradient(-34deg, #ff6900 100%, #ff6900 0%),
      linear-gradient(#ff6900, #ff6900);
    --win-width-1920: 100vw;
    --bettwen-full-pad: calc((100vw - var(--wrap-full-width)) / 2);
    --bettwen-1760-pad: calc((100vw - var(--wrap-1760-width)) / 2);
    --bettwen-1680-pad: calc((100vw - var(--wrap-1680-width)) / 2);
    --bettwen-1470-pad: calc((100vw - var(--wrap-1470-width)) / 2);
    --bettwen-1300-pad: calc((100vw - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad: calc((100vw - var(--wrap-1200-width)) / 2);
  }

  
  ::-webkit-scrollbar {
    border-radius: 1.5px;
    width: 6px;
    height: 6px;
    background-color: #dfdfdf;
  }
  
  ::-webkit-scrollbar-track {
    border-radius: 1.5px;
    background-color: #dfdfdf;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
    background-color: var(--main-color);
  }


@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





html{height:100%;width:100%;}
body{margin:0;padding:0;color:#000;font-size:14px; font-weight: 400; line-height: 1.5; background:#fff; font-family:Arial, "OpenSans", "Lucida Grande", Helvetica,  "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:inherit; font-weight: 600; font-family:Arial, "OpenSans", "Lucida Grande", Helvetica,  "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
ul li{list-style:none;}
input{ -webkit-appearance: none;  font-family:Arial, "OpenSans", "Lucida Grande", Helvetica,  "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #000; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
a:hover{color: #ff6900}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
/*a:hover{-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
*/select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none; border: #ff6900 solid 1px;}
.form-control::-moz-placeholder{color:#b3b3b3;opacity:1}
.form-control:-ms-input-placeholder{color:#b3b3b3}
.form-control::-webkit-input-placeholder{color:#b3b3b3}
.input_class::-webkit-input-placeholder{color:#b3b3b3}
select::-webkit-input-placeholder{color:#b3b3b3}
.but_class{font-size: 14px;padding:8px 30px;background: #ff6900;border:none;font-weight: bold;color: #fff;border-radius: 5px;display: inline-block;}
.but_class:hover{background: #ff6900; color: #fff; }

.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
/**/
.container{ max-width:1400px; width:100%; margin: 0 auto;}

.top_txt{background: #fbfbfb;font-size: 12px; position: relative; border-bottom: 1px solid #e7e7e7;}
.top_txt .container{padding: 10px 15px;}
.top_txt_li{margin-right:25px; display: inline-block;}
.top_Search_ct{display:block;padding-top: 7px;}
.key_hot{display: block; text-align: left;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.key_hot span{padding:3px 15px; display: inline-block; border-radius: 5px 5px 0px 0px; cursor: pointer; margin-right: 3px; background-color: #F1F1F1;}
.key_hot span:hover, .key_hot span.on{ background: #ff6900; color: #fff;}
.lecturer_nav .top_Search .input_class{border-radius: 8px !important;}


.top_txt_li img{height: 18px; float: left; margin-right: 5px;}
.top_txt_ct{background: #ff6900; text-align: center; }
.top_txt_ct a{display: inline-block; line-height: 20px; color: #fff;}
.top_txt_ct img{height: 18px; margin-right:8px; color: #fff; float: left;}

.top_txt_table{position: relative; z-index: 2;}
.title_li{font-size: 48px; font-weight: bold; text-align: center}
.top{display:inline-block; width: 100%; text-align:center; position:relative; z-index:2; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
.top_nav li:nth-last-child(1)>a{margin-right: 0px;}
.top_nav li>a:hover{color:#ff6900;}
.top_logo{padding: 6px 0px;display: inline-block;}
.top_logo .logo_m{display: none;}
.top_logo .logo_p{display:block;}
.top_logo a{display: inline-block;}
.top_logo img{height: 70px;}
.top_header{left: 0px;top: 0px;width: 100%;text-align: right;background: #fff;z-index:999;padding: 10px 0px;position:initial;}
.top_icon{display:inline-block;float: right; text-align:right; z-index: 2; }
.top_icon .top_icon_width{display:inline-block;}
.top_header .top_logo{margin:0 auto; float: left; z-index:2}

.fixed_bg .top_logo .logo_m{display:block;}
.fixed_bg .top_logo .logo_p{display: none;}
.top.fixed .top_logo .logo_m{display:block;}
.top.fixed .top_logo .logo_p{display: none;}
.top_left{left: 0px; top: 0px; position: absolute; left: 0px; top: 0px; z-index:3; padding: 20px;}
.top_left a{padding: 5px;}
.top_left_padding{margin-left:6px;}
.top_nav_width{
    display:inline-block;
    margin: 0px auto;
    position: relative;
    text-align: center;
    z-index:1;
    width: 35%;
    max-width:400px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    }
.top_nav{/* display: inline-block; */margin: 0px auto;position: relative;z-index: 29;}
.top_nav li{float:left; }
.top_nav .active>a{color: #fff !important; background: #ff6900;}
.top_nav .active>a:hover{color: #fff !important;}
.top_nav li a{font-size:16px;padding: 10px 30px;/* margin: 0px 5px; */display:block;}
.top_nav li>a{position: relative; font-weight: bold;}
.top_nav li>a:before{
    content:" ";
    position:absolute;
    left: 0px;
    right: 0px;
    bottom: 15px;
    margin: 0px auto;
    width:0px;
    display: none;
    background: #ff6900;
    height:2px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    }
.top_nav li:hover>a:before{width:100%; }
.top_nav li a:hover{ color: #ff6900 !important;}
.top_nav li:hover .top_nav_li_icon:after, .top_nav li:hover .top_nav_li_icon:before{background:#333}
.top_nav_li_icon{display:inline-block; position:relative; width:18px; height:12px; margin-right:10px;}
.top_nav_li_icon:after, .top_nav_li_icon:before{ content:" "; position:absolute; width:100%; height:2px; background:#333; display:block; top:0px; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
.top_nav_li_icon:after{bottom:0px; top:auto; }
.top.fixed .top_logo img{/* height:55px; */}
.top.fixed .top_nav li a{/* padding: 20px 0px; */}
.top_nav>li#shipclassli div{display:block; position:relative;}
.top_nav li:hover>a{color: #ff6900!important;}
.top_nav li:hover .arrowDG_menu{opacity: 1; height: auto;}
.top_right_Shopping b{padding-left: 5px;}
.top.top_fixed{background: #fff; color: #333; box-shadow: 0 0px 0px rgba(0,0,0,0);}


.arrowDG_menu{
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    height: 0px;
    position:absolute;
    opacity: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    left:50%;
    transform: translateX(-50%);
    color: #333;
    text-align: left;
    top:95%;
    background: #fff;
    padding:0px;
    padding-bottom:10px;
    min-width:100%;
    z-index: 999999;
    background:#fff;
    background:rgba(255, 255, 255, 1)!important;
    filter:Alpha(opacity=100);
    }

.top_nav .arrowDG_menu a{font-size: 14px; font-weight: normal;}
.navbarbox_li{width: 50%; padding:30px 30px 20px; float: left; overflow: hidden}
.navbarbox_li:nth-child(1){ padding-left: 0px;}
.navbarbox_li:nth-child(2){ padding-right: 0px;}
.navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 34%;}
.navbarbox_li_title{ font-size: 16px; display: block; font-weight: bold; padding-bottom: 10px;}
.navbarbox_li_txt{width: 33.3333333333%; float: left;}
.panli_nav_menu>li#shipclassli:hover .arrowDG_menu{ display:block;}
.arrowDG_menu>li:hover .subcat{ display:block;}
.top_nav .navbarbox_li_txt a{color: #333; overflow: hidden; line-height:24px; padding:10px 0px; font-size: 14px;}
.top_nav .navbarbox_li_txt img{margin-right: 8px; float: left; height: 24px;}
.top_nav .navbarbox_li_txt a:hover{color: #ff6900;}

.top_txt_width{display: table; width: 100%;}
.top_txt_width_logo{display: table-cell; vertical-align: middle; text-align: left; width: 150px;}
.top_txt_width_logo img{height: 65px;}
.top_txt_width_txt{text-align: center; display: table-cell; vertical-align: middle; padding-left:10px;}


.top_right{float:right; position:absolute; right:0px; top:0px; display:none;}
.top_right_padding{ width: 48px; height: 48px; margin:24px 5px; display: inline-block; border-radius: 100%; background: #fff; border: #ccc solid 1px;}
.top_right_search{display:inline-block; background:url(../images/Search_icon.png) center center no-repeat; background-size:20px  auto ; float:left; cursor:pointer; position:relative;}
.top_right_qr{display:inline-block; background:url(../images/qr2.png) center center no-repeat; background-size:20px  auto ; float:left; cursor:pointer; position:relative;}
.top_right_tel{display:inline-block; background:url(../images/tel_icon.png) center center no-repeat; background-size:20px  auto ; float:left; cursor:pointer; position:relative;}
.top_right_qr_box{position: absolute; top:71px; width:180px; box-shadow:0 3px 5px rgba(0,0,0,.1); background: #fff; z-index: 9; padding: 10px; right: -70px; text-align: center; display: none;}
.top_right_qr_box b{display: block; font-size: 14px; font-weight: normal; padding: 5px 0px 3px;}
.top_right_padding:hover .top_right_qr_box{display: block;}

.top_txt_right{float:right;}
.top_txt_right a{margin-right:20px;}
.top_txt_right .red_color{margin-right: 0px; font-weight: bold; color: #ff6900;}



.top_language .layui-unselect{color: #FFF;}
.fixed_top .top_language .layui-form-select, .login_width_bottom .top_language .layui-form-select, .fixed .top_language .layui-form-select{ background:url(../images/cn_icon.png) 0px 2px no-repeat; height: 22px; background-size:20px auto;}
.fixed_top .top_language .layui-form-select .layui-edge, .login_width_bottom .top_language .layui-form-select .layui-edge, .fixed .top_language .layui-form-select .layui-edge{border-top-color: #333; display: none;}
.top_language{float:left;padding: 8px 15px;width:80px;padding-right: 5px;border-radius: 50px;line-height: 24px;margin:0px auto;margin-top: 22px;}
.top_language .layui-unselect{height:24px; border:none; padding:0px; color:#fff; font-size:16px; background: none;}
.top_language .layui-form-select{ padding-left:30px; background:url(../images/cn_icon.png) 0px 0px no-repeat; background-size:20px auto;}
.top_language .layui-form-select .layui-edge{border-width:4px; border-top-color: #fff; margin-top:-2px; right:10px;}
.top_language .layui-form-selected .layui-edge{margin-top:-6px;}
.top_language .layui-form-select dl{ padding:0px; border:none; text-align:center; border-radius:3px;}
.top_language .layui-form-select dl{top:35px;}
.top_language .layui-form-select dl dd{color:#333; font-size:16px;}
.top_language .layui-form-select dl dd.layui-this{ background: #ff6900; color:#FFF;}


.fixed_bg .top_language .layui-form-select, .top_header.fixed .top_language .layui-form-select, .top_header.fixed_bs .top_language .layui-form-select{background:url(../images/cn_icon.png) 0px bottom no-repeat; background-size:20px auto;}
.fixed_bg .top_language .layui-unselect, .top_header.fixed .top_language .layui-unselect, .top_header.fixed_bs .top_language .layui-unselect{color: #333;}

.top.fixed_bs{background: #fff;}
.top.fixed_bs .top_logo .logo_m{display:block;}
.top.fixed_bs .top_logo .logo_p{display: none;}
.top.fixed_bs .top_nav li>a{color: #000;}


.top_right_tel .top_right_qr_box{right: -20px; width:240px; padding: 15px 0px;}
.top_right_qr_box_li{display: block; text-align: left; padding:5px 20px;}
.top_right_qr_box_li span{display: inline-block; color: #999; width:85px;}

.top_nav_Close{display:none;}
.top_nav_icon{display:none;}

.top-txt-search{display:block; position:absolute; background:#FFF; max-width:400px; width: 100%; right:0px; top:100%;display:none; z-index:9; padding:15px;}
.search-txt{width:100%; line-height:26px; padding:10px 20px; border:#ddd solid 1px; height:48px;}
.search-txt::-webkit-search-cancel-button{-webkit-appearance: none;}
.search-txt:focus{border: #ff6900 solid 1px;}
.search-but{ width:18px; height:18px; display:inline-block; background:url(../images/icon.png) -26px -25px no-repeat; background-size:100px auto; float:left; border:none; cursor:pointer; position:absolute; right:30px; top:29px;}

.top_Search{display: block; width: 100%; position: relative;}
.top_Search .input_class{ padding:8px 15px; padding-right:60px; background: #fff; border: #ff6900 solid 2px; border-radius:0px 8px 8px 8px;}
.top_Search .but_class{background:url(../images/search_icon2.png) center center no-repeat #ff6900; border-radius:8px; position: absolute; right: 0px; top: 0px; background-size:auto 46%; position:absolute; width:50px; padding: 0px; height: 100%;}


.top_right{float:right; position:absolute; right:0px; top:0px; display:none;}
.top_right .top_right_Shopping{ padding:30px; background:#e21c29; display:inline-block; height:80px; cursor:pointer; float:left;}
.top_right .top_right_Shopping i{ width:20px; height:20px; display:inline-block; background:url(../images/icon.png) -77px -26px no-repeat; background-size:100px auto;}
.top_right .top_right_Shopping i span{background:#FFF; color:#e21c29}
.top_right .top_right_padding{margin:40px 20px;}
.top_right .top_right_padding a{display:block;}
.top_nav .nav_a_mobi{display:none}
.top_nav .nav_a_pc{display:inline-block}

.breadcrumb_top{ background: #fff; padding: 15px 0px;}

.breadcrumb > li + li::before{padding: 0px 10px;}
.arrowDG_menu_w{ position: relative;}
.arrowDG_menu_w .navbarbox_ul_li a{padding:8px 20px;  margin: 0px; line-height:20px;}
.arrowDG_menu_w .navbarbox_ul_li img{height:24px; margin-right: 15px; float: left;}

.navbarbox_ul_li{position: relative; padding:3px 0px; text-align: center; white-space: nowrap;}

.top.fixed .top_nav_svgrepo{/* padding-top: 20px; */}
.top_nav_svgrepo{float: right; padding-top:48px; margin-left:20px;}
.top_nav_svgrepo a{margin-left:15px; display: inline-block; font-size: 14px; font-weight: bold; color:#ff6900;}
.top_nav_svgrepo a:hover{color: #ff6900;}
.top_nav_svgrepo img{height:18px;}


.banner{display:block; width: 100%; position: relative; border-radius: 15px; overflow: hidden;}
.banner .swiper-container{z-index: 0;}
.banner_swiper_Pagination{  margin: 0px auto;  position:absolute; top:50%; left:20px; right:20px}
.banner .swiper-slide img{width:100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:5px 6px;}
.banner .swiper-pagination-bullet{ width:20px; height:5px;background:#fff; border-radius:20px;opacity:.4; position: relative}
.banner .swiper-pagination-bullet-active{background: #fff; opacity:1;}
.banner .swiper-pagination-bullet-active:after{ position: absolute; border: #fff solid 2px; left: -4px; top: -4px; width: 17px; height: 17px; content:""; display:none; border-radius: 100%}


.banner_bt{position:absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; background: rgba(255,255,255,.85);}
.banner_bt .swiper-wrapper{margin:0px auto; display: inline-block;}
.banner_bt .swiper-slide{cursor: pointer; padding: 10px 50px; display: inline-block; width: initial;}
.banner_bt .swiper-slide-thumb-active{background:#ff6900; color: #fff;}
.swiper-button-next, .swiper-button-prev{ width:26px; height:44px; z-index:9!important}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .2;}

.banner_centent{position: relative; overflow: hidden; }
.banner_centent>img{width: 100%; position: absolute; left: 0px; height: 100%;}
.banner_centent_box{left: 0px; top: 0px; height: 100%; width: 100%; display: table; position: relative; z-index: 2; padding: 5% 0px;}

.banner_centent_box .banner_centent_box_txt{padding: 0% 5%;}

.sy_js{display: block;}
.js_nr{display: grid; padding: 10px; grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 25px; border-radius: 15px; background: #f5f5f5;}
.js_nr_li{display: table; width: 100%;}
.js_nr_li_l{display: table-cell; width: 80px; vertical-align: middle; text-align: center;}
.js_nr_li_r{display: table-cell;  vertical-align: middle; color: #666; padding-left: 10px;}
.js_nr_li_r h2{font-size: 16px; display: block; padding-bottom: 5px; color: #000;}

.banner_nav{position: relative; width: 100%; height: 100%; left: 0px; top:0px}
.banner_nav .container{position: relative; height: 100%; padding: 0px;}
.banner_user{padding:15px;padding-bottom:10px;border-radius: 15px;background: #fff;width:100%;box-shadow: 0 0px 5px rgba(0,0,0,.2);}
.banner_user_top{display: table; width: 100%;}
.banner_user_top_l{display: table-cell; width:60px; vertical-align: middle;}
.banner_user_top_l img{width: 100%; border-radius: 100%;}
.banner_user_top_r{display: table-cell; padding-left: 10px; color: #999; vertical-align: middle;}
.banner_user_top_r b{display: block; color: #000; font-size: 16px;}

.banner_user_bottom{display: grid;padding: 20px 0px 5px;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap:10px;}
.banner_user_li{display: block; text-align: center;}
.banner_user_li img{width:45%;max-width: 30px;}
.banner_user_li span{display: block;  padding-top:3px; font-size: 12px;}

.banner_user .mome_news_title{font-size: 14px; margin-bottom: 5px; margin-top: 15px;}
.banner_user .mome_news_txt{border: none;}
.banner_user .mome_news_txt a{padding: 4px 0px;}
.mome_news_txt i{font-size:14px; padding-right:2px; color: #ff6900;}

.content_top{padding: 30px 0px;}
.content_top{display: flow-root; padding: 25px 0px; }
.content_top_l{width:20%; float: left;}
.content_top_img{width:57%; float: left; padding:0px 25px;}
.content_top_r{width:23%; float: left;}

.banner_lecturer{display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:15px; margin-top:20px;}
.banner_lecturer_li {transition:all .5s;background:url(../images/banner-brand.png) center center no-repeat #F5F7FB;border-radius: 10px;background-size:cover;padding:10px;}
.banner_lecturer_ct{ display: table; width: 100%;}
.banner_lecturer_li:hover{box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.banner_lecturer_l{display: table-cell; vertical-align: middle; padding-right:10px; padding-left: 5px;}
.banner_lecturer_l b{display: block; }
.banner_lecturer_l label{display: block; padding:5px 0px 0px;}
.banner_lecturer_l label span{border: 1px solid #ffd591; font-size: 12px; background: #fff; border-radius: 90px; display: inline-block; padding: 2px 10px; color: #FF8E3B;}
.banner_lecturer_r{display: table-cell;vertical-align: middle;width: 80px;text-align: center;}
.banner_lecturer_r img{border-radius: 100%;}
.lecturer_jg{display: block; font-size: 12px; color: #000;}
.lecturer_jg b{padding-left: 5px; font-size: 14px; color: #ff6900; display: inline-block;}


.content_top_r .mome_news_li{background-color:#f5f5f5; padding: 15px; border-radius: 15px; margin-top: 20px;}
.content_top_r .mome_news_li .mome_news_title{color: #ff6900;}
.content_top_r .mome_news_li img{animation: zoomNew 2s infinite alternate;}
@keyframes zoomNew {
    0%, 100% { transform: scale(0.8); }
    50% { transform: scale(1.1); }
  }

.idx4_category{width:100%;height:100%;z-index:3;position: relative;padding:5px;background-color:#f5f5f5;border-radius: 15px;}
.category_title_item{ padding: 10px 15px; border-left:5px solid transparent; position: relative;}
.category_title_item a{color:#000;}
.category_title_item.active{border-color:#ff6900;background-color:#fcfcfc;}
.category_title_item .cate1{font-size:16px; width:100px; display: inline-block;}
.category_title_item .cate2{font-size:16px; display: inline-block;}
.category_title_item.active a{color:#ff6900;}
.category_title_item
.category_list{width:700px;height:100%;position:absolute;  left:100%;top:0;background-color:#fcfcfc;overflow:hidden;display:none;}
.idx4_category:hover .category_list{display:block;}
.category_list_item{border: #ff6900 solid 1px; border-radius: 15px;display: block;}
.category_list_item .item_wrap a{display:inline-block;padding:5px 10px;border:1px solid #dcdcdc;color:#888;border-radius:2px;margin:8px;}
.category_list_item .item_wrap a:hover{color:#ff6900;border-color:#ff6900;}
.category_list_item{display:none; position: absolute;  height: 100%; top: 0px; padding: 10px; left:100%; width:300%; background: #fff;}
.category_list_item .font16{font-size: 16px; font-weight: bold; padding:10px;}

.banner_nav_li{display: block;}
.banner_nav_li>a{padding:10px 15px;display: block; font-size: 15px; border-radius: 15px; border-left:3px solid transparent; position: relative;}
.banner_nav_li>a i{font-size: 14px; position: absolute; right: 10px; top: 50%; margin-top: -9px;}
.banner_nav_li>a span{width:80px; display: inline-block;}
.banner_nav_li>a:hover{border-color:#ff6900;background-color:#fcfcfc; color: #ff6900;}
.banner_nav_li:hover>a{border-color:#ff6900;background-color:#fcfcfc; color: #ff6900;}
.banner_nav_li:hover .category_list_item{display: block;}


header{position: relative; z-index: 9;}

.nei_banner{display: block; position: relative; background-size:100% auto !important;}
.nei_banner::after{width: 100%; height: 100%; position: absolute; background: #000; opacity: .5; content: ""; left: 0px; top: 0px;}
.nei_banner img{width: 100%;}
.nei_banner_txt{width: 100%; z-index: 2; position: relative; padding: 60px 10px; display: block; text-align: center;}
.nei_banner_ct{color: #fff; font-size: 16px;}
.nei_banner_ct b{display: block; padding-bottom:5px;}
.title{font-size:20px; font-weight: bold;}
.position{padding: 12px 0px; background: #f8f6ec; border-bottom:1px #dad7c8 solid; border-top:1px #dad7c8 solid; color: #333;}
.position i{font-size: 14px;}
.position .layui-icon{ padding: 0px 5px;}

.bottom_nav{background: #fff; z-index: 99; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); display: none; width: 100%; position: fixed;left: 0px; bottom: 0px; }
.bottom_nav_li{width: 33.33333%; display: table-cell; border-right:#e3e5eb solid 1px; padding:3px 5px;  font-size: 12px; text-align: center; vertical-align: middle;}
.bottom_nav_li:nth-last-child(1){border: none;}
.bottom_nav_li span{display: block; margin-top: -5px;}
.bottom_nav_li i{font-size:20px; font-weight: bold; }


.mc_block{display:none;}
@media (max-width:1600px) {
    .nei_banner{background-size:auto 100% !important;}
}



.product_list_width{position: relative;  display: flex; padding-bottom:0px;  -webkit-box-pack: justify; justify-content: space-between;}
#column_left{float:left;width:20%;padding:30px 0px;flex: 0 0 300px;position: sticky;top: calc(90px);align-self: flex-start;}
.filter_title{ font-size:32px; border-bottom:1px solid #e0e0e0; padding-bottom:25px; color:#333; margin-bottom:5px;}
.panel-defalt{ background: #fff;border-bottom:1px solid #e0e0e0;}
.panel-defalt .filter ul li:nth-last-child(1){ margin-bottom: 0px;}
.panel-defalt h3{cursor:pointer; font-size:16px; font-weight:normal; padding: 15px 20px; position:relative;}
.panel-defalt h3 i{float:right;  font-size:14px; line-height: 24px;}
.panel-defalt h3.active .layui-icon-down:before{content: "\e619"}
.panel-defalt h3.active{background: #e5e5ed; color: #ff6900; font-weight: bold;}

.column_left_title{font-size: 16px; font-weight: bold; background: #ff6900; padding: 12px 20px; color: #fff;}
.panel-defalt.on{position: relative; background:#f5f5f5;}
.panel-defalt.on a{color: #ff6900;}
.panel-defalt.on::after{position: absolute; left: 0px; width: 3px; height: 100%; top:0px; content: ""; background: #ff6900;}



.panel-defalt .filter{display:none;}
.panel-defalt .filter .price_line{margin:5px 0 0; display:inline-block; width:100%; text-align:right;}
.panel-defalt .filter .price_line .hr{border-top:1px solid #e0e0e0; width:100%; margin-bottom:-8px; margin-top:20px;}
.panel-defalt .filter .price_line span.left{ float:left; background:#Fff; padding-right:10px;}
.panel-defalt .filter .price_line span.right{ display:inline-block; background:#Fff; padding-left:10px;}
.filter{display: none; padding:5px 0px; background: #fff; }
.panel-defalt .filter a.active{ color: #ff6900;}
.panel-defalt .filter ul{margin:0;list-style:none; padding:5px 0px;}
.panel-defalt .panel-defalt-nav li ul{padding-left:20px;}
.panel-defalt .filter li{display: block; position: relative; line-height: 1.4}
.panel-defalt .filter li.active{background:#f5f5f5; border-left: 3px #fb8700 solid; }
.panel-defalt .filter li.active a{color: #ff6900;}
.panel-defalt .filter h3{ font-size: 14px; font-weight: normal; display: inline-block; position: absolute; right:0px; font-family: "DIN-Regular"; margin: 0px; border: none; padding: 0px;}
.panel-defalt .filter h3 i{font-size: 14px; margin-top: 3px;}

.panel-defalt .filter h3.active .fa-angle-down:before{content: "\f106";}

.panel-defalt .panel-defalt-nav h3 .fa-angle-down:before{content: "+"; font-size: 16px; font-weight: bold; }
.panel-defalt .panel-defalt-nav h3.active .fa-angle-down:before{content: " ";}
.panel-defalt .panel-defalt-nav ul li{overflow: hidden;}
.panel-defalt .panel-defalt-nav ul li a{padding-left:18px;}
.panel-defalt .panel-defalt-nav h3{ right: auto; left: 0px; top: -1px;}

.panel-defalt .filter ul li{margin:0px;display:inline-block;width:100%;}
.panel-defalt .filter ul li a{padding:10px 13px; border-left: #fff solid 3px; display: block;}
.panel-defalt .filter ul li a i{font-size: 14px; padding-right: 5px;}
.panel-defalt .filter ul li a:hover{background:#f5f5f5; border-left: 3px #fb8700 solid;}
.panel-defalt .filter ul li .filter{padding-left:0px;}
.regular-radio{display:none;}
.regular-radio + label {background: url(../images/checkout1.jpg) no-repeat top 2px left; font-size: 14px; line-height:24px; position: relative;min-height: 24px; display:block; padding: 0;cursor:pointer; padding-left:25px; margin:5px 20px; font-weight:normal;color:#333; text-align:left;}
.regular-radio + label a{ display:inline-block; text-decoration: underline;color:#ff6900;}
.regular-radio:checked + label{background:url(../images/checkout2.jpg) no-repeat top 2px left;}


.buttons{padding:15px; border-top: #f2efde solid 3px;}
.buttons span{border-radius: 15px; background: #ff6900; color: #fff; padding: 10px 20px; text-align: center; color: #fff; cursor: pointer;}


#column_center{
    padding:30px 0 0 30px;
    max-width: calc((100% - 300px));
    position: sticky;
    top: calc(0px);
    align-self: flex-start;
    flex: 0 0 calc((100% - 300px));
}

.column_nav{position: relative; background: #f3e2c1; padding: 10px 15px; margin-bottom:20px; border: #d3c3a4 solid 1px; display: table; padding-right:70px; width: 100%;}
.column_nav_name{font-weight: bold;display: table-cell;padding-top:6px; vertical-align: top; width:60px; text-align: right;}
.column_nav_ct{display: table-cell; vertical-align: top; }
.column_nav_ct span{padding:4px 6px; position: relative; padding-right:30px; line-height: 20px; background: #ff6900; color: #fff; display: inline-block; margin: 3px 1px;}
.column_nav_ct span i{position: absolute; right:3px; top: 4px; margin-left:8px; cursor: pointer;}
.column_nav_ct span b{display: block; opacity: .5; font-weight: normal; font-size: 12px;}
.column_close{position: absolute; right: 15px; top:17px; font-weight: bold; cursor: pointer; color:#00004a;}

.pagination{text-align: center; display: block; overflow: hidden; margin: 0px; padding-top:40px;}
.pagination .pagination{padding: 0px; margin: 0px auto;}
.pagination ul li >a{ color:#333 !important; width: 42px; height: 42px; padding: 0px; cursor: pointer; display: block; line-height: 42px; border-radius:3px!important; font-weight:bold; background:#FFF; border:1px solid #e0e0e0 !important;}
.pagination ul li >a.pagination_but{width:42px; text-align: center;}
.pagination ul li >span{border:1px solid #ff6900 !important;border-radius:0 !important; padding: 0px; font-weight:bold; color:#333 !important; width: 42px; height: 42px; cursor: pointer; display: block; line-height: 42px; border-radius:3px!important;}
.pagination ul li .fa{ font-weight:bold; font-size:20px; margin: 0px; vertical-align:middle; line-height: 42px; display: inline-block;}
.pagination ul li:hover .fa-angle-left, .pagination ul li:hover .fa-angle-right{color:#fff}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background:#ff6900; color:#FFF !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#ff6900;color:#FFF !important;}
.pagination > li > a, .pagination > li > span{border:none !important;}
.pagination > li{display:inline-block; margin:0 3px; vertical-align:middle;}

.buttons{display: none;}

.Solution_title{font-size: 22px; font-weight: bold; color:#00004a;}
.Solution_txt{display: block; padding-top:30px; font-size: 16px; line-height: 1.6;}
.Solution_txt h3{font-size: 18px; display: block; padding-bottom: 5px;}
.Solution_tab{display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 25px;margin: 20px 0px;}
.Solution_tab_li{display: table; width: 100%;  position: relative; background: #fff; }
.Solution_tab_li_img{display: table-cell; text-align: center; padding: 10px 15px; width: 130px;  vertical-align: middle;}
.Solution_tab_li_txt{display: table-cell;  vertical-align: middle; padding:20px; padding-left: 0px; font-size: 14px;}
.Solution_tab_li_txt b{display: block;  font-size: 16px;}
.Solution_tab_li_txt span{opacity: .7; display: block; padding-top: 8px;}


.product_table{display: block;}
.product_th{font-weight: bold; display: table; width: 100%; color:#00004a;}
.product_td{display: table-cell; vertical-align: middle; padding:10px; word-wrap: break-word; }
.product_tr{display:table; width: 100%; color: #333; background: #fff; transition:all .5s;}
.product_tr:hover{box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15); z-index: 2; position: relative;}
.product_tr a{display: table;  width: 100%; color: #000;}
.product_ct .product_tr:nth-child(2n){background: #f6f4e8;}
.product_ct{display: block;}
.product_td_title{display: none;}
.product_td_1{width:10%;}
.product_td_2{width:10%;}
.product_td_2 img{height: 46px;}
.product_td_3{width:20%;}
.product_td_4{width:15%;}
.txt_ct{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; 
    overflow: hidden;
    text-overflow: ellipsis;
  }


.Review_centent{display: table; width: 100%;}
.Review_centent>img{position:absolute; left: 0px; top: 0px; height: 100%; width: 100%;}
.banner_centent_box_img{position: absolute; left: 0px; bottom: 0px;  width: 30%;}
.banner_centent_box_img img{width: 100%;}
.Review_centent .banner_centent_box{ width: 50%; display: table-cell; vertical-align: middle; position:relative; z-index: 2; padding: 60px 0px;}
.Review_centent .banner_centent_box_img{width: 50%; padding:20px 3% 0px; display: table-cell; vertical-align: bottom; position:relative; z-index: 2; }
.Review_centent .banner_centent_box h2{font-size: 20px; max-width: 1100px; text-align: left; margin: 0px auto; }
.Review_centent .banner_centent_box_txt span{font-size: 20px;}
.Review_centent .banner_centent_box h1{font-size: 36px;}
.banner_centent_box_img iframe{object-fit: cover; aspect-ratio:16/9;}
.Review_centent  .banner_centent_box h1{max-width:1100px; margin: 0px auto; text-align: left;}


.banner_centent_box_txt{display: table-cell;vertical-align: middle;height: 100%;width: 90%;/* padding-top:3%; */padding-left: 31%;padding-right:15%;line-height: 1.3;}
.banner_centent_box_txt h1{display: block; font-weight: 600;  font-size:46px; padding-bottom: 20px;}
.banner_centent_box_txt h2{font-size:28px; font-weight: 600; padding-bottom: 10px;}
.banner_centent_box_txt span{display: block; font-size: 24px; padding: 5px 0px;  font-style: italic;}
.banner_centent_box_but{display: block; padding-top:30px;}
.banner_centent_box_but a{font-size: 24px;padding: 12px 30px;font-weight: 700;border-radius: 90px;color: #fff;display: inline-block;background: #FF7A00;}
.banner_centent_box_but a:hover{background: #eb7406;}
.banner_centent_box_but button{font-size: 24px;padding: 12px 30px; border: none; margin: 0px auto; width:55%; max-width: 320px; margin: 0px;  font-weight: 700;border-radius: 90px;color: #fff;display:block;background: #FF7A00;}
.banner_centent_box_but button:hover{background: #eb7406;}
.Review_table_input{margin-bottom: 20px; position: relative;}
.Review_table{max-width: 600px;}
.banner .banner_swiper_Pagination{width: 90%;}

.banner_centent_Video{padding:5% 6%;}
.banner_centent_Video_l{display: table-cell; width:55%; vertical-align: middle; padding-right: 5%;}
.banner_centent_Video_l .banner_centent_box_txt{display: block; width: 100%; padding: 0px; height: initial;}
.banner_centent_Video_r{display: table-cell; width: 40%; vertical-align: middle;}
.banner_centent_Video_r iframe{object-fit: cover; aspect-ratio:16/9;}
.banner_centent_Video_r .banner_centent_Video_txt{font-size:20px; display: block; padding-bottom: 5px;}


.banner_txt{position: relative; background:#ff6900; padding: 20px 0px; overflow: hidden; }
.banner_txt_width{overflow: hidden; margin: 0px -10px; display: table;}
.banner_txt_li{width: 25%;  padding: 10px; display: table-cell; vertical-align: middle;}
.banner_txt_li_width{display: table; width: 100%;}
.banner_txt_li_icon{display: table-cell; vertical-align: top; width: 60px;}
.banner_txt_li_icon span{height: 60px; padding: 10px; width: 60px; border-radius: 100%; background: #fff; display: block;}
.banner_txt_li_icon1 span img{width: 100%;  position:relative; right: 100vw;}
.banner_txt_li_txt{display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 20px; color: #fff; font-weight: 600;}

.Review_table{padding-top:30px;}
.Review_centent_title{font-size: 24px; font-weight: 600; padding-bottom:20px;}
.Review_table .banner_centent_box_but{padding-top:10px;}
.Review_centent>img{height: 100%;}
.Review_table_icon{position: absolute; right:15px; width:26px; margin-top: -13px; top: 50%;}


.home_li{padding: 25px 0px;}
.home_li:nth-child(2n){background: #f5f5f5;}
.home_li:nth-child(2n) .home_li_title .title{background: #eee;}
.home_li:nth-child(2n) .mome_news_txt{border-color: #ddd;}

.home_li_title{border-bottom: #ddd solid 1px;position: relative;min-height:50px;padding-bottom: 20px;}
.home_li_title .title{display: inline-block; padding:1px 5px; margin-top:4px; line-height: 1.4; background: #fff; position: relative; z-index: 1; margin-left:5px;}
.title_box{position: absolute; border:#ff6900 solid 2px; height:40px; display: inline-block; left: 0px; top: 0px; width:30px;}
.title_nav{display: inline-block;}
.title_nav a{padding: 0px 6px; color: #ff6900;}
.title_more{float: right; margin-top: 12px; font-weight: bold; }
.title_more a{}
.title_more i{font-size: 12px;}

.lecturer_ct{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));grid-gap:25px;padding: 20px 0px;}
.lecturer_li{box-shadow: 0 0px 8px rgba(0,0,0,0.1);background: #fff;height: 100%;border-radius: 10px;overflow: hidden;transition:all .5s;}
.lecturer_img{display: block; overflow: hidden; position: relative;}

.lecturer_img_icon{position: absolute; left: 10px; bottom: 10px; padding-left:10px;}
.lecturer_img span{ background: #fbd98b; padding: 3px 10px; padding-left: 15px; height: 24px; font-size: 12px; color: #b2703c; border-radius: 90px;  font-weight: bold;}
.lecturer_img span::after{ background:url(../images/icon-good-i.png) no-repeat  center left; content: ""; display: inline-block; position: absolute; left: 0px; top:-3px; background-size: auto 100%; height: 24px; width: 24px;}
.lecturer_img img{width: 100%;  transition:all .5s;}
.lecturer_name{display: block; padding: 10px 10px 10px; font-weight: bold; }
.lecturer_name span{color: #ff6900; font-size: 14px; background:url(../images/flower.png) no-repeat  center left; background-size: auto 18px; display: inline-block; padding-left: 23px; float: right; margin-top: 2px;}
.lecturer_txt{color: #999; font-size: 12px; padding: 0px 10px 8px;}
.lecturer_hy{display: block; padding: 0px 10px 10px; font-size: 12px;}
.lecturer_but{display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  grid-gap:10px; padding: 0px 10px 15px;}
.lecturer_but_li .but_class{padding:5px; width: 100%; font-size: 14px; text-align: center;}
.lecturer_but_li .but_class.but_yy{background:#16baaa;}

.home_tab{display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  grid-gap:25px;}
.home_tab_li{background: #fff; transition:all .5s;}
.home_tab_txt{padding: 25px;}
.home_tab_txt b{display: block; font-size: 18px; color: #021e6f;}
.home_tab_txt span{font-weight: bold; color: #fb8700; display: block; padding: 5px 0px;}
.home_tab_ct{display: block; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.home_tab_img{display: block; overflow: hidden;}
.home_tab_img img{width:100%; transition:all .5s;}

.news_bg{background: #e3e5eb;}
.mome_news{display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  grid-gap:50px; padding-top:10px;}
.mome_news_li{/* padding-bottom: 15px; */}
.mome_news_title{font-size: 16px; font-weight: bold; padding-left:15px;  position: relative; margin-bottom:10px;}
.mome_news_title a{float: right; font-weight: normal; font-size: 14px; margin-top: 2px; color: #fb8700;}
.mome_news_title a i{font-size: 14px;}
.mome_news_title span{position: absolute; height: 100%; width: 5px; left: 0px; top: 0px; background: #fb8700;}
.mome_news_img{display: block; padding: 0px 20px 10px;}
.mome_news_img img{width: 100%;}
.mome_news_txt {overflow: hidden; position: relative;padding-right: 55px;}
.mome_news_name{position: absolute;right:0px;top: 7px;color: #999;}
.mome_news_txt a{display: block;padding:5px 0px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mome_news_txt img{height: 16px; margin-top:2px; float: left; margin-right:8px;}

.mome_news_top{display: table; width: 100%; padding: 10px 0px;}
.mome_news_top_l{width:155px; overflow: hidden; display: table-cell; vertical-align: middle; position: relative;}
.mome_news_play{position: absolute;  animation: zoomInOut 2s infinite alternate; width: 100%; height: 100%; background:rgba(0,0,0,0.5); left: 0px; top: 0px; color: #fff; display: flex; justify-content: center; align-items: center;}
.mome_news_play i{font-size:34px; position: relative;}
@keyframes zoomInOut {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.5); }
  }
.mome_news_top_r{display: table-cell; font-size: 12px; vertical-align: middle; padding-left:10px;}
.mome_news_top_r b{display: block; font-size: 14px; line-height: 1.2; padding-bottom:5px;}
.mome_news_top_r .txt_1{display: block;overflow: hidden; color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;}
.mome_news_top_r .news_js{color: #fb8700;}   


.home_li #banner_video_swiper0 .swiper-slide{width: 100% !important;}

.home_video{display: block;}
.home_video_img{display: block; overflow: hidden; position: relative; text-align: center;}
.home_video_txt{font-size: 24px;padding:30px 20px;text-align: center;font-weight:600;display: block; background:rgba(0, 105, 170, 0.1); margin: 0px auto;}
.home_video_txt h1{font-size: 24px;}
.video_icon_but{position: absolute; right: 20px; bottom: 20px; border-radius:5px; background:rgba(0, 0, 0, 0.8); padding: 10px 5px; overflow: hidden;}
.video_icon_but_li{float: left; padding:0px 8px;}
.video_icon_but_li img{height:22px; cursor: pointer;}

.evaluate_width{display: block;padding: 50px 0px;}
.evaluate_width .swiper-slide{width: 33.33333%;/* min-width: 250px; */}
.evaluate_table{display: block; border: 1px solid #D9D9D9; height: 100%;  font-weight:600; border-radius: 15px; padding:25px; text-align: center;}
.evaluate_table_img{display: block;}
.evaluate_table_img img{width: 88px; border-radius: 100%;}
.evaluate_table_txt{display: block; padding: 15px 0px; font-size: 18px;}
.evaluate_table_txt i{font-size:20px; color: #ff6900;}
.evaluate_table_icon{display: block;}
.evaluate_table_icon img{height: 30px; margin: 0px 2px;}
.evaluate_table_cy{padding-top: 15px; font-weight:600;}

.Rectangle_width{display: block; background: none !important; position: relative; background-size: cover; padding:50px 10%;}
.Rectangle_width_bg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity:1; content: ""; }
.Rectangle_width_txt{ text-align: center; margin: 0px auto; position: relative; z-index: 2;}
.Rectangle_width_txt b{display: block; font-size: 32px; padding-bottom: 20px;}
.Rectangle_width_txt b h2{font-size: 32px;}

.designer_width{/* padding-top:50px; */display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:20px;}
.designer_li{display: block; padding: 10px; }
.designer_li_width{flex-wrap: wrap; display: flex;}
.designer_li_txt{display:table;/* text-align: center; */color: #212121;padding:10px;line-height:1.4;align-items: center;height: 428px;}
.designer_li_txt b{display: block; font-size: 28px; color: #000;}
.designer_li_txt_width{display: table-cell; vertical-align: middle; height: 100%;}
.designer_li_width .designer_li_txt{object-fit: cover;aspect-ratio: 1/1; height: 100%; width: 100%; padding: 0px;}
.designer_li:nth-child(2n) .designer_li_txt{order: -1;}

.designer_two{padding:20px 0px;}
.designer_two_li{display: table; width: 100%; padding: 15px 0px;}
.designer_two_li .designer_li_img{display: table-cell; width:50%;}
.designer_two_li .designer_li_img img{width: 100%;}
.designer_two_li .designer_li_txt{display: table-cell; vertical-align: middle; height: auto; padding:10px 30px;}
.designer_but{text-align: center; padding-top: 15px;}
.designer_but a{font-size: 38px;padding: 32px;background:#FF7A00;color: #fff;display: inline-block;font-weight: 600;line-height: 1;border-radius: 15px;}
.designer_but a:hover{background:#ff4e00; color: #FFF;}

.Frame_width{display: block;background: url(../images/image-png02.png) center top no-repeat #ff6900;background-size:100% 60%;padding:50px 0px;}
.Frame_width_title{margin: 0px auto; max-width:930px; font-weight: 600; font-size: 38px; text-align: center;}
.Frame_width_title h2{font-size: 38px;}
.Frame_width_img{padding:50px 20px; text-align: center; max-width: 770px; margin: 0px auto; width: 85%;}

.Frame_table .swiper-slide{width: 33.33333%;/* min-width: 250px; */padding: 10px;}
.Frame_table_li{padding: 28px; background: #fff; border-radius: 15px; box-shadow:0 2px 10px rgba(0,0,0,.1);position: relative; height: 100%;}
.Frame_table_li h3{display: block; font-size: 28px; padding:0px 0px 15px; text-align: center;}
.Frame_table_li_img{display: block; text-align: center;}
.Frame_table_li_img img{width: 40%;}

.Frame_width_bottom_txt{font-size: 28px; text-align: center; font-weight: bold; color: #fff; padding:50px 0px 20px;}


.Overview_width{display: block; padding-top: 30px;}
.Overview_title{font-size: 38px;display: block;text-align: center;font-weight: 600;}
.Overview_title h2{padding-top: 10px;}

.Overview_table{display: block;}
.Overview_table_li{display: table; width: 100%; overflow: hidden;margin-top:20px; margin-bottom:30px; width: 100%; position: relative;}
.Overview_table_li_img{display: table-cell; vertical-align: middle; width: 300px;}
.Overview_table_li_img img{width: 100%; }
.Overview_table_li_txt{display: table-cell; vertical-align: middle; padding-left:30px;}
.Overview_table_li_txt_top{font-size:28px;color: #ff6900;font-weight: 600;}
.Overview_table_li_txt_title{font-size: 20px;font-weight: 600;padding: 5px 0px; }
.Overview_table_li_txt_ct{display: block;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:6;}

 .Vector_width{ padding: 50px 0px; position: relative; position: relative;}
 .Reaping_width{/* margin-top: -60px; */}
 .Vector_width::after{background:#ff6900; opacity: .06; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; content: ""; display: block;}
 .Vector_width .container{position: relative; z-index: 1;}
 .Vector_table{overflow: hidden;}
 .Vector_table_li{width: 33.3333333%;padding:20px;color: #ff6900;float: left;text-align: center;font-weight: 600;}
 .Vector_table_li_img{ display: block;}
 .Vector_table_li_img img{height: 70px;  position:relative; }
.Reaping_li_img{display: block; text-align: center;}
.Reaping_li_img img{width: 100%;}
 .Vector_table_li_title{font-size: 48px; display: block; padding:20px 0px 10px;}
 .Vector_table_li_title b{display: inline-block;padding-right:15px;color: #000;}
 .Vector_table_li_txt{font-size: 24px; font-weight: 300; line-height: 1.2;}


 .students_width{display: block;padding: 50px 0px;}
 .students_width .swiper-slide{position: relative; height: 100%;}
 .students_title{font-size: 38px; font-weight: 600; text-align: center;}
 .students_swiper{position: relative; margin-top:30px; padding-bottom:30px;}
 .students_img{position: relative;}
 .students_img img{width:50%; border-radius: 100%; object-fit: cover;  aspect-ratio: 1/1;}
 .students_img_icon{height: 60px; width: 60px;  border-radius: 100%; left: 20px; position: absolute; text-align: center; bottom: -30px; background:#ff6900; padding: 10px; display:none;align-items: center; color: #fff; font-family:Arial, Helvetica, sans-serif;}
 .students_img_icon img{width:32px; margin:0px auto;}
 .evaluate_table_title{font-weight: 300; padding:20px 0px; text-align: left;}
 .evaluate_bottom_txt{display: block; color: #ff6900; text-align: left;}
 .evaluate_bottom_txt b{display: block; color: #000;}

 .students_width .swiper-pagination{position: initial; padding-top:30px;}
 .swiper-pagination-bullet{width: 10px; height: 10px; border-radius: 100%; background: #fff; opacity: 1;}
 .swiper-pagination-bullet-active{background: #ff6900;}

 .students_width .swiper-container{position: initial;}
 .swiper-button-next, .swiper-button-prev{width: 70px; height: 70px; text-align: center; color: #fff;  border-radius: 100%;}
 .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{right: -55px; background:url(../images/Frame_r.png) center top no-repeat; background-size:100% auto;}
 .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{left: -55px;  background:url(../images/Frame_l.png) center top no-repeat; background-size:100% auto;}

.Frequently_width{max-width: 840px; margin: 0px auto; padding:20px 0px;}

.panel-defalt .filter ul li:nth-last-child(1){ margin-bottom: 0px;}


.input_class{display: block; width: 100%; font-size: 14px; border:#D9D9D9 solid 1px; padding: 10px 15px;}

.home_li.home_li_padding{padding-bottom: 0px;}
.Submit_order_width{display: flex;/* overflow: hidden; */padding:50px 0px;}
.Submit_order_left{padding-right: 20px; float: left; width: 50%;}
.Submit_order_left_title{font-size: 20px; padding:20px; text-align: center; background:#D0E4F0; font-weight: 600;}
.Submit_order_table{background: #fff; padding: 20px 25px;}
.Submit_order_table_title{font-size: 20px; font-weight: 600; padding-top: 5px; padding-bottom:20px;}
.Submit_order_table_li{display: flow-root;padding-bottom:15px;}
.Submit_order_table_li .width_50{width: 50%; float: left; padding-right: 8px;}
.Submit_order_table_li .width_50:nth-child(2n){padding: 0px; padding-left: 8px;}
.Frame_icon{background:url(../images/Frame_icon.png) right 10px center no-repeat; padding-right:55px; background-size:auto 50%;}
.Submit_order_table_icon{display: block; padding:10px; text-align: center;}
.Submit_order_table_icon img{height:73px;  margin: 0px auto;}

.Submit_order_tut{overflow: hidden; padding-bottom: 10px; margin-top: 20px; margin-bottom: 20px; border-bottom: #D9D9D9 solid 1px; font-weight: 600; text-align: right;}
.Submit_order_tut span{float: left;}
.Submit_order_taxt{display: table; width: 100%; padding: 10px 0px;}
.Submit_order_taxt_icon{display: table-cell;vertical-align: top;width: 35px;}
.Submit_order_taxt_name{display: table-cell; vertical-align: top; padding-left: 10px; font-weight: 600; font-size: 20px; line-height: 1.4;}
.Submit_order_taxt_price{display: table-cell; vertical-align: top; width: 100px; text-align: right; font-weight: 600; color: #000; }
.Submit_order_taxt_price span{text-decoration: line-through;  color:#999;}
.radio_class{display:none;}
.radio_class + label {background: url(../images/checkout.png) no-repeat left center; background-size: 24px auto; line-height:30px;  position: relative;min-height: 24px; display:block; padding: 0;cursor:pointer;}
.radio_class:checked + label{background:url(../images/checkout_d.png) no-repeat left center; background-size: 24px auto;}
.radio_class[disabled] + label {background:url(../images/checkout_d.png) no-repeat left center; cursor: auto; background-size: 24px auto;}
.Submit_order_label{display: block;  margin: 10px 0px; background: linear-gradient(to bottom,#ffcb26,#fbb501); font-weight: 600; text-align: center; font-size:24px;}
.Submit_order_label b{display: block; line-height: 1; font-size: 32px; color: #0269A9; font-weight: 600; text-transform: uppercase;}
.Submit_order_product{display: table; width: 100%; padding: 10px 0px;}
.Submit_order_product .Submit_order_taxt_icon{vertical-align: middle;}
.Submit_order_product .Submit_order_taxt_name{vertical-align: middle; }
.Submit_order_product .Submit_order_taxt_img{display: table-cell; vertical-align: middle; padding: 0px 15px; width: 140px;}
.Submit_order_taxt_name_price{display: block;/* padding-top:10px; */overflow: hidden;}
.Submit_order_taxt_name_price b{display: block;color: #72AA43;/* padding-bottom: 5px; */}
.Submit_order_taxt_name_price span{text-decoration: line-through; display: inline-block;  color: #999; }
.Submit_left{float: left; padding-top: 5px;}
.Submit_left_label{float: left; color: #000; background: #8DC63F; margin-left: 10px; padding:5px 15px; border-radius: 15px; font-weight: bold;}

.Submit_order_checkbox{padding-top: 30px;}
.Submit_order_checkbox .radio_class + label{padding-left:35px;}
.Submit_order_checkbox .radio_class + label a{ color: #006AE7; text-decoration:revert;}
.red_cor{color:#F44040;}

.Submit_order_code{overflow: hidden; padding: 10px 0px; position: relative; display: block; padding-right: 160px;}
.Submit_order_code_but{position: absolute; right: 0px; top: 10px; width: 140px;}
.Submit_order_code_but button{cursor: pointer; padding:0px 10px; font-size:20px; height: 53px; line-height: 52px; display: block; border: none; border-radius: 15px; width: 100%; background: #F3F3F3; font-weight: 600;}
.Submit_order_code_but button:hover{background: #ff6900; color: #fff;}

.Submit_order_code_but button[disabled]{background:#F3F3F3 !important; cursor:auto; color: #fff;}

.Submit_order_total{overflow: hidden; text-align: right; font-size: 20px; font-weight: 600;  border-top: #D9D9D9 solid 1px; padding:20px 0px; margin-top: 20px;}

.Submit_order_total_li{display: block; overflow: hidden; font-weight:800; padding: 5px 0px;}
.Submit_order_total_li span{float: left; font-weight: 400;}
.Submit_order_total_li .left{cursor: pointer; color: #212121; font-weight:800; font-size: 18px; margin-top: 3px; margin-right: 4px; float: left;}
.Submit_order_total_Payment{ margin-bottom: 10px; overflow: hidden;}
.Submit_order_total_Payment span{font-weight: 600; float: left;}
.Submit_order_total_Payment .payment_radio{display: inline-block; float: right; margin-top:3px; margin-left: 15px;}
.Payment_radio{display:none;}
.Payment_radio + label {background: url(../images/radio_icon.png) no-repeat left center; background-size:24px auto; line-height:24px;  position: relative;min-height: 24px; display:block; padding: 0; padding-left:35px; cursor:pointer;}
.Payment_radio:checked + label{background:url(../images/radio_icon_y.png) no-repeat left center; background-size: 24px auto; color: #ff6900;}
.Payment_radio[disabled] + label {background:url(../images/radio_icon_y.png) no-repeat left center; cursor: auto; background-size: 24px auto;}


.login_table_but{display: block; padding-top:35px;}
.login_table_but .payment_radio{display: inline-block;}
.logo_radio{display:none;}
.logo_radio + label {background:#eee; border-radius: 3px; padding:8px 30px;  font-weight: normal; display:inline-block;  cursor:pointer;}
.logo_radio:checked + label{background:#ff6900; color: #fff;}


.Warning_bg{display: block; padding: 15px 20px; background: #F8D7DA; margin:15px auto; text-align: left; color: #842029; border: #F5C2C7 solid 1px; border-radius:8px;}

.TOTAL_but{color: #ff6900; border-top: #ddd solid 1px; padding-top:10px; margin-top: 10px;}


.Submit_order_buttom{display: block; padding-top: 5px;}
.Submit_order_buttom button{cursor: pointer; padding:15px 10px; color: #fff; font-size:20px;  display: block; border: none; border-radius:8px; width: 100%; background: #ff6900; font-weight: 600;}
.Submit_order_buttom button:hover{background:#ff6900;}
.Submit_order_buttom button[disabled]{cursor:auto; background:#D9D9D9 !important;}
.Submit_order_stripe{display: block; padding-top: 10px;}
.Submit_order_stripe img{width: 100%;}

.Submit_order_right{float: left; padding-left: 20px; width: 50%;}
.Submit_order_right_price{overflow: hidden;background:#ff6900;color: #fff;position: relative;padding: 28px;padding-left:80px;font-weight: 600;}
.Submit_order_right_price_title{float: left; font-size: 32px;}
.Submit_order_right_price_bum{float: right; font-size: 32px;}
.Submit_order_right_price_bum span{text-decoration: line-through;font-size: 26px;opacity: 0.5;padding-right: 20px;}
.Submit_order_right_icon{ width: 150px;
    height: 38px;
    top: 20px;
    left: -40px;
    position: absolute;
    display: block;
    background: #FF6B00;
    color: #333;
    font-family: arial;
    font-size:18px;
    color:white;
    text-align: center;
    line-height:38px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);}
 .Submit_order_right_price_bum b{background: #fdea3f;padding: 15px 10px;color: #000;border-radius: 15px;}   
 .Submit_order_right_banner{padding: 50px 0px 30px;}   
 .Submit_order_right_title{font-size: 20px; font-weight: 600; padding: 15px 0px;}
 .Submit_order_right_li{display: table; width: 100%; padding: 10px 0px;}
 .Submit_order_right_li_icon{display: table-cell; width:55px; vertical-align:top;}
 .Submit_order_right_li_icon img{width:55%; margin-top:8px;}
 .Submit_order_right_li_icon i{font-size: 32px; color: #ff6900; font-weight: 600;}
 .Submit_order_right_li_txt{display: table-cell; vertical-align: middle;}

 .Submit_order_bg{background: #f4f9fc;}

 .Submit_Based{padding: 50px 0px;}
 .Submit_Based .students_title{margin: 0px auto; max-width: 850px;}
 .Submit_Based_table{overflow: hidden; padding-top:25px;}
 .Submit_Based_table_li{width: 50%; padding: 10px; float: left;}
 .Submit_Based_pr{display: block; border: #D9D9D9 solid 1px; padding:20px;}
 .Submit_Based_pr_top{display: block; font-weight: 600; border-bottom: #D9D9D9 solid 1px; padding-bottom: 20px;}
 .Submit_Based_pr_top img{height: 88px; border-radius: 100%; margin-right: 10px;}
 .Submit_Based_pr_title{display: block; font-size: 20px; font-weight: 600; padding:20px 0px 10px;}
 .Submit_Based_pr_img{display: block; padding-top: 20px;}

 .Submit_Ritter_table{overflow: hidden; padding-top:25px; padding-bottom: 20px;}
 .Submit_Ritter_li{width: 33.333333%; padding: 10px; float: left;}


.Submit_order_right_Frame{padding-top: 30px;}
 .Submit_order_right_Early{display: block; padding: 20px; background: #fff; border-radius: 15px; margin-top: 20px;  text-align: center;}
 .Submit_order_right_Early_title{display:block; font-size: 28px; color: #ff6900; text-transform: uppercase; font-weight: 600;}
 .Submit_order_right_Early_price{display:table; width: 100%; padding-top: 10px;}
 .Submit_order_right_Early_price_b{display: table-cell; vertical-align: middle; text-align: right;}
 .Submit_order_right_Early_price_b{font-size: 42px; color: #ff6900; font-weight: 700;}
 .Submit_order_right_Early_price_so{display: table-cell; vertical-align: middle; text-align: left; padding-left: 20px;}
 .Submit_order_right_Early_price_so b{display: inline-block; background: #FF6B00; padding:0px 10px; color: #fff; font-weight: 300;}
 .Submit_order_right_Early_price_so span{color: #212121; display: block; text-decoration: line-through; padding-top: 5px;}


 .Submit_order_left_box{box-shadow:0 0px 20px rgba(0,80,130,.2);}

#banner_video_swiper0{margin: -30px 0px 0px;}

 .box{position: fixed; left: 0px; top: 0px; height: 100%;  background:rgba(0, 0, 0, 0.5); width: 100%; z-index: 999; display: none;}
.box_width{display: table; height: 100%; width: 100%; }
.box_table{display: table-cell; vertical-align: middle; text-align: center; padding: 20px;}
.box_table_centent{max-width: 840px; margin: 0px auto; background: #fff; padding: 30px; width: 100%;height: 100%; position: relative; font-size: 16px; text-align: left;}
.box_table_title{font-size:28px; font-weight: bold; text-align: center; display: block;}
.box_table_date{display: block; font-size: 18px;}
.box_close{position: absolute; cursor: pointer; right: 15px; top: 10px;}
.box_close i{font-size:32px; font-weight: 700;}
.box_table_txt{display: block; font-size: 18px; }
.box_table_txt b{display: block; font-size: 20px; color: #ff6900; padding:20px 0px 10px;}
.box_table_ct{position: absolute; left: 30px; right:10px; padding-right: 20px; top:100px; bottom: 30px; overflow: auto;}

.Payment_Successful_width{padding:100px 20px;text-align: center; }
.Payment_Successful_icon{display: block;}
.Payment_Successful_icon i{width: 80px; height: 80px; background: #fb8700; color: #fff;  line-height: 80px; font-size:48px; font-weight: 900; display: inline-block; border-radius: 100%;} 
.Payment_Successful_title{font-size:24px; color: #000; padding:20px 0px 10px;}
.Payment_Successful_txt{opacity: .6;}
.Payment_Successful_email{display: block; padding-top: 30px; font-weight: 700; font-size: 20px; }
.Payment_Successful_email i{font-size: 30px; font-weight: 300; padding-right:8px;}
.Payment_Successful_email a{display: flex; justify-content: center; align-items: center; line-height: 32px; cursor: auto;}
.Payment_Successful_email span{display: flex; justify-content: center; align-items: center; line-height: 32px; cursor: auto;}

.Payment_Failed_txt .Payment_Successful_icon i{background:#D53C3C;}
.Payment_Failed_txt .Payment_Successful_title{color: #D53C3C; }
.Payment_Failed_but{display: block; padding-top:30px;}
.Payment_Failed_but a{padding: 12px 50px; background: #ff6900; font-size: 14px; font-weight: bold; display: inline-block; color: #fff;  border-radius: 15px;}
.Payment_Failed_but a:hover{background:#fb8700 ; color: #fff;}

.Purchased_already .Payment_Successful_icon i{background:#0269A9 ; }
.Purchased_already .Payment_Successful_title{color: #0269A9;}


.Place_box{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:999999; background: rgba(0,0,0,.6);}

.Place_box .FreeTrial_box_width{max-width: 640px;}
.Place_box .cart_Subtotal{padding:15px 20px; display: table; width: 100%; border-top: #CFDCC5 solid 1px; border-bottom: #CFDCC5 solid 1px;}
.Place_box .cart_Subtotal_r{text-align: right;}
.cart_Subtotal_left{display:table-cell;vertical-align: top;}
.cart_Subtotal_r{display:table-cell; vertical-align: top; font-weight: bold; width:35%; padding-left: 50px; text-align: right;}
.Place_box_buts{padding:20px;}
.Place_box_buts .Place_but{width: 100%; background:#8DC63F; padding: 12px;}
.Place_box_buts .Place_but:hover{background: #8DC63F;}


.FreeTrial_box_centent{padding: 20px; display:grid; align-items: center; position: relative; height: 100%;}
.FreeTrial_box_width{ margin: 0px auto; width: 100%; max-width: 500px; background: #fff;border-radius: 15px; overflow: hidden;}
.FreeTrial_box_title{display: block; background: #F5F5F5; padding:15px 20px; line-height: 26px; font-size: 18px; overflow: hidden; font-weight: 600;}
.FreeTrial_box_title i{float: right; cursor: pointer; font-size:26px;}
.FreeTrial_box_ct{display: table; width: 100%; padding: 20px;}
.FreeTrial_box_ct_icon{display: table-cell; vertical-align: top;}
.FreeTrial_box_ct_icon span{font-size: 14px; white-space:nowrap; padding: 10px 15px; background: #8DC63F; display: inline-block; color: #000;  font-weight: 600; border-radius: 15px;}

.FreeTrial_box_ct_txt{display: table-cell; vertical-align: top; padding-left: 20px;}
.FreeTrial_box_ct_txt span{display: block; color: #212121; padding-top: 10px;}

.people_width{background:#ff6900; padding:60px 0px;}
.people_width_tbale{display: table; width: 100%;}
.people_width_img{width:35%; min-width: 380px; display: table-cell; vertical-align: top;}
.people_width_txt{display: table-cell; vertical-align: middle; padding-left:5%;}
.people_width_txt{color: #fff;}
.people_width_txt h2{display: block; font-size: 38px; padding-bottom:30px; font-weight: 600; line-height: 1.4;}


.product_show_ct{padding: 40px 0px;}
.product_show_top{display:block; width: 100%; overflow: hidden;}
.product_show_top_l{float: left; width: 55%; vertical-align: top;}
.product_show_top_l img{width: 100%;}
.product_show_top_r{float: left; width: 45%; padding-left:30px;}
.product_show_top_title{font-size: 20px; color: #ff6900; font-weight: bold;}
.product_show_top_hh{padding-top:5px; font-weight: bold; }
.product_show_top_txt{padding:10px 0px 20px; opacity: .6;}
.product_show_tab{display: block;}
.product_tab_th{font-weight: bold; color: #ff6900; display: table; width: 100%; background: #fff;}
.product_tab_td{padding: 10px; display: table-cell;}
.product_tab_td_1{padding-left: 15px;}
.product_tab_td_2{width:80px;}
.product_tab_td_3{width:80px;}
.product_tab_td_3 a{color: #ff6900; font-weight: bold;}
.product_tab_td_3 span{opacity: .5;}
.product_tab_td_4{width:110px;}
.product_tab_tr{ display: table; width: 100%; background: #fff;}
.product_tab_tr:nth-child(2n){background: #fef8f1;}

p.qtypara{margin-bottom:0;display:block; position: relative; padding: 0px 26px; overflow: hidden;}
p.qtypara .minus, p.qtypara .add{ cursor:pointer;width:26px;position: absolute; left: 0px; top: 0px; height:100%;display:inline-block; vertical-align:middle;background:#ff6900;  text-align:center;font-size: 24px;color:#fff;}
p.qtypara .minus{left: 0px;}
p.qtypara .add{right: 0px; left: auto;}
p.qtypara .form-control{border-color: #ff6900; background: #fff;  border-radius: 0px; padding: 0px; line-height: 26px; height: 26px; text-align: center;}
p.qtypara .minus:hover, p.qtypara .add:hover{background:#ff6900; color:#FFF;}

.contact_ct{padding: 40px 0px;}
.contact_tab{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:1px;}
.contact_ct_li{display:block; padding: 20px; background: #fff;}
.contact_ct_title{display: block; font-size: 18px; color:#ff6900; font-weight: bold; }
.contact_ct_txt{font-size: 16px; display: block; padding-top: 5px; opacity: .6;}
.contact_nav{padding-top:40px;}
.contact_nav_title{font-size: 16px; font-weight: bold; padding:0px 0px 20px;}

.contact_nav_tab{display: grid; padding-top: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:20px;}
.contact_nav_li{padding: 20px; background: #fff;}
.contact_nav_name{font-size: 16px; color:#ff6900; font-weight: bold;}
.contact_nav_txt{padding-top:8px;}


.product_show_but{display: grid; padding-top: 30px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:25px;}
.product_show_but_li{display: block;}
.product_show_but_li .but_class{ border-radius: 15px; text-align: center; display: block; width: 100%;}
.product_show_but_li .but_class i{font-size: 16px; padding-right: 5px;}
.product_show_but_li a.but_class{background:#ff6900;}

.product_show_centent{padding-top: 30px;}
.product_show_nav{border-bottom: #ff6900 solid 2px; display: block;}
.product_show_nav_li{display: inline-block;}
.product_show_nav_li.on a{background:#ff6900; color:#FFF;}
.product_show_nav_li a{padding: 8px 20px; background: #d1cebe; display: inline-block; font-weight: bold;}

.product_show_table{background: #fff; border:#d1cebe solid 1px ; border-top: none; border-bottom: none;}
.product_show_table_tr{ display: table; width: 100%; border-bottom:#d1cebe solid 1px ;}
.product_show_table_txt{display: table-cell; overflow-y: auto;  color: #ff6900; padding:15px 20px; vertical-align: middle; width: 20%; border-right:#d1cebe solid 1px ; font-weight: bold; text-align: center;}
.product_show_table_tab{display: table-cell; padding:15px 20px; vertical-align: middle;}

.Capreomycin{padding: 15px 0px; margin: 15px 0px; border-bottom: #ebe4f6 solid 1px;border-top: #ebe4f6 solid 1px;}
.Capreomycin b{display: block; padding-bottom: 10px;}
.Capreomycin_li{display: inline-block; margin: 3px 0px;}
.Capreomycin_li a{padding: 4px 10px; background:#f2efde; display: block; border-radius: 3px;}
.Capreomycin_li a:hover{background:#ff6900; color: #fff;}

.product_show_table_tab table{ width: 100%; min-width: 500px; background: #ebe4f6; margin-top:10px; border-spacing: 1px;  border-collapse: initial;}
.product_show_table_tab table td{padding:8px 10px; background: #fff;}
.product_show_table_tab table th{padding:8px 10px;}

.calculator-new-box{display: table; width: 100%; padding-top: 20px;}
.calculator-new-li{display: table-cell; vertical-align: middle; position: relative;}
.calculator-new-li .input_class{padding:8px 15px;}
.calculator-new-li .txt_ico{position: absolute; left: 10px; background: #fff; font-weight: bold; top: -10px; padding:0px 10px; font-size: 12px; color: #000;}
.calculator-select{position: absolute; right: 1px; top: 1px; bottom: 1px; height: 100%; width:80px;}
.calculator-select select{line-height:37px; width: 100%; border: none; border-left:1px solid #bdbdbd; padding-left: 15px; background:url(../images/select_icon.png) no-repeat right 8px center #fff;  background-size:  auto 45%;}
.calculator-new-icon{display: table-cell; vertical-align: middle; position: relative; text-align: center; width: 30px;}
.calculator-btn{display: block; padding-top:15px;}
.calculator-btn li{display: inline-block;}
.calculator-btn li .but_class{padding:7px 70px; border: #ff6900 solid 1px;}
.calculator-btn li .but_class:hover{border: #ff6900 solid 1px;}
.calculator-btn li .reset_class{background: #fff; color:#ff6900 ; margin-left:15px;}
.calculator-btn li .reset_class:hover{border: #ff6900 solid 1px; color: #ff6900;}

.storage_title{display: block;}
.select_icon{line-height:36px;  border:1px solid #bdbdbd; padding-left: 15px; padding-right: 35px; background:url(../images/select_icon.png) no-repeat right 8px center #fff;  display: inline-block; background-size:  auto 45%;}
.details_info_doc{display: block; padding:10px 0px 0px;}
.details_info_li{display: inline-block;}
.details_info_li a{padding: 8px 10px; display: block; margin: 2px 0px; border-radius: 3px; background: #f2efde;}
.details_info_li a:hover{background: #ff6900; color: #fff;}
.details_info_li img{height: 24px; margin-right: 10px;}

.structure_li{display: table;}
.structure_td{display: table-cell; vertical-align: middle;}
.structure_icon{display: table-cell; vertical-align: middle; padding: 0px 10px; opacity: .5; font-size: 12px;}




.foot_bg{background:#F0F0F0;     border-top: 1px #E6E6E6 solid; padding:40px 0px;}
.foot_bg .mome_news_title{font-size: 18px; color: #000;}
.linke_ct{padding-top: 10px; margin-left:-8px;}
.linke_ct a{margin:8px; opacity: .5;}
.foot_bottom_li span{ padding: 0px 10px; opacity: .5;}
.foot_logo{display: block;}
.foot_logo img{height: 75px;}
.foot_nav_ct{display: block; overflow: hidden;}
.foot_nav_li:nth-child(1){width: 64%; padding-right:4%;}
.foot_nav_li{float:left; width: 18%;}
.foot_nav_title{display: block;padding-bottom:15px;}
.foot_nav_title a{color: #fff; font-size: 16px; }
.foot_nav_li a:hover{opacity: .8;}
.foot_nav_txt{padding-bottom: 15px;}
.foot_nav_li:nth-child(1) .foot_nav_a{display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  grid-gap:15px;}
.foot_nav_li:nth-child(1) .foot_nav_txt{padding-bottom:0px;}
.foot_nav_txt:nth-last-child(1){padding-bottom: 0px;}
.foot_nav_txt a{opacity: .7; color:#fff;}
.foot_nav_txt a:hover{opacity: 1;}


.aside{position: fixed;right:0px;bottom:20%;background: #fff;box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.1);border-radius: 8px 0 0 8px;z-index: 999999;}
.aside_li{display: block; text-align: center; position: relative;}
.aside_li a{padding:12px 10px; display: block; font-size: 12px;}
.aside_li img{height:23px;}
.aside_li span{display: block; padding-top: 5px;}
.aside_tel{position: absolute; padding:15px 20px; display: none; top: 0px; text-align: left; white-space:nowrap; right: 110%; box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.1); background: #fff;  border-radius: 8px;}
.aside_tel b{font-size: 20px; display: block; color: #ff6900;}
.aside_li:hover .aside_tel{display: block;}
.aside_tel_li{font-size: 12px; text-align: center;}
.aside_li .aside_tel_li img{height:80px;}
.aside_tel_ct{width:200px; display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr));  grid-gap:30px;}

#floating-image {
    position:fixed; z-index: 99; right:20px; bottom:20px; animation: zoomInOut 2s infinite alternate;
    width:50px;
}
.floating-ct{display: block; width: 100%; position: relative; border-radius:5px;}
.floating-ct img{border-radius: 5px;}
.floating-close{position: absolute; right:-5px; top:-10px; color: #000;}
.floating-close i{font-size:18px; cursor: pointer; background: #fff; border-radius: 100%;}

.foot_txt{font-size: 16px; padding: 20px 0px; margin: 0px auto; max-width: 870px;}
.foot_txt h2{font-size: 16px; font-weight: 300;}
.foot_link{display: block;}
.foot_link span{display: inline-block; padding: 0px 20px;}
.foot_link a{font-size: 16px; color: #fff;}
.foot_link a:hover{color: #8dc73f;}
.foot_bottom{padding:20px 15px;display: block;position: relative;background: #fff;text-align: center;}
.foot_bottom_li{display: block; padding: 13px 0px; opacity: .6;}
.foot_bottom_table{position: relative; z-index: 2;}
.foot_bottom_txt{display: inline-block; padding-right:10%;}
.foot_bottom_txt:nth-last-child(1){padding-right: 0px;}
.foot_bottom_txt img{height:20px; margin-right: 5px;}
.foot_bottom_txt span{padding-left: 30px;}
.foot_bottom_txt a{color: #fff;  margin-left:20px; display: inline-block;}
.foot_bottom_txt a:hover{opacity: 1;}

.foot_api_width{text-align: center; font-size: 16px; padding-top:30px; display: block;}
.foot_api_img{display: inline-block; border-left: #fff solid 1px; padding-left:15px; margin-left:20px;}
.foot_api_img img{height: 40px; margin: 0px 2px; border-radius: 15px;}

.foot_two{color: #000; border-top:#e0e0e0 solid 1px;}
.foot_two .foot_bg{background:#F6F6F6; }
.foot_two .foot_api_img{border-left: #666 solid 1px;}
.foot_two .foot_api_width{text-align: center; font-weight: 600; display: block;}
.foot_two .foot_api_img{display: inline-block; border-left: #666 solid 1px; padding-left:15px; margin-left:20px;}
.foot_two .foot_api_img img{height:35px; margin: 0px 2px; border-radius: 15px; border: #999 solid 1px;}
.foot_two .foot_bottom{background:#EBEBEB; color: #000;}
.foot_two .foot_bottom::after{display: none;}


.foot_email{display: block; text-align: center;}
.foot_email a{display: inline-block; overflow: hidden; line-height: 30px; font-size: 18px; font-weight: 600;}
.foot_email span{display: inline-block; overflow: hidden; line-height: 30px; font-size: 18px; font-weight: 600;}
.foot_email i{font-size: 30px; float: left; margin-right: 10px; margin-top:1px;}



.error_txt{display: block; font-size: 14px;  color: #ED1C24;  font-size: 16px; margin-top: 10px; line-height: 1.3;}

.Reaping_title_img{height:100px; display: block; margin: 0px auto;}
.Reaping_table{padding-top:30px;display: table;  text-align: center; height: 100%;}
.Reaping_table_li{display: table-cell; width:25%; padding: 10px; height: 100%; }
.Reaping_table_li_bg{ padding: 20px; background: #fff; display: block; width: 100%; position: relative; height: 100%; border-radius:15px;}
.Reaping_table_li_img{text-align: center;}
.Reaping_table_li_img img{width:55%;}
.Reaping_table_li_name{display: block; font-size: 28px; font-weight: 600; padding: 10px 0px;color: #ff6900;}
.Reaping_table_li_txt{text-align: left;}


.Enrolled_width{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:20px; padding-top: 20px;}
.Enrolled_width_li{display: block;}
.Enrolled_width_pr{display: block; border: #e4e4e4 solid 1px; padding: 20px; border-radius: 8px;  overflow: hidden; transition:all .5s;}
.Enrolled_width_txt{padding:20px 0px 10px; background: #fff;}
.Enrolled_width_label{color: #8DC63F; font-size: 18px;}
.Enrolled_width_title{margin: 10px 0px;font-size: 18px;display: block;display: -webkit-box;height: 46px; line-height: 1.3; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Enrolled_width_hours{display: block; overflow: hidden; color: #787878;}
.Enrolled_width_hours span{float: right;}
.Enrolled_width_tuds{display: block; overflow: hidden; padding:4px 0px;}
.Enrolled_width_tuds img{height:24px; float: left; margin-right: 8px; margin-top:0px;}
.Enrolled_width_hours i{font-size: 18px;}
.Enrolled_width_jd{display: block; width: 100%; height: 4px; background:#E0E0E0; margin-top: 5px;}
.Enrolled_width_jd span{display: inline-block; background: #8DC63F; height: 4px;}
.Courses_bottom_but{padding-top: 20px; display: table; width: 100%;}
.Courses_bottom_but_l{display: table-cell; vertical-align: middle;}
.Courses_bottom_but_r{display: table-cell; vertical-align: middle; width: 60%;}
.Courses_bottom_but_r a{width: 100%; overflow: hidden; background:#FF7A00 !important; border-radius: 8px; padding:10px; font-size: 18px; color: #fff !important;}
.Courses_bottom_but_r span{margin: 0px;}
.Courses_bottom_but span{margin-right:20px; }
.Courses_bottom_but span i{ font-weight: 600;}
.Courses_bottom_but span:nth-last-child(1){margin: 0px;}

.Enrolled_width_but{margin-top:20px; overflow: hidden;}
.btn{background:#ff6900; color: #fff; border-radius: 0px; font-size: 18px; font-weight: 600; padding: 15px; border: none; position: relative;}
.btn.btn-Continue{background:#8DC63F; }
.btn span{position: relative; z-index: 2;}
.btn::after{position:absolute; left: -100%; top: 0px; width: 100%; content: ""; height: 100%; background: rgba(0,0,0,.1); transition:all .5s;}
.btn:hover{color: #fff;}
.btn:hover::after{left: 0px;}
.Enrolled_width_but .btn{ width: 100%;}
.Enrolled_width_but .btn span{position: relative; z-index: 2;}
.Enrolled_width_date{text-align: center; display: block; padding-top: 10px; color: #787878;}
.Enrolled_width_img{display: block; overflow: hidden; position: relative;}
.Enrolled_width_img_icon{position: absolute; right: 10px; top: 10px; border-radius: 15px; background: #ff6900; color: #fff; padding: 5px 10px;}
.Enrolled_width_img img{width: 100%; transition:all .5s;}


.top_txt_nav{background: #fff; color: #000; box-shadow: 0 0px 10px rgb(0 80 130 / 20%); position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99;}
.top_txt_nav .container{max-width: 1260px;}
.top_txt_nav::after{display: none;}

.Submit_order_label_ct{display: block; font-size: 16px; background:url(../images/Union_icon.png) no-repeat 15px 12px #FFFBE6; text-align: left; font-weight: 500; background-size: 20px auto;  position: relative; width: 100%; border: #FFE58F solid 1px; padding: 10px 45px;}
.Submit_order_label_ct i{position: absolute; right: 10px; cursor: pointer; top: 8px; font-size: 20px; font-weight: 600;}
.Submit_order_width{margin-top:60px;}

.layui-layer-dialog .layui-layer-content{word-break: break-word !important;}

.Review_centent .Figma_centent{width: 88%; margin: 0px auto; text-align: center; display: block;}
.Review_centent .Figma_centent .banner_centent_box_txt{display: block; width: 100%; padding: 0px 10px;}
.Review_centent .Figma_centent .banner_centent_box_img{margin: 0px auto; display: block; max-width:1100px; padding: 0px; padding-top: 20px; width: 90%;}

.Figma_width{ background:url(../images/Phonics_bg.png) center top no-repeat; background-size: cover; padding:60px 0px;}
.Figma_width_img{padding: 30px 0px;display: block;max-width: 1100px;margin: 0px auto;}
.Figma_width .students_title{margin: 0px auto;max-width: 1100px;text-align: left;font-size: 20px;}

.Figma_width_but{display: block; text-align: center;}
.Figma_width_but a{padding: 10px 30px; display: inline-block; margin: 0px 30px; background: #FF7A00; color: #fff; font-size: 26px; border-radius: 15px;}
.Figma_width_but a:hover{background:#ff4e00; color: #FFF;}
.Speaking_width{padding:60px 0px; background:#DCEAFF;}
.Speaking_width h2{font-style: italic;}

.top_nav_width_bg{background: #f0f0f0; border-bottom: #ff6900 solid 2px;}
.top_nav_width_bg .top_nav_svgrepo{display: none;}
.top_nav_width_bg.fixed{position: fixed; left: 0px; top:0px; width: 100%;}

.main{
    position: fixed; right: 10px; bottom: 30px;
    justify-content: center;
    align-items: flex-end;
    width:50px; z-index: 99;
}
.main img{width: 100%;}
.cd-top{display: inline-block;position:relative;  opacity:1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; margin-top: 5PX;
    transition: all 0.3s;
}
.cd-top.cd-is-visible{opacity: 1;}

.Shopping_Cart{overflow: hidden;}
.Shopping_Cart_l{width: 55%; padding-right:30px; float: left;}  
.Shopping_Cart_bg{display: block; background: #fff;}
.Shopping_Cart_title{padding: 12px 20px; border-bottom: #e0e0e0 solid 1px; font-size: 16px; font-weight: bold;  color: #ff6900;}
.Shopping_Cart_li{padding: 20px; border-bottom: #e0e0e0 solid 1px; display: table; width: 100%;}
.Shopping_Cart_img{display: table-cell; width: 95px; vertical-align: middle;}
.Shopping_Cart_img img{width: 100%;}
.Shopping_Cart_txt{display: table-cell; vertical-align: middle; padding-left:15px;}
.Shopping_Cart_name{font-weight: bold; }
.Shopping_Cart_vt{display: grid;padding-top:5px; grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:20px; width: 100%;}
.Shopping_Cart_vt_li{display: block;}
.Shopping_Cart_vt_li span{opacity: .5; display: inline-block; padding-right: 3px;}
.Shopping_Cart_cut{padding: 20px; color: #999; overflow: hidden;}
.Shopping_Cart_cut b{font-size: 18px; color: #000; float: right;}

.Shopping_Cart_r{width: 45%; padding-right:30px; float: right;}
.delivery{padding: 20px; padding-bottom: 10px;}
.delivery ul{margin:0; padding:0;}
.delivery ul li{list-style:none; margin-bottom:10px;}
.delivery ul li >a{display:table;width:100%;padding:20px;color:#999;border:1px solid #ccc;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;background:url(../images/checkout1.jpg) no-repeat right -1px bottom -1px;}
.delivery ul li.active > a{border:1px solid #fb8700; background:url(../images/checkout3.jpg) no-repeat right -1px bottom -1px;}
.delivery ul li a .icon_address{background:url(../images/icon_address2.png) no-repeat; width:28px; height:28px;}
.delivery .icon_address{background:url(../images/icon_address2.png) no-repeat;width:18px;height:28px;}
.delivery .information{display:table-cell;width:100%;padding-left:15px;vertical-align:top;}
.delivery .information p{clear:both;display:inline-block;width:100%;margin-bottom:0;}
.delivery .information p+p{margin-top:10px;}
.delivery .information .name{font-weight:bold;color:#333;}
.delivery .information .tel{color:#333;}
.delivery .information .default{ color:#FFF; background:#fb8700; border-radius:3px; display:inline-block; padding:1px 5px; font-size:12px; font-weight:normal; margin-right:5px;}
.add_width{display: block; text-align: center; padding-bottom: 20px;}
.add_width .but_class{background:#fb8700;}
.add_box{padding: 0px 20px; padding-bottom: 20px;}
.add_box_li{padding-bottom: 10px;}
.add_box_li .input_class{background: #f6f6f6; border-color: #f6f6f6;}
.add_box_li .input_class:focus{border-color: #fb8700;}
.add_select_li .select_icon{width: 100%; background-color: #f6f6f6; border-color: #f6f6f6;}
.add_select_li .select_icon:focus{border-color: #fb8700;}
.add_box_select{display: grid;padding-bottom:10px; grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:10px;}
.add_box_but{text-align: center;}
.Shopping_Cart_but{padding-top:20px;}
.Shopping_Cart_but .but_class{background:#fb8700; width: 100%; padding: 10px;}



.login_bg{ width:100%; padding:5% 20px; min-height:480px;}
.login_width{display: table; margin: 0px auto; max-width:860px; width: 100%; border-radius: 15px; overflow: hidden;}
.login_wx{position: absolute; right: 0px; top: 0px;}
.login_width_l{display: table-cell; vertical-align: middle;}
.login_width_r{ width:38%; display: table-cell; vertical-align: middle;}
.login_table{ width:100%; margin:0 auto; background:#FFF; padding:10% 13%; position: relative;}
.login_table .tabs{display:inline-block; width:100%;}
.login_table .tabs li{ list-style:none; float:left; width:50%; position:relative;}
.login_table .tabs li a{ padding:10px 0; font-weight:bold; color:#000; text-align:center; font-size:18px;display:block;}
.login_table .tabs li.active a{  color:#fb8700;}
.login_table .login_table_top{text-align:center; padding:20px 0px; font-size:18px;}
.login_table .login_content{ padding:40px 0px 0px;}
.login_table_but{text-align: center;}


.login_button{display:block; overflow:hidden; padding-bottom:25px;}
.login_button button{font-size:16px; background:#ff6900; border:none; color:#fff; font-weight:normal; display:block; text-align:center; padding:10px 0px; display:block; width:100%;text-transform:uppercase; cursor:pointer;}
.login_button button:hover{background:#fb8700;}
.login_table_txt{text-align: center; font-size: 18px;}
.login_table_txt b{color: #ff6900; font-weight: normal;}
.login_table_yzm{position: relative; padding-right: 130px;}
.login-scan-qrcode{width:70%; min-width: 200px; margin: 0px auto; overflow: hidden; margin-bottom: 10px; border-radius: 15px; border: #ddd solid 1px;}
.login_yzm_bu{position: absolute; width: 120px; height: 100%; right: 0px; top: 0px;}
.login_yzm_bu .span-jym{display: block; background:#000; color: #fff; line-height: 48px; border-radius: 3px; width: 100%; display: block; border:none;}
.login_yzm_bu .span-jym[disabled="true"]{background:#eee; color: #999;}

.login_button a{font-size:18px; background:#fb8700; border:none; color:#fff!important; font-weight:bolder; display:block; text-align:center; padding:12px 0px; display:block; width:100%; text-transform:uppercase;}
.login_Facebook{ text-align:center;}
.login_Facebook a{ background:#0a7fec; color:#FFF!important; display:block; padding:12px 0; font-size:18px; font-weight:bold;}
.login_Facebook a span{display:inline-block;}
.login_Facebook i{ display:inline-block; height:24px; width:24px; border:#fff solid 2px; overflow:hidden; border-radius:100%; font-weight:100; line-height:24px; float:left; margin-right:10px;}
.login_or{display:block; text-align:center; height:20px; line-height:40px; border-bottom:#e0e0e0 solid 1px; margin:20px 0px 38px;}
.login_or span{display:inline-block; padding:0px 20px; background:#FFF;}
.login_table_li{display: inline-block; width:100%; margin-bottom:20px; position:relative;}
.login_table_li .input_class{ padding:14px 30px 14px 60px;color:#000; display:block; width:100%; border:#e0e0e0 solid 1px; line-height:1.3; font-size:14px;}
.login_icon{ position:absolute; left:0; top:1px; width:48px; text-align:center; height:46px; padding:15px 0; border-right:1px solid #e0e0e0;}
.login_table_li .input_class:focus{border:#fb8700 solid 1px;}
.form-control{padding:12px 15px; color:#000; height:48.2px; border:#e0e0e0 solid 1px; font-size:14px; border-radius:0; width:100%;}
select.form-control{background:url(../images/down.png) no-repeat right 10px center;-webkit-appearance: none;line-height: 1.2;appearance: none;}
.form-control:focus{ border-color:#fb8700;}
.login_table .regular-radio + label{margin-left: 0px;}
.Sign_password i{width:30px; height:30px; position:absolute; right:10px; top:10px;  line-height:30px; font-size:20px; cursor:pointer; color:#666}
.password_icon_n:before{content: "\f070";}
.login_table_correct{display:block; color:#f4536a; padding-top:5px;}
.login_table_li .payment_radio{ margin:5px 0; text-align:left;}
.login_input{position:relative;padding-left: 80px;}
.login_table_li.login_input .input_class{padding: 12px 20px;}
.Payment_input .input_class{padding: 13px 20px;}
.login_input_title{position: absolute;left: 0px;width: 70px;top:13px;color: #333;}
.Sign_password.login_input i{top:7px;}
.Verification_code{position:relative;padding-left: 80px;padding-right:130px;}
.login_table_li.Verification_code .input_class{padding: 12px 20px;}
.Verification_code_img{position: absolute; right: 0px; top: 0px; height: 100px; width: 120px;}
.Verification_code_img img{height: 44px;}
.login_table .Payment_Successful_icon{text-align: center; }
.login_table .Payment_Successful_title{text-align: center;padding-bottom:30px;}

.login_table_3{float:left; width:35%; padding-right:10px;}
.login_table_7{float:left; width:65%;}
.Sign_bac{text-align:center;overflow:hidden;}
.Sign_bac span{color:#e0e0e0; padding:0px 15px;}
.Sign_bac a.Sign_bac_red{ color:#fb8700;}
.Sign_bac a .fa{margin-right:6px;}
.login_width_title{font-size: 20px; font-weight: bold;}

.table_right .Sign_bac i{display: none;}
.table_right .Sign_bac a{ color:#fb8700; font-size: 18px; padding: 11px 0px; background: #fff5f4; border: #fb8700 solid 1px; display: block;}
.login_margin0{margin:-10px 0 10px;}
.signup_btn a{ border:1px solid #333; background:#FFF; color:#000;}
.padding-t-b{padding-top:10px!important; padding-bottom:20px !important;}
.padding_bottom0{padding-bottom:0 !important;}
.login_sent{padding-top:10px;}

.Personal_li{display: block; position: relative; border-bottom: 1px solid #e0e0e0; background: #fff;}
.Personal_li a{ display: block; padding: 15px 20px; padding-right: 40px; font-size: 16px;}
.Personal_li i{font-size: 20px; right: 15px; position: absolute; top:12px;}
.Personal_li.on{background: #f5f5f5;}
.Personal_li.on a{color:#fb8700;}
.Personal_li.on::after{position: absolute; width: 3px; height: 100%; background: #fb8700; left: 0px; top: 0px; content: "";}
.Shopping_Cart_title{position: relative;}
.edit_but{position: absolute; right: 15px; top:10px;}
.edit_but a{background: #fb8700; color: #fff; font-size: 14px; border-radius: 3px; display: inline-block; padding:3px 15px;}
.edit_but a:hover{background: #ff6900;}
.Personal_table{padding: 25px 0px;}
.Personal_table .Shopping_Cart_but {text-align: center; padding-top: 10px;}
.Personal_table .Shopping_Cart_but .but_class{display: inline-block; padding: 8px 20px; min-width:150px;  max-width: 20%;}

.Receiving_but{padding-bottom: 10px;}
.Receiving_ct .product_ct .product_tr{background: #fff;}
.Receiving_ct .product_ct .product_tr:nth-child(2n-1){background: #f7f5eb;}
.Personal_td_1{width:12%;}
.Personal_td_2{width:18%;}
.Personal_td_3{width:18%;}
.Personal_td_5{width:110px;}
.Receiving_ct .but_class{display: inline-block; font-weight: normal; padding: 5px 10px; margin: 2px 0px; width: initial; color: #fff; border-radius:5px;}
.Receiving_ct .but_mr{background: #b5b5b5;}
.Receiving_ct .but_mr.on{background: #fb8700;}
.Receiving_ct .but_del{background: #fff; color: #000; border: #ddd solid 1px;}
.Receiving_ct .edit_class{background: #ff6900;}

.login_tx_img{display: inline-block; width: 80px; border-radius: 100%; overflow: hidden;}

.Personal_box .add_box_li{margin-bottom:10px;}
.Personal_box .add_box_select{margin-bottom:10px;}

.Competition_selection{padding: 20px; background: #f4f4f4; margin-bottom: 10px;}
.Competition_selection_li{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:20px;}
.Competition_selection_li .login_table_li{margin: 0px;}
.Competition_selection_li .login_table_li.login_input .input_class{padding: 9px 15px;}
.Competition_selection_li .login_input_title{top: 10px;}
.layui-form-select dl dd.layui-this{background: #fb8700;}
.Competition_selection_date{padding-top:20px;}
.Competition_selection_date .Competition_selection_but{display: inline-block; margin-left: 20px;}
.Competition_selection_date .login_table_li{margin: 0px; display: inline-block; width: initial;}
.Competition_selection_date .login_input_title{top: 10px;}
.Competition_selection_date_ct{display: flex;}
.Competition_selection_icon{display: inline-block; background: #eee; padding:0px 10px; line-height: 38px; height: 38px; border-bottom: solid 1px #e6e6e6; border-top: solid 1px #e6e6e6;}
.layui-laydate .layui-this{background-color: #fb8700 !important;}


.order_td_2{width:10%;}
.order_td_3{width:13%;}
.order_td_4{width:15%;}
.order_td_5{width:8%;}
.order_td_6{width:6%;}
.order_td_7{width:6%;}
.order_td_8{width:260px}
.order_td_8 a{font-size: 12px;}
.or_color{color: #fb8700}
.reg_color{color: #db0101;}
.qx_color{opacity: .5;}

.order_show_top{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap:20px;}
.order_show_top_li{display: block;}
.order_show_top_icon{display: table; width: 100%;}
.order_show_top_icon_l{width:50px; text-align: center; display: table-cell; vertical-align: middle;}
.order_show_top_icon_r{padding-left: 20px; display: table-cell; vertical-align: middle;}
.order_show_top_icon_l i{width:50px; display: block; font-size: 32px; height: 50px;  color: #fff; border-radius: 100%; background: #29ba5c; line-height: 50px;}
.order_show_top_txt{padding-top:15px;}
.order_show_top_txt span{opacity: .6;}
.bottom_20{margin-bottom: 20px;}
.order_show_but{text-align: center;}
.order_show_but .but_del{background: #db0101;}
.order_show_top_icon_l .layui-icon-close{background: #db0101;}
.order_show_top_icon_l .layui-anim-loop{background: #fb8700;}
.reg_but{display: block; padding-top: 5px;}
.reg_but .but_class{background: #db0101; padding: 5px 15px;}

.invoice_td_1{width:13%;}
.invoice_td_3{width:22%;}
.invoice_td_4{width:22%;}
.invoice_td_5{width:190px;}
.title_txt{padding-bottom: 5px;}

.Pre_deposit_txt{display:flex; align-items: center; font-size: 16px;}
.Pre_deposit_txt b{font-size: 24px; color: #fb8700;}
.Pre_deposit_txt .but_class{padding:8px 20px; margin-left: 15px;}

.Pre_deposit_1{width:15%; color: #fb8700;}
.Pre_deposit_2{width:25%;}

.keyNav-body{padding:10px 0px;}
.key-item{padding: 30px 0px; border-bottom: #ddd solid 1px;}
.key-item:nth-last-child(1){border: none;}
.pad5{font-size: 24px;}
.key-item .home_li_title{border: none;}
.key-list{margin: 0px -6px;}
.key-list a{margin:6px;p: 5px 15px;padding: 5px 15px;ont-size: 14px;border: #ddd solid 1px;display: inline-block;}
.key-list a:hover{border-color:#fb8700; background: #fb8700; color: #fff;}

.filter_condition{ background: #fff; margin:30px 0px;  border: #eee solid 1px; border-bottom: none;}
.filter_condition .layui-clear{display: table; width: 100%; border-bottom: #eee solid 1px;}
.filter_condition .tit1{display: table-cell; font-weight: bold; width: 120px; border-right: #eee solid 1px; vertical-align: top; padding: 20px;}
.filter_condition .category{display: table-cell; vertical-align: middle; padding: 10px;}
.filter_condition .category a{ display: inline-block; padding:4px 10px;}
.filter_condition .category span{opacity: .3; }
.filter_condition .category a.active{ color: #fb8700;}

.lecturer_table #column_center{padding: 0px; padding-right: 30px;}

.lecturer_tr{ display: table; width: 100%; padding:15px; background: #fff; margin-bottom: 15px;}

.lecturer_tr_img{display: table-cell; vertical-align: top; width: 130px;}
.lecturer_tr_img img{width: 100%;}
.lecturer_title{display: table-cell; vertical-align: top; padding-left: 20px;}
.lecturer_title_name{font-weight: bold; font-size: 16px; overflow: hidden;}
.name_icon{display: inline-block; font-size: 14px; font-weight: normal;}
.name_icon img{height: 22px;}
.name_icon span{ width: 22px; line-height: 22px; border-radius:2px; display: inline-block; background: #03bc9c; color: #fff; text-align: center;}
.name_icon span.yz_icon{background: #00ccff;}
.name_icon span.pp_icon{background: #ffcc00;}
.lecturer_title_txt{color: #999; padding-top: 10px;}
.lecturer_title_label{padding-top: 5px;}
.lecturer_title_label span{display: inline-block; margin: 3px 0px;}
.lecturer_title_label a{border-radius:90px; padding:4px 15px; font-size: 12px; border: #fb8700 solid 1px; color: #fb8700; display: inline-block;}
.lecturer_title_label a:hover{color: #fff; background: #fb8700;}
.lecturer_title_price{display:block; padding-top:8px; color: #999;}
.lecturer_title_price span{ color: #999;}
.lecturer_title_price b{font-size:20px; color: #fb8700;}
.price_left{display: inline-block; width: initial;}
.lecturer_title_price .lecturer_but{display: inline-block;}
.lecturer_title_price .lecturer_but_li{display: inline-block; padding: 0px 3px;}
.lecturer_title_price .lecturer_but_li a{display: inline-block; padding: 6px 20px;}
.price_right{float: right;}
.price_right span{color: #ff6900; font-size: 14px; background:url(../images/flower.png) no-repeat  center left; background-size: auto 18px; display: inline-block; padding-left: 23px; margin-top: 2px;}

.lecturer_table #column_left{padding: 0px;}
.lecturer_right_box{padding: 15px; background: #fff; margin-bottom: 15px;}

.Game_ranking_li .title{ margin: 20px;}
.game_rank li{display: table; width: 100%; position: relative; cursor: pointer; padding:12px 0px; transition:all .5s; border-top:#e6e6e6 solid 1px;}
.game_rank_id{display: table-cell; width: 28px; vertical-align: middle;}
.game_rank_id span{height: 22px; line-height:22px; width: 22px; font-size: 12px; color:#6c6c6c;   text-align: center;  display:inline-block; border-radius: 100%; background:#ddd;}
.game_rank_name{display: table-cell; vertical-align: middle; padding-left: 10px;}
.game_rank_name_pc{overflow: hidden;   color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;}
.game_rank_date{display:table-cell; width:120px; text-align: right; vertical-align: middle; font-size: 14px; color: #666;}

.game_rank_app{display: table-cell; width:50px; vertical-align: middle; padding-left:5px;}
.game_rank_txt{display: table-cell;padding: 0px 10px; text-align: left; vertical-align: middle;}
.game_rank_lx{color: #0588b8;}
.game_rank_txt .game_rank_date{display:block; width: 100%; text-align: left;}
.game_rank_app img{border-radius:100%;}
.game_rank_but{display: table-cell; font-weight: bold; width:90px; text-align: right; vertical-align: middle;}
.game_rank_but span{color: #ff6900; font-size: 14px; background:url(../images/flower.png) no-repeat  center left; background-size: auto 18px; display: inline-block; padding-left: 23px; }
.game_no{display: none;}
.game_rank li.hover .game_no{display:table-cell;}
.game_rank li.hover .game_block{display:none;}
.game_rank li:nth-last-child(1){padding-bottom: 0px;}

.r_course_li{ padding:12px 0px; border-top:#e6e6e6 solid 1px;}

.game_rank li:nth-child(-n+3) .game_rank_id span{background: #fb8700; color: #fff;}
.game_rank li:nth-child(-n+3) .game_rank_name_pc{color: #fb8700;}
.r_course_li .mome_news_name{display: block; padding-top: 2px; color: #999; position: initial;}
.r_course_li:nth-last-child(1){padding-bottom: 0px;}


.teacher_banner{padding: 50px 0px;}

.teacher_box{background: #fff; padding: 20px; margin-bottom: 20px;}
.teacher_box_img{text-align: center;}
.teacher_box_img img{height: 140px; border-radius: 100%;}
.teacher_box .lecturer_title_name{text-align: center; padding-top: 15px;}
.teacher_yh{position: initial; text-align: center; padding-top:10px;}
.teacher_yh_txt{position: relative; padding-left:10px; display: inline-block;}
.teacher_yh_txt span{ background: #fbd98b; padding: 3px 10px; padding-left: 15px; height: 24px; font-size: 12px; color: #b2703c; border-radius: 90px;  font-weight: bold;}
.teacher_yh_txt span::after{ background:url(../images/icon-good-i.png) no-repeat  center left; content: ""; display: inline-block; position: absolute; left: 0px; top:-3px; background-size: auto 100%; height: 24px; width: 24px;}
.teacher_box_txt{text-align: center; opacity: .6; padding-top: 15px;}

.teacher-info{display: grid; padding:10px 0px; margin-top: 15px; grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap:10px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;}
.teacher-info .item span{color: #FF2933; padding-left: 10px; padding-right: 3px;}

.teacher_flex{display: table; width: 100%; padding: 15px 0px; border-bottom: 1px solid #EEEEEE;}
.teacher_flex_li{display: table-cell; vertical-align: middle; width: 33.3333%; text-align: center;}
.teacher_flex_li{color: #666;}
.teacher_flex_li b{display: block; color:#ff6900 ; font-size: 16px;}
.teacher_flex_li .but_class{padding:6px 15px;}

.teacher_but{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 10px;padding-top: 15px;}
.teacher_but_li{display: block; position: relative;}
.teacher_but_txt{background: #04bf5e;display: block;text-align: center;padding:8px 5px;font-weight: bold;border-radius: 7px;cursor: pointer;color: #fff;}
.tel_icon{background: #FF2933;}
.teacher_but_box{position: absolute;display: none;width: 130%;box-shadow: 0 5px 20px rgba(0,0,0,.2);left: 0px;bottom: 130%;background: #fff;text-align: center;padding: 10px;z-index: 9;}
.teacher_but_box span{display: block; padding-top: 5px;}
.teacher_but_box.box_tel{left: initial; right: 0px; padding:10px 20px; width: 150%; text-align: left;}
.teacher_but_box b{color: #FF2933; font-size: 20px;}
.teacher_but_li:hover .teacher_but_box{display: block;}
.lecturer_teacher_txt span{display: block; padding: 5px 0px;}

.teacher_bg{background: #fff; padding: 20px; margin-bottom: 20px;}
.teacher_bg_txt{padding: 20px 0px;font-size: 14px;line-height: 1.6;}
.teacher_title{font-size: 16px;font-weight: bold;}
.teacher_bg .lecturer_title_label a{font-size: 14px;padding: 3px 15px;border-radius: 5px;margin-right: 2px;}

.teacher_train{display: block;}
.teacher_train .train-item{display: table; width: 100%; border-bottom: 1px solid #EEEEEE; padding: 20px 0px;}
.teacher_train .train-item .thumb{display: table-cell; width:200px; vertical-align: top;}
.teacher_train .info{padding-left:20px; display: table-cell; vertical-align: middle;}
.teacher_train .item-title{font-size: 18px; display: block;}
.teacher_train .item-txt{margin:8px 0px; opacity: .5; display: -webkit-box; overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;}
.teacher_train .item-arg{display: grid; padding-top: 5px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:10px;}
.teacher_train .item-arg-txt{color: #666;}
.teacher_train .item-arg-txt span{color: #FF2933; padding-right: 3px;}

.teacher_train .train-item:nth-last-child(1){padding-bottom: 0px; border: none;}

.lecturer_video_ct{display: grid; padding-top:20px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px;}
.lecturer_video_ct .video-item{display: block;border: 1px solid #EEEEEE;overflow: hidden; border-radius: 10px;}
.lecturer_video_ct .text-truncate{padding: 10px 15px;}
.lecturer_video_ct .text-truncate .arg{display: block; opacity: .6; padding-top: 5px;}
.lecturer_video_ct .thumb{position: relative;}
.lecturer_video_ct .play-btn{position: absolute; text-align: center; display: flex; opacity: 0; background:rgba(0,0,0,.4); width: 100%; height: 100%;  left: 0px; top: 0px;}
.lecturer_video_ct .play-btn .mask{width: 46px; margin: 0px auto; position: absolute; top: 50%; right: 0px; left: 0px; margin-top: -23px;  height: 46px; background:url(../images/play.png) no-repeat  center left; background-size: cover; }
.lecturer_video_ct .video-item:hover .play-btn{opacity: 1;}



.lecturer_witness_li{border-bottom: 1px solid #EEEEEE; padding: 20px 0px;}
.lecturer_witness_li:nth-last-child(1){padding-bottom: 0px; border: none;}
.lecturer_witness_title{display: block;}
.lecturer_witness_title a{font-size: 16px;}
.lecturer_witness_li .lecturer_title_label a{font-size: 14px;border-radius: 5px;}
.lecturer_witness_li_txt{opacity: .5; padding: 10px 0px 0px;}

.padding_top{padding-top: 30px;}

.lecturer_about .teacher_bg_txt{padding-top:10px; padding-bottom:20px;}

.contact{ background: #fff; padding: 20px; margin: 30px 0px;}
.contact-box{display: grid; padding-top:20px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px;}
.contact-item{display:table; width: 100%; border-radius: 15px; background:url(../images/lxjs_bg3.png) no-repeat right bottom #a6b3cd; padding: 20px;}
.contact-item .icon{width: 132px; overflow: hidden; background: #fff; text-align: center; border-radius: 15px; display: table-cell; vertical-align: middle;}
.contact-item .content{ display: table-cell; vertical-align: middle; padding-left: 20px; color: #fff;}
.contact-item .content .number{font-size: 20px;}
.contact-item .content .txt{padding-top: 10%;}
.contact-item.wechat{background:url(../images/lxjs_bg1.png) no-repeat right bottom #21c6b6; }
.contact-item.tel{background:url(../images/lxjs_bg2.png) no-repeat right bottom #54a5fa; }

.video_label{display: block; padding-bottom:5px;}
.video_label span{display: inline-block; margin: 3px 0px;}
.video_label span a{padding: 3px 10px;border-radius: 5px;border: #ff6900 solid 1px;color: #ff6900;display: inline-block;}
.video_label span a:hover{background: #ff6900; color: #fff;}
.boe_box .lecturer_right_box{background: #f8f8f8;}

.teacher_show_title{font-size:20px; margin-bottom: 15px;}
.teacher_show_txt{ padding-top:5px; opacity: .6; }
.teacher_show_txt .item-arg-txt{padding-right: 30px; display: inline-block;}
.teacher_show_txt .item-arg-txt:nth-last-child(1){padding: 0px;}

.video_src{padding: 20px 0px;}
.video_src_title{font-size: 18px; padding:20px 0px 10px; font-weight: bold;}

.main-card{padding: 20px 0px;}
.main-card .comment-btn{padding-top: 20px; display: block; overflow: hidden;}

.video_more_page{display: grid; width: 100%; padding:20px 0px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:20px;  border-top: #eee solid 1px; border-bottom: #eee solid 1px;}
.video_more_li{color: #999;}
.video_more_li a{margin-left: 10px;}
.video_more_li:nth-last-child(1){text-align: right;}


.lecturer_nav {padding: 0px;}
.lecturer_nav>.container{padding:5px 0px;}
.lecturer_nav .top_Search_ct{padding-top: 5px;}
.lecturer_nav .top_logo img{height:45px;}
.lecturer_nav .top_nav_width{width:25%; margin-top:5px;}
.lecturer_nav .top_logo{margin-right: 30px;}
.lecturer_nav .top_nav{position: relative; z-index: 999; padding-top:5px;}
.lecturer_nav .top_nav .active>a{color:#ff6900 !important; background: none;}
.lecturer_nav .top_nav li a{font-weight: normal; padding: 15px;}



.lecturer_banner{padding:40px 0px; background: #fff2e3;}
.lecturer_banner_ct{display: table; width: 100%;}
.lecturer_banner_img{width:20%; min-width:200px; display: table-cell; vertical-align: top;}
.lecturer_banner_img img{width: 100%;}
.lecturer_banner_txt{vertical-align: middle; display: table-cell; padding-left: 30px;  text-align: left;}
.lecturer_banner_txt .lecturer_title_name{font-size: 24px;}
.lecturer_banner_top{display: table; width: 100%;}
.lecturer_banner_top_l{display: table-cell; vertical-align: middle;}
.lecturer_banner_top_l .teacher_yh{text-align: left;}
.lecturer_banner_top_l .teacher_box_txt{text-align: left;}
.lecturer_banner_top_r{display: table-cell; vertical-align: middle; width: 300px;}
.lecturer_banner_txt .teacher-info{grid-template-columns: repeat(4, minmax(0, 1fr)); border-color: #efcea6;}
.lecturer_banner_txt .teacher_but{grid-template-columns: repeat(4, minmax(0, 1fr)); padding-top:30px;}
.teacher_but_li{/* z-index: 999999; */}
.teacher_but_txt.but_zl{background: #ff6900;}
.teacher_but_txt a{color: #fff;}
.teacher_but_txt.but_yy{background:#16baaa;}

.teachBody_keyword{padding: 0px; margin:0px -2px;}
.teachBody_keyword a{padding: 5px 8px; margin:4px 2px; background: #eee; display: inline-block; border-radius: 5px;}

.new_lecturer .swiper-container{padding:20px 0px 15px;}


.column_left_ct .lecturer_title_name{ text-align: center; padding-top: 10px;}
.nav_lecturer{background: #f0f0f0; border-bottom: #ff6900 solid 2px;}

.Personal_user_ct{ padding:15px; background: linear-gradient(45deg, #ffeadd, #f9f1e8);}
.Personal_user{display: table; width: 100%;}
.Personal_user_l{display: table-cell; width:60px; vertical-align: middle;}
.Personal_user_l img{border-radius: 100%;}
.Personal_user_r{display: table-cell; padding-left: 15px; vertical-align: middle;}
.Personal_user_name{display: block; font-size:16px; font-weight: bold;}
.Personal_user_name a{font-size: 12px; background: #fff; font-weight: normal; margin-left: 5px; border: #ccc solid 1px; color: #999; border-radius:90px; padding:2px 10px; display: inline-block;}
.Personal_user_name a.on{border-color:#ff6900;background: #ff6900; color: #fff;}
.bindico{padding-top:10px;}
.bindico a{font-size: 12px; background: #fff; border: #ccc solid 1px; color: #999; border-radius:90px; padding:2px 10px; display: inline-block;}
.bindico a i{font-size: 12px;}
.bindico a.on{border-color:#03bc9c;background: #03bc9c; color: #fff;}
.bindico a.on:nth-child(1){border-color: #ff6900;background: #ff6900; color: #fff;}
.bindico a.on:nth-child(3){border-color: #29ba5c;background: #29ba5c; color: #fff;}

.username_box{background: #fff; padding: 20px; margin-bottom: 20px;}
.username_table{display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:15px; }
.username_table_li{text-align: center;}
.username_table_li b{display: block; font-size: 24px;}
.username_table_li span{display: block; font-weight: 14px; color: #999;}
.username_table_li .but_class{padding: 3px 10px; margin-left: 10px; display: inline-block;}
.username_box .lecturer_ct{ grid-template-columns: repeat(5, minmax(0, 1fr));}
.reg_color{display: block; color: #e21c29;}

.layui-tab-brief>.layui-tab-title .layui-this{color: #ff6900;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color: #ff6900 ;}

.Profile_tab{display: block;}
.Profile_tab_li{position: relative; display: table; width: 100%; padding: 20px 0px; padding-right: 50px; border-bottom: #eee solid 1px;}
.Profile_tab_img{display: table-cell; width: 80px; vertical-align: middle;}
.Profile_tab_txt{display: table-cell; vertical-align: middle; padding-left: 10px;}
.Profile_tab_txt span{display: block; color: #999; font-size: 12px;}
.Profile_tab_txt a{color: #ff6900;}
.Profile_tab_txt b{color: #ff6900;}
.Profile_tab_icon{position: absolute; right: 5px; top: 50%; margin-top: -24px;}
.Profile_tab_icon i{font-size: 32px; color: #ddd; width: 32px; display: inline-block; text-align: center; height: 32px;  line-height: 32px; overflow: hidden; border-radius: 100%;}
.Profile_tab_icon i.layui-icon-ok{background: #ff6900; color: #fff; font-size:18px;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #ff6900;}
.layui-upload-list{border-radius: 10px; width: 220px; height: 130px; padding: 10px; border:#ff6900 dashed 1px; background:url(../images/zm_icon.png) center center no-repeat; background-size: 90% auto;}
.layui-upload-list.upload-fm{background:url(../images/bm_icon.png) center center no-repeat; background-size: 90% auto;}
.layui-upload-list img{max-height: 100%; width: 100%; border: none;}
.layui-upload-block{position: relative; display: inline-block; float: left;}
.layui-upload-block .layui-btn{width: 100%; height: 100%; position:absolute; left: 0px; top: 0px; opacity:0;}
.layui-upload-txt{display: inline-block; padding-left:20px; float: left; padding-top:20px;}

.moneys_ct{display: block;}
.moneys_li{display: inline-block;}
.moneys_li{margin-right: 5px;}
.moneys_li:nth-last-child(1){margin-right: 0px;}
.input_option_radio{display:none;}
.input_option_radio +label{position:relative; margin: 0px !important; padding:10px 20px;font-weight: normal; border-radius:0px; display: block; cursor:pointer; border:1px solid #e0e0e0 ; overflow: hidden;}
.input_option_radio:checked +label{opacity: 1; border-color:#ff6900; background:url(../images/g_icon.png) right bottom  no-repeat;}

.pay_radio{display:none;}
.pay_radio +label{position:relative; margin: 0px !important; padding-left:30px; cursor:pointer;  background:url(../images/radio_icon.png) left center no-repeat; background-size: auto 20px;}
.pay_radio +label img{height:44px;}
.pay_radio:checked +label{ background:url(../images/radio_icon_y.png) left center  no-repeat; background-size: auto 20px;}
@media (min-width:1000px) {
    .home_tab_li:hover .home_tab_img img{transform:scale(1.05);-o-transform:scale(1.05);}
    .home_tab_li:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1);}

    .lecturer_li:hover .lecturer_img img{transform:scale(1.05);-o-transform:scale(1.05);}
    .lecturer_li:hover{box-shadow: 0 5px 10px rgba(0,0,0,.2);}
    .lecturer_tr:hover{box-shadow: 0 5px 10px rgba(0,0,0,.2);}

    .lecturer_nav .top_nav_width_bg{display: inline-block; float: left; background: none; border:none;}
    .lecturer_nav .top_nav_width_bg.fixed{position: initial;}
}
@media (max-width:1200px) {
    .home_tab{grid-gap: 15px;}
    .mome_news{grid-gap:20px;}
    .top_logo img{height: 60px; margin-top: 10px;}
    .foot_nav_txt a{font-size: 12px;}
    .idx4_category{left: 0px; transform:initial; width: 210px;}
    .category_list_item{left:210px;}
    .top_nav_width{width: 60%;}
    .top_nav li a{padding: 10px 30px; font-size: 16px;}
    .banner_nav_li>a{font-size: 12px; padding: 6px 15px;}
}
@media (max-width:1000px) {

    .pc_block{display: none;}
    .mc_block{display: block; margin: 0px; margin-top: 20px; background: #f8f8f8;}

    .banner_user{display: none;}
    .bottom_nav .banner_user_bottom{padding-top: 10px;}
    .bottom_nav  .banner_user_li img{width: 25px;}
    .banner_bt{font-size: 12px;}
    .banner_bt .swiper-slide{padding: 10px 30px;}
    .foot_nav_title a{font-size: 14px;}
    .home_tab{grid-gap: 15px;}
    .top_logo img{margin-top: 0px;}

    .content_top_l{display: none;}
    .content_top_img{width: 100%; padding: 0px; float: none;}
    .content_top_r{width: 100%; padding: 0px; float: none; padding-top: 20px;}

    .pagination{padding-top: 20px;}

    .product_show_top{display: block;}
    .product_show_top_l{display: block; width: 100%; float: none;}
    .product_show_top_r{display: block; width: 100%; float: none; padding: 0px; padding-top: 30px;}

    .pagination{text-align: center; display: block; padding-bottom:5px;}
    .pagination ul li >a{ width:36px; height: 36px; line-height: 36px;}
    .pagination ul li >a.pagination_but{width:3836pxpx; text-align: center;}
    .pagination > li{margin: 0px 2px;}
    .pagination ul li >span{ width:36px; height: 36px; line-height: 36px;}
    .pagination ul li .fa{ font-size:16px; line-height: 36px;}

    .product_list_width{display: block; position:initial;}
    .column_left_ct{position: relative; height: 100%;overflow-y: auto; padding:20px;}
    .product_list_width{/* padding-bottom: 30px; */display: flow-root;}
    #column_center{position: initial; width: 100%; padding:30px 0px 0px; max-width: initial;}
    .bottom_nav{display:table;}

    #column_left{width: 100%;position: fixed;  height: 100%;background: #fff;border: none;z-index:99999;opacity: 1;top: 0px;left:-100%;padding:0px;  padding-bottom: 80px;overflow-y: scroll;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
    .column_left_Close{float:right; top: 10px; display:block !important; border-radius: 100%; font-size:26px; color:#fff; background: #333; line-height: 28px; text-align: center; position: absolute;width: 30px;height: 30px;right: 10px;}
    .column_left_Close i{display: inline-block; line-height: 30px;}
    .blog_empty_centent .panel-defalt h3{margin-bottom: 20px;}
    #column_left.calendar_left_auto{left: 0px;z-index: 99999;opacity: 1;}
    #column_center{float:none; width:100%; padding-left:0; max-width: 100%;}

    .buttons{position:fixed; bottom:0px; display: block; left: -100%; width: 100%; transition: all 0.5s;}
    .buttons span{display: block;}
    #column_left.calendar_left_auto .buttons{ left: 0px; }

    .column_left_ct{padding: 0px;}
    .lecturer_table #column_center{padding: 0px;overflow: hidden;}
    .lecturer_table #column_left{position: initial;height: initial;overflow-y:initial;/* margin-top: 20px; */background: none;padding: 0px;}

    .teacher_table #column_left{position: initial; float: none; height: initial; overflow-y:initial; margin-top: 20px; background: none; padding: 0px;}
    .teacher_table #column_center{padding-top:5px;}

    .r_course_li .mome_news_name{padding-bottom: 0px;}

    .top_header{border-bottom: #ddd solid 1px;}
    .top_header .container{position: relative;}

    

    .top_nav_svgrepo{display:inline-block;}
    .top_nav_width_bg .top_nav_svgrepo{display:block; width: 100%; float: none; margin: 0px; text-align: left; padding-left:10px; padding-top:30px;}
    .top_nav_width_bg .top_nav_svgrepo a{margin: 0px 15px;}

    .top_nav_svgrepo{margin-right:50px; padding-top: 18px;}

    .top.fixed{color: #333; position:fixed; background: #fff; left: 0px; top: 0px;
        box-shadow:0 5px 10px rgba(0,0,0,0.1);
    }
    
    .top.fixed .top_nav_svgrepo{/* padding-top: 17px; */}

    .Figma_width_but a{font-size: 20px;}

    .top_txt_width_logo img{height: 40px;}
    .top_header{padding: 0px 10px;}
    .top_nav li a{margin: 0px 25px;padding:30px 0px;line-height: 26px;}
    .top_right_padding{width: 40px; height: 40px;     background-size:18px auto;}
    .top_right_qr_box {top: 63px;}
    .banner{/* padding-top: 88px; */}
    .top_logo img{height:50px;}
    .top.fixed .top_logo img{/* height:40px; */}
    .top_language .layui-unselect{color: #333;}
    .top.fixed{position: fixed;}
    .nei_banner_txt{padding: 40px 10px;}
    .position{padding:8px 0px;}
    .nei_banner_ct{ font-size: 14px;}
    .title{font-size:24px;/* padding: 20px 0px; */}
    .title_txt{font-size: 18px;}

    .classification_li_txt{font-size: 20px;}

    .top_nav .nav_a_mobi{display:block}
    .top_nav .nav_a_pc{display:none}
    .top_logo{padding: 10px 0px;}
    .top_left{display: none}
    .top{background: #FFF;text-align: left;/* position: relative; */}
    .top_header .top_logo{position: relative;}
    .top_nav_icon{position:absolute;right:5px;top: 19px;display:block;cursor:pointer;z-index: 2;}
    .top_nav_icon span{width:24px;height:3px;background: #000;display:block;margin:6px 0px;border-radius: 15px;}
    .top_nav_icon span:nth-child(2){width: 80%;}
    .top_icon .top_icon_li{display: none;}
    .top_icon{top: 5px;}
    .top.fixed .top_logo{display: inline-block; position: relative; }
    .top.fixed .top_icon{top: 1px}
    .top:after{height: 90px;}
    .top.fixed .top_nav_icon span{/* background:#ff6900; */}
    .top_nav li:hover .arrowDG_menu{display: block;}
    .top_nav li a{text-align: left; }
    .top_nav li a i{float: right; font-size:24px;}
    .top_nav_width{position: initial;}
    .top_nav_width_bg{
        position:fixed;
        background: #fff;
        top:0px;
        left:-100%;
        height:100%;
        padding:0px;
        width:100%;
        padding:0px;
        padding-right: 0px;
        z-index:99;
        opacity:1;
        overflow:auto;
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        -ms-transition:all .5s;
        -o-transition:all .5s;
        transform:all .5s;
    }
    .top_nav_width_bg.fixed{left: -100%;}
    .top_nav_width_bg.on{left: 0px; top: 0px !important;}
    .top_nav li a{margin: 0px; padding: 15px 20px;}
    .top_nav_width_bg .container{padding: 0px;}

    .lecturer_ct{grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 20px;}
    .mome_news_txt{/* padding: 0px; */}
    .mome_news_txt a{padding-bottom:5px;}
    .mome_news_name{/* display: block; *//* position: initial; *//* color: #999; *//* padding-bottom: 15px; */}

    .top_nav{position:relative; padding-bottom: 10px; height: 100%; width:100%; background: #fff; z-index: 9; top: 0px; left: 0px;}
    .top_nav_width_bg:before{background:#000; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); width: 100%; position: fixed; z-index:1; left: -100%; top:0px; height: 100%; content:""; display: block;}
    .top_Search_icon{display: inline-block;width: 22px;margin-top:4px;float: right;height: 22px;background:url(../images/search_icon.png) center center no-repeat;background-size: cover;margin-right: 60px;margin-top: 25px;}
    .top_Search .but_class{width: 55px;height:38px;}
    .top_Search_ct{ display: none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); background: #fff; border-top:#f2efde solid 1px; position: absolute; top: 100%;  left:-15px; right: -15px; padding: 15px; z-index: 9;}

    .top_nav li>a{ color: #333;}
    .top_nav li{display: block; float: none;}
    .top_nav{display: block; text-align: center;}
    .top_nav li>a{display: block;}
    .top_nav li:hover>a:before{display: none;}
    .arrowDG_menu{ position: relative; height:auto; display: none; opacity:1; background: #eee!important;}

    .navbarbox_li{width: 100%; padding: 10px!important;}
    .navbarbox_li_txt{width: 50%;}
    .top_nav .navbarbox_li_txt a{font-size: 12px; line-height: 20px;}
    .top_nav .navbarbox_li_txt img{margin-right: 5px; height: 20px;}
    .navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 50%;}
    .top_nav li{border-bottom: #ddd solid 1px;}
    .top_nav li a{padding: 15px2;font-size: 16px;8px;}
    .cor_ls{ color: #4eb6c0}
    .cor_hs{ color: #ea618b}
    .top_nav_width_logo{display: block; padding:20px 20px 15px; text-align:center;}
    .top_nav_width_logo img{width:40%;}
    .top_nav_Close{display: block;padding:5px;color: #fff;font-size: 30px;position: absolute;top: 0px;z-index: 9999;right: 0px;background: #000; cursor: pointer;}
    .top_nav_Close i{font-size: 30px; }
    
    .nav_lecturer .top_nav{display: flow-root;}
    .nav_lecturer .top_nav li{float: left; display: inline-block;}
    .nav_lecturer .top_nav{padding: 0px; background: none;}
    .nav_lecturer .top_nav li a{padding:8px 20px; font-size: 16px;}
    .nav_lecturer .top_nav li{border: none;}
    
    .arrowDG_menu{box-shadow: 0 5px 10px rgba(0, 0, 0, 0);}
    
    .top_nav_mobile{left: 0px;}
    .top_nav_mobile .top_nav_width_bg{left: 0px;}
    .top_nav_mobile .top_nav_width_bg:before{left: 0px;}

    .Inner_banner_title h1{font-size: 56px;}

    .product_width_li_ct_title h2{font-size:24px; line-height: 1.3; margin: 2px 0px;}

    .arrowDG_menu_w .arrowDG_menu{width: 100%;}

    .top_nav li{position: relative;}
    .arrowDG_menu_icon{position: absolute; right: 0px; top:6px; padding: 0px 10px; right: 10px; z-index: 2;}
    .arrowDG_menu_icon:after{ content: "+"; display: block; font-size: 30px; color:#333!important; line-height: 1.2;}
    .arrowDG_menu_w .navbarbox_ul_li a{color:#333}
    .top_nav li .arrowDG_menu_icon:hover .arrowDG_menu{ display: block;}
    .arrowDG_menu_w .navbarbox_ul_li{text-align: center;}
    .arrowDG_menu_icon_j:after{ content: "-";}
    .top_icon .top_icon_block{display: inline-block; padding:14px 5px;}
    .top_language, .top_right_user, .top_right_Collection{float: right;}
    .top_language{margin-top: 22px;line-height: 20px;padding: 2px 10px;width:65px;padding-right: 0px;}
    .top_right_padding{ margin:15px 5px;}
    .fixed_top .top_language .layui-form-select{background: url(../images/cn_icon.png) left bottom no-repeat; background-size:20px auto;}
    .top_icon{padding-right: 0px;}
    .top_language .layui-form-select{padding-left: 25px;}


    .banner_txt_li_txt{font-size: 16px;}
    .banner_txt_li_icon{width: 50px;}
    .banner_txt_li_icon span{width: 50px; height: 50px;}

    .home_li{padding:40px 0px;}
    #banner_video_swiper0{overflow: hidden;}
    .banner_txt_width{display: block;}
   

    .home_video_txt{font-size:20PX; padding: 15px;}
    .home_video_txt h1{font-size: 20px;}
    .evaluate_table_icon img{height: 25px;}

    .Rectangle_width{padding: 30px 10%;}
    .Rectangle_width_txt b{font-size: 26px;}
    .Rectangle_width_txt b h2{font-size: 26px;}

    .designer_li_txt b{font-size: 24px;}
    .designer_li_txt{height: initial;}
    .designer_two_li .designer_li_txt{padding:10px 20px;}

    .designer_but a{font-size: 24px;}
    .designer_but{padding-top:5px;}

    .Frame_width{display: block;background:url(../images/Frame_bg.jpg) center top no-repeat #ff6900;background-size: auto 60%;padding:30px 0px 50px;}
    .Frame_width_title{font-size: 28px;}
    .Frame_width_title h2{font-size:28px;}
    .Frame_width_img{padding:30px 0px ;}
    .Frame_table_li h3{font-size: 24px; line-height: 1.4; padding:5px 0px 15px;}

    .Frame_width_bottom_txt{font-size: 24px; padding: 30px 0px 20px;}

    .Overview_title{font-size:32px;}
    .Overview_table_li{margin-top: 20px; margin-bottom: 30px;}
    .Overview_table_li{}
    .Overview_table_li_img{width: 280px;}
    .Overview_table_li_txt_top{font-size:24px;}
    .Overview_table_li_txt_title{font-size:18px; padding: 5px 0px;}

    

    .Vector_table_li{padding: 10px;}
    .Vector_table_li_img img{height: 50px; }
    .Vector_table_li_txt{font-size: 18px;}
    .Vector_table_li_title{font-size: 32px;padding:20px 0px 10px;}

    .students_title{font-size: 32px;}

    .evaluate_table{padding: 15px;}
    .students_img_icon{width: 40px; height: 40px; bottom:-20px; left: 10px;}
    .evaluate_table_title{padding-top:10px; padding-bottom:10px;}

    .students_swiper .banner_swiper_Pagination{display: none;}
    .students_width .swiper-pagination{padding-top: 20px;}

   

    .foot_bg{padding: 20px 0px;}

    .fixed_top .container{padding: 0px;position: relative; width: 100%;}
    .banner_centent_Video{padding:5% 15px;}

    .Submit_order_width{padding: 30px 0px; display: block;}
    .Submit_order_left{width:100%; padding: 0px; display: block; float: initial; margin-bottom: 20px;}
    .Submit_order_right{width:100%; padding: 0px; display: block; float: initial;}

    .Submit_order_left_title{padding: 15px;}


    .Reaping_title_img{height:80px;}
    .Reaping_table{ grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:20px; display: grid; }
    .Reaping_table_li{width: 100%; padding: 0px;}
    .Reaping_table_li_bg{padding:15px;}
    .Reaping_table_li_name{display: block; font-size: 24px;}

    .banner_centent_box_but{padding-top:15px;}
    .banner_centent_box_but a{font-size: 16px;}
    .banner_centent_box_txt span{font-size: 16px;}

    .Shopping_Cart_l{padding: 0px; width: 100%; float: none;}
    .Shopping_Cart_r{width: 100%; float: none; padding: 0px; padding-top: 20px;}

    .username_box .lecturer_ct{ grid-template-columns: repeat(4, minmax(0, 1fr));}

}

@media (max-width:768px) {

    .username_box .lecturer_ct{ grid-template-columns: repeat(3, minmax(0, 1fr));}

    .box_table_centent{padding: 20px;}
    .box_table_title{font-size: 24px;}
    .box_table_ct{left: 20px; top: 80px; bottom: 20px;}
    .box_table_txt{font-size: 16px;}
    .box_table_date{font-size: 16px;}
    .box_table_txt b{font-size: 18px;}
    .banner_centent>img{position: absolute; height: 100%; left: 0px; top: 0px;}
    .banner_centent_box{position: relative;padding:30px;}
    .banner_centent_box_img{display: none;}
    .banner .banner_centent>img{width: 200%;margin-left: -50%;max-width: initial;}
    .banner_centent_box_txt{text-align: center;padding: 0px;}
    .banner_centent_box{display: block;}
    .banner_centent_Video_l{display: block; width: 100%;}
    .banner_centent_Video_r{display: block; width: 100%; padding-top: 25px;}
    .people_width_tbale{flex-wrap: wrap; display: flex; }
    .people_width_txt{display: block; padding: 0px; padding-top:20px; order: -1; text-align: center;}
    .people_width_img{text-align: center; width: 100%; padding: 0px ; min-width: initial;}

    .Frame_width .swiper-wrapper{display: block;}
    
    .Review_centent{display: block;}
    .Review_centent .banner_centent_box_img{display: block; text-align: center; width:90%; margin: 0px auto;}
    .Review_centent .banner_centent_box{width: 100%;/* padding-top: 10px; */}
    .banner_centent_box .banner_centent_box_txt{padding: 0px;}
    .banner_centent_box_but button{margin: 0px auto;}

    .banner_centent_Video_r .banner_centent_Video_txt{font-size:16px; text-align: center; padding-bottom: 5px;}

    .banner .banner_swiper_Pagination{width:80%; display: none;}
    .swiper-button-next, .swiper-button-prev{width: 42px; height: 42px;}
    .banner_centent_box .banner_centent_box_txt{padding: 0px 20px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{display: block; bottom: 10px;}

    .evaluate_width{padding: 20px 0px;}
    .students_width{padding: 20px 0px;}

    .product_show_ct{padding: 30px 0px;}
    .product_show_top_title{font-size: 18px;}
    .product_show_top_r{padding-top: 20px;}
    .product_show_but{grid-gap:15px; padding-top: 20px;}
    .product_show_nav_li a{padding: 8px 15px;}
    .product_show_table_tr{display: block; padding: 15px;}
    .product_show_table{border:none;}
    .product_show_table_txt{display: block; width: 100%; text-align: left; padding: 0px; padding-bottom: 10px; border: none;}
    .product_show_table_tab{display: block; width: 100%; padding: 0px; overflow-y: auto;}
    .calculator-new-box{width: 750px;}
    .calculator-select{ width:65px;}
    .calculator-select select{padding-left:8px;}
    .calculator-btn li .but_class{padding: 7px 50px;}
}
@media (max-width:500px) {

    .username_box .lecturer_ct{ grid-template-columns: repeat(2, minmax(0, 1fr));}

    .top_txt_li{margin:3px 0px; margin-right:15px;}
    .top_txt_right a{margin-right:15px;}
    .banner_txt_width{display: block;}
    .Reaping_title_img{height: 80px;margin-top: 30px;margin-bottom: 13px;}
    .Reaping_table{ grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px; display: grid;padding-top:10px; }
    .Reaping_table_li_name{display: block; font-size:20px; padding: 5px 0px;}
    .top_Search_ct{right: 0px; left: 0px;}
    .top_Search_icon{margin-top: 15px; margin-right: 50px;}
    .banner_nav{display: none;}

    .Receiving_ct .product_ct .product_tr{border: #e0e0e0 solid 1px; padding: 0px; margin: 10px auto;}
    .Receiving_ct .product_ct .product_tr:nth-child(2n-1){background: #fff;}

    .top_txt{font-size: 12px;}
    .top_txt_li.hy{display: none;}
    

    .Shopping_Cart_li{padding: 10px;}
    .Shopping_Cart_img{width: 80px;}
    .Shopping_Cart_vt{font-size: 12px;grid-gap:10px}
    .delivery{padding:15px 10px;}

    .foot_bg{/* display: none; */}
    #column_center{padding-top: 20px;}
    .column_nav{font-size: 12px; padding-right: 50px;}
    .column_nav_name{width: 55px;}
    .column_nav_ct span{font-size: 12px;}
    .product_th{display: none;}
    .product_tr{display: block; width: 100%; overflow: hidden; padding: 15px;}
    .product_td{display:block; padding: 0px;}
    .product_td_1{display: block; width: 100%; padding-bottom: 10px;}
    .product_td_title{display: inline-block; opacity: .6;}
    .product_td_2{width:28%; float: left;}
    .product_td_2 img{width: 100%; height: initial;}
    .product_ct .product_tr{margin-bottom: 2px;}
    .product_ct .product_tr:nth-child(2n){background: #fff;}
    .product_td_3{float: left; width: 70%; padding-left: 15px;}
    .product_td_4{float: left;width: 70%; padding-top:5px;padding-left: 15px;}
    .product_td_5{display:flex; width: 100%; padding-top: 10px; opacity: .6;}

    #banner_video_swiper0{overflow: hidden;}
    .banner_centent{overflow: hidden;}
    .banner_centent>img{width: 200%; max-width: initial; margin-left: -50%;}
    .Reaping_li_img img{width: 70%;}

    .Rectangle_width_txt h2{font-size: 24px; padding-bottom: 10px;}

    .people_width_txt h2{font-size: 24px; padding-top:0px; padding-bottom:20px;}
    .people_width{padding: 30px 0px; flex-wrap: wrap; display: flex;}
    .people_width_img{order: -1;}
    .designer_li_txt_width{display: block; padding-top: 20px;}
    .designer_li_width .designer_li_txt{aspect-ratio:initial;}
    .designer_li{padding: 0px; padding-bottom:20px;}

    body{font-size: 14px;}
    .top_txt{font-size: 14px;}
    .top_logo{padding: 10px 0px;}
    .banner{/* padding-top: 45px; */}
    .top_logo img{height:32px;}
    .top_nav_icon{top:10px;right:10px;}
    .top_nav_icon span{margin:6px 0px; width: 26px;}

    .banner_txt_li{width: 100%; display: block;}
    .banner_txt_li_icon{width: 40px;}
    .banner_txt_li_icon span{width:40px; height: 40px; padding:8px;}
    .banner_txt_li_icon{padding-top:5px;}
    .banner_txt{padding: 10px 0px;}

 
    .home_video_txt{font-size: 16px; padding: 10px;}
    .home_video_txt h1{font-size: 16px;}

    .evaluate_width .swiper-wrapper{display: block; overflow: hidden;}
    .evaluate_width .swiper-slide{display: block; width: 100%; margin: 10px 0px;}
    .evaluate_table_icon img{height: 22px;}
    .evaluate_table_txt{padding: 10px 0px;}
    .evaluate_table_cy{padding-top: 10px;}

    .Rectangle_width{padding:15px;}
    .Rectangle_width_txt b{font-size: 24px; padding-bottom: 10px;}
    .Rectangle_width_txt b h2{font-size: 24px;}

    .designer_width{display: block;}
    .designer_two{padding:0px 0px 0px; margin-top:-10px;}
    .designer_li{width: 100%; display: block;}
    .designer_li_width{display: block;}
    .designer_two_li{display: block;}
    .designer_two_li .designer_li_img{display: block; width: 100%;}
    .designer_two_li .designer_li_txt{padding: 10px;}
    .designer_two_li{padding:10px 0px;}
    .designer_two_li:nth-child(2n) {flex-wrap: wrap; display: flex;}
    .designer_two_li:nth-child(2n) .designer_li_img{order: -1}

    .designer_but{padding-bottom: 10px;}
    .designer_but a{font-size: 20px;border-radius: 15px;padding: 20px;}

    .Frame_width_title{font-size: 22px;}
    .Frame_width_title h2{font-size:22px;}
    .Frame_width{display: block;background:url(../images/Frame_bg.jpg) center top no-repeat #ff6900; background-size: auto 36%; padding:25px 0px 20px;}

    .Frame_table .swiper-slide{min-width:initial; width: 100%; margin: 10px 0px; padding:0px;}
    .Frame_table_li{padding: 15px;}
    .Frame_table_li h3{font-size: 20px; padding: 5px 0px;}
    .Frame_width_bottom_txt{font-size:18px; padding-top: 15px;}

    .Overview_title{font-size: 26px;}
    .Overview_title h2{font-size: 26px;}
    .Overview_table_li{min-height:85px; display: block; padding-left: 0px;}
    .Overview_table_li_img{width:60%;margin: 0px auto;position: initial;display: block;}
    .Overview_table_li_txt{display: block; padding: 0px; padding-top: 10px; text-align: center;}
    .Overview_table_li_txt_top{font-size: 18px;}
    .Overview_table_li_txt_title{font-size:16px; padding: 0px;}
    .Overview_table_li_txt_ct{display: block;     -webkit-line-clamp:30;}
    .Overview_table_li{margin-top: 10px; margin-bottom: 20px;}
    .Overview_table_li_txt_top h3{font-size:20px;}

    .Vector_width{padding:20px 0px;}
    .Reaping_width{padding-top: 10px;}
    .Vector_table_li{width: 100%; padding:15px 0px; display: table; width: 100%; text-align: left;}
    .Vector_table_li_img img{height:55px;}
    .Vector_table_li_title{padding: 10px 0px 0px; font-size: 26px;}
    .Vector_table_li_txt{font-size: 16px; line-height: 1.4;}
    .Vector_table_li_img{display: table-cell; padding-left:10px; padding-top:8px; vertical-align: middle; width: 95px;}
    .Vector_table_li_title{padding-top: 0px;}

    .students_title{font-size: 18px;}
    .students_swiper{margin-top: 15px;}
    .Frequently_width{padding-top:10px;}
    .Vector_width{padding-bottom: 20px;}
    .Vector_width .students_title{padding-top: 15px;}
    .Overview_title{padding-bottom: 20px;}



    .foot_bg{padding: 15px 0px;}
    .foot_logo img{height: 60px;}
    .foot_txt{font-size: 14px; padding: 10px 0px;}
    .foot_txt h2{font-size: 14px;}
    .foot_link a{font-size: 14px;}
    .foot_link span{padding:0px 10px;}
    .foot_bottom{font-size: 14px; padding: 10px 0px;}
    .panel-defalt h3{font-size: 16px;}

    .panel-defalt h3{padding: 15px 30px; padding-left:42px;}
    .panel-defalt h3 span{left:10px;}
    .panel-defalt h3 i{right: 10px;}

    .Submit_order_width{padding: 20px 0px;}
    .Submit_order_left_title{padding:15px 10px; font-size: 18px;}
    .Submit_order_table{padding: 15px;}
    .Submit_order_table_title{padding-bottom: 10px; font-size: 18px;}
    .input_class{/* font-size: 16px; */padding: 10px 15px;}
    .Submit_order_table_li{padding-bottom: 10px;}
    .Submit_order_table_li .width_50{padding-right: 5px;}
    .Submit_order_table_li .width_50:nth-child(2n){padding-left: 5px;}

    .Submit_order_table_icon{padding:0px; padding-bottom:10px;}
    .Submit_order_table_icon img{height: 50px;}
    .Submit_order_tut{font-size: 18px; margin-bottom: 10px; margin-top: 10px;}
    .Submit_order_taxt_icon{width: 30px;}
    .Submit_order_taxt_name{font-size: 16px; padding-left: 5px;}
    .Submit_order_taxt_price{width:65px;}
.radio_class + label {background: url(../images/checkout.png) no-repeat left center; background-size:20px auto; line-height:20px; min-height: 20px;}
.radio_class:checked + label{background:url(../images/checkout_d.png) no-repeat left center; background-size: 20px auto;}

.Payment_radio + label {background: url(../images/radio_icon.png) no-repeat left center; background-size: 20px auto; margin: 0px; line-height:20px;min-height: 20px; display:block; padding: 0; padding-left:25px; cursor:pointer;}
.Payment_radio:checked + label{background:url(../images/radio_icon_y.png) no-repeat left center; background-size: 20px auto;}
.Payment_radio[disabled] + label {background:url(../images/radio_icon_y.png) no-repeat left center; cursor: auto; background-size: 20px auto;}

.Submit_order_label{font-size: 16px;/* padding: 15px; */}
.Submit_order_product .Submit_order_taxt_img{width: 100px; padding: 0px 10px;}
.Submit_left_label{padding: 5px 10px; font-size: 14px;}
.Submit_order_code_but{width: 90px;}
.Submit_order_code{padding-right: 100px;}
.Submit_order_code_but button{line-height: 48px; height: 48px; font-size: 16px;}

.Submit_order_total{font-size: 16px;margin-top: 15px;padding: 15px 0px;}
.Submit_order_buttom button{font-size: 18px; border-radius: 15px; padding: 12px 10px;}
.Submit_order_right_price_title{font-size: 22px;}
.Submit_order_right_price_bum{font-size: 22px;}
.Submit_order_right_price_bum span{font-size: 18px; padding-right: 5px;}
.Submit_order_right_icon{font-size: 14px; top: 13px; left: -50px; height: 30px; line-height: 30px;}
.Submit_order_right_price{padding: 20px 15px;padding-left: 60px;}
.Submit_order_right_title{font-size: 18px; padding: 10px 0px;}
.Submit_order_right_banner{padding: 30px 0px;}
.Submit_order_right_li{padding: 8px 0px;}
.Submit_order_right_li_icon{width: 45px;}
.Submit_order_right_li_icon i{font-size: 26px;}

.Submit_Based{padding: 20px 0px;}
.Submit_Based .students_title{font-size: 22px;}
.Submit_Based_table{padding-top: 15px;}
.Submit_Based_table_li{width: 100%; padding: 5px 0px;}
.Submit_Based_pr{padding: 15px;}
.Submit_Based_pr_top{ padding-bottom: 15px;}
.Submit_Based_pr_top img{height: 60px;}
.Submit_Based_pr_title{font-size: 16px; padding-top: 12px;}
.Submit_Based_pr_img{padding-top: 15px;}

.Submit_Ritter_table{padding-top: 10px; padding-bottom: 10px;}
.Submit_Ritter_li{padding: 5px 0px;}
.Submit_Ritter_li{width:100%;}



.Review_centent .banner_centent_box{padding: 30px 0px;}
.banner .banner_centent>img{width: 200%;margin-left: -50%;max-width: initial;}
    .banner_centent_box_txt h1{font-size:24px;padding-bottom: 10px;}
    .Review_centent .Figma_centent .banner_centent_box_img{padding-top: 10px;}
    .Review_centent .banner_centent_box h2{font-size: 18px;}
    .banner_centent_box_txt h2{font-size:16px;}
    .banner_centent_box_img{width: 40%;}
    .banner_centent_box_txt span{font-size: 14px;padding: 5px 0px;}
    .banner_centent_box_but a{font-size: 14px;padding: 10px 20px;}
    .banner_centent_box_but{padding-top:10px;}

    .Submit_order_checkbox{padding-top: 20px;}
    .Submit_order_checkbox .radio_class + label{padding-left: 35px;}

    .top_txt_width_logo{width: 85px;}

    .video_icon_but{right: 10px; bottom: 10px; padding: 8px 3px; }
.video_icon_but_li{float: left; padding:0px 5px;}
.video_icon_but_li img{height:16px; cursor: pointer;}

.box_table_centent{padding: 15px;}
    .box_table_title{font-size: 20px; padding: 0px 20px; line-height: 1.3;}
    .box_table_ct{left: 20px; top: 80px; bottom: 20px;}
    .box_table_txt{font-size: 14px;}
    .box_table_date{font-size: 14px;}
    .box_table_txt b{font-size: 16px;}
    .box_close{right: 5px; top: 0px;}
    .box_close i{font-size: 26px;}
    .box_table_txt b{padding: 10px 0px;}
    .Submit_order_right_price_bum b{padding: 10px 5px;}

    .Submit_order_right_Early_title{font-size: 22px;}
    .Submit_order_right_Early_price_b{font-size: 32px;}
    .Submit_order_right_Early_price_so{padding-left: 10px;}
    .Submit_order_right_Early_price_so b{padding: 0px 5px;}
    .Submit_order_right_Early{padding: 15px;}


    .Payment_Successful_icon i{height: 70px; line-height:70px; width: 70px; font-size: 36px;}
.Payment_Successful_width{padding:70px 20px; text-align: center;}
.Payment_Successful_icon{display: block;}
.Payment_Successful_title{font-size:22px;  padding:15px 0px 20px; }

.Payment_Successful_email{display: block; padding-top:25px; font-weight: 700; font-size: 18px; }
.Payment_Successful_email i{font-size:26px;}


.foot_api_width{padding-top: 20px;}
.foot_api_img{padding-left:5px; margin-left:5px; border: none;}
.foot_api_img img{height: 25px;}

.Submit_order_right_Frame{padding: 20px 0px 10px;}

.Submit_order_total_Payment{display: block; text-align: left;}
.Submit_order_total_Payment span{display: block; float: none;}
.Submit_order_total_Payment{padding-bottom: 10px;}
.Submit_order_total_Payment .payment_radio{display: block;text-align: left;float: none;margin-left: 0px;margin-top: 10px;}

.Submit_order_total_li .left{margin-top: 1px;}


.banner_centent_Video{padding:20px 15px; display: block;}
.banner_centent_Video_l{display: block; padding: 0px; width: 100%;}
.banner_centent_Video_r{display: block; width: 90%; margin: 0px auto; text-align: center;}
.designer_li_width .designer_li_txt{display: block; padding:15px 0px; aspect-ratio:initial}

.Frame_table .swiper-wrapper{display: block;}
.Frame_table .swiper-slide{width: 100%; margin:10px  0px ;}

.Enrolled_width{grid-template-columns: repeat(1, minmax(0, 1fr));     grid-gap:15px;   padding-top:10px;}
.Enrolled_width_pr{padding: 10px;}
.Enrolled_width_tuds img{height: 20px;}
.Courses_bottom_but{padding-top: 10px;}
.Courses_bottom_but_r a{font-size: 16px;}
.Courses_bottom_but_l{display: none;}
.banner_centent_box_but button{width:60%; font-size: 18px;}
.Review_table .banner_centent_box_but{padding-top: 0px;}
.Review_table{padding-top: 15px;}
.Review_centent_title{font-size: 16px; padding-bottom: 10px;}
.Review_table_input{margin-bottom: 15px;}
.foot_two .foot_api_img img{height: 26px; margin: 0px;}
.foot_two .foot_api_img{margin-left: 10px;}
.foot_api_width{font-size: 12px;}

.Figma_width{padding: 30px 0px;}
.Figma_width_img{padding: 20px 0px;}
.Speaking_width{padding: 30px 0px;}
.Figma_width_but a{font-size: 18px; margin: 0px 5px; padding: 10px 20px; border-radius:8px;}

.Figma_width .students_title{font-size: 18px;}

.Review_centent .banner_centent_box h1{font-size: 24px;}
.Review_centent .Figma_centent .banner_centent_box_img{width: 100%; padding:10px 0px 0px;}
.Review_centent .banner_centent_box{padding: 30px 5px;}

.top_header{padding: 0px;}
.key-item{padding: 20px 0px;}
.key-list a{font-size: 14px;}

.top_header .container{padding: 0px 10px;}
.top_nav_svgrepo{margin-right:45px; padding-top:13px;}
.top_nav_svgrepo a{margin-left: 15px; display: none;}
.top.fixed .top_nav_svgrepo{/* padding-top:50px; */}
.banner .swiper-slide{overflow: hidden;}
.banner_bt{height: 28px;}
.banner .swiper-slide img{/* width: 140%; *//* max-width: initial; *//* margin-left: -35%; */}
.banner_bt .swiper-slide{padding: 5px 10px;}

.home_li{padding: 20px 0px;}
.home_tab{grid-template-columns: repeat(1, minmax(0, 1fr));}
.home_tab_txt{padding: 15px;}
.mome_news{grid-template-columns: repeat(1, minmax(0, 1fr));}
.mome_news_title{/* padding: 15px; */}
.mome_news_img{padding: 0px 15px 10px;}
.mome_news_txt a{/* padding: 10px 0px; */}
.top_Search .but_class{height: 40px;}
.foot_nav_li:nth-child(1){width: 100%; padding-top: 0px;}
.foot_nav_li{width: 50%; padding-top: 20px;}
.foot_bottom_txt{display: block; padding:8px 0px;}
.foot_bottom_txt span{display: block;}
.top_txt .container{padding: 5px 15px;}
.foot_bottom_li{padding: 0px;}

.bottom_nav{display:table;}
.main{width: 40px; bottom: 60px; right:5px;}
.foot_bottom{/* padding-bottom: 60px; */}
.top_nav{overflow-y: auto; padding-bottom: 60px;}
.nei_banner_txt{padding: 30px 10px;}
.title{font-size: 20px;}

.Solution_title{font-size: 20px;}
.Solution_txt h3{font-size: 16px;}
.Solution_txt{padding-top: 20px; font-size: 14px;}
.Solution_tab{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:15px;}
.Solution_tab_li_img{width: 100px;}

.contact_ct{padding: 30px 0px;}
.contact_tab{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:1px;}
.contact_nav_tab{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px;}

.login_bg{padding:30px 20px; min-height: auto;}
.login_width{display: block;}
.login_width_l{display: block; width: 100%;}
.login_table .tabs li a{padding: 12px 0px; font-size: 18px;}
.login_table .login_content{padding: 20px 20px 0px;}

.Personal_table{padding:20px 0px;}
.Receiving_ct .product_ct .product_tr{padding-top: 5px; margin: 0px; margin-top: 15px;}
.Personal_td{display: inline-block;}
.Personal_td_1{width: 100%; padding: 10px 15px 0px; float: left;}
.Personal_td_2{width: 100%; padding: 5px 15px; float: left;}
.Personal_td_3{ width: 100%; padding:5px 15px;}
.Personal_td_4{display: flex; width: 100%; padding:0px 15px;}
.Personal_td_5{display: block; padding:8px 15px; margin-top: 15px; width: 100%; text-align: right; background: #f2efde;}

.Competition_selection{padding: 10px;}
.Competition_selection_li{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px;}
.Competition_selection_date{padding-top: 10px;}
.Competition_selection_date .login_table_li{display: block;}
.Competition_selection_date .Competition_selection_but{padding: 0px ; text-align: center; margin: 0px auto; padding: 15px 0px; display: block; width: 100%;}
.order_td_1{padding: 10px 15px; display: block; width: 100%;}
.order_td_2{padding: 0px 15px 15px; display: block; text-align: right; width: 100%;}
.order_td_3{padding: 0px 15px 15px; display: block; text-align: right; width: 100%;}
.order_td_4{padding: 0px 15px 15px; display: block; text-align: right; width: 100%;}
.order_td_5{padding: 0px 15px 15px; display: block; text-align: right; width: 100%;}
.order_td_6{padding: 0px 15px 15px; display: block; text-align: right; width: 100%;}
.order_td_7{display: block; padding:8px 15px; width: 100%; text-align: right; background: #f2efde;}
.Personal_table .product_td_title{float: left;}
.order_show_top{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:10px;}
.order_show_top_txt{padding-top: 5px;}

.invoice_td_1{display:block; width: 100%; padding:10px 15px 5px; font-weight: bold;}
.invoice_td_2{display:block; width: 100%; padding:5px 15px;}
.invoice_td_3{display:block; width: 100%; padding:5px 15px;}
.invoice_td_4{display:block; width: 100%; padding:5px 15px;}
.invoice_td_5{display: block; padding:8px 15px; margin-top:5px; width: 100%; text-align: right; background: #f2efde;}

.Pre_deposit_1{display:block; width: 100%; padding:10px 15px 5px; font-weight: bold;}
.Pre_deposit_2{display:block; width: 100%; padding:5px 15px;}
.Pre_deposit_3{display:block; width: 100%; padding:5px 15px 15px; opacity: .6;}

.js_nr{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:15px;}
.js_nr_li_l{width:50px}
.js_nr_li_r{font-size: 12px;}
.js_nr_li_r h2{font-size: 14px;}
.title_box{height: 40px;}
.title_nav{display: block; margin: 0px -8px; padding-top: 20px;}
.title_nav a{padding: 8px; white-space: nowrap;}
.title_more{position: absolute; right: 0px; top:0px;}
.lecturer_ct{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:10px;}
.lecturer_img_icon{left:-5%; bottom:5%;  transform: scale(0.8); }
.aside{transform: scale(0.9); right: 0%;}
#floating-image{width:30px;bottom: 80px;}
.floating-ct img{border-radius: 3px;}
.floating-close i{font-size: 14px;}

.filter_condition{margin: 20px 0px;}
.filter_condition .layui-clear{display: block;}
.filter_condition .tit1{display: block; width: 100%; border: none; padding:10px;}
.filter_condition .category{display: block; padding: 10px 7px; padding-top: 0px;}
.filter_condition .category a{padding:5px 10px; margin:3px; font-size: 12px;}

.name_icon img{height: 20px;}
.lecturer_title_label{padding-top: 10px;}
.name_icon span{font-size: 12px; height: 20px; width: 20px; line-height: 20px;}
.lecturer_title_label span{margin: 2px 0px;}
.lecturer_tr_img{width: 100px;}
.lecturer_title{padding-left: 10px;}

.teacher_bg_txt{font-size: 14px;}
.teacher_bg .lecturer_title_label a{font-size: 14px;}

.teacher_train .train-item{display: block;}
.teacher_train .train-item .thumb{width: 100%; display: block;}
.teacher_train .train-item .thumb img{width: 100%;}
.teacher_train .info{width: 100%; display: block; padding: 0px; padding-top:10px;}
.teacher_train .item-title{font-size: 16px;}
.lecturer_video_ct{grid-template-columns: repeat(1, minmax(0, 1fr));}

.contact-box{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:15px;}
.contact-item .icon{width: 100px; height: 100px;}

.video_more_page{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:15px; }
.video_more_li:nth-last-child(1){text-align: left;}
.content_top_r .mome_news_li{margin-top: 0px;}
.content_top{padding: 15px 0px;}
.banner_lecturer{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:15px; display: none;}

.lecturer_nav .top_logo img{height: 32px;}

.lecturer_banner{display: block; padding: 25px 0px;}
.lecturer_banner_ct{display: block; }
.lecturer_banner_img{display: block; width:100%; text-align: center;}
.lecturer_banner_img img{border-radius: 100%; width: 60%; max-width: 160px;}
.lecturer_banner_txt{display: block; padding: 0px; padding-top: 20px;}
.lecturer_banner_top{display: block;}
.lecturer_banner_top_l{display: block; text-align: center;}
.lecturer_banner_top_l .teacher_yh{text-align: center;}
.lecturer_banner_top_l .teacher_box_txt{text-align: center;}
.lecturer_banner_top_r{display: block; width: 100%;}
.lecturer_banner_txt .teacher-info{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:10px;}
.lecturer_banner_txt .teacher_but{grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:10px; padding-top: 15px;}
.nav_lecturer .top_nav li a{font-size: 14px; padding:5px; text-align: center;}
.nav_lecturer .top_nav li{width: 33.333333%; float: left;}
.layui-upload-txt{padding: 0px; padding-top: 5px;}
}