@font-face {
    font-family: 'iconfont';  /* Project id 4139730 */
    src: url('https://at.alicdn.com/t/c/font_4139730_6p7mjixg6zr.woff2?t=1711960656550') format('woff2'),
         url('https://at.alicdn.com/t/c/font_4139730_6p7mjixg6zr.woff?t=1711960656550') format('woff'),
         url('https://at.alicdn.com/t/c/font_4139730_6p7mjixg6zr.ttf?t=1711960656550') format('truetype');
  }
.iconfont {
    font-family: "iconfont" !important;
    font-size: 1.6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-dkw_gonggao:before {
    content: "\e603";
}
.icon-close-bold:before {
    content: "\e685";
  }
  
  .icon-menu:before {
    content: "\e674";
  }
.icon-icon3:before {
    content: "\e67f";
  }
.icon-diannao1:before {
    content: "\e63e";
  }
  
  .icon-yonghufankui:before {
    content: "\e65a";
  }
  
  .icon-gongzhonghao:before {
    content: "\e614";
  }
.icon-zhifubao::before {
    content: "\e608";
}
.icon-duigou::before {
    content: "\e659";
}
.icon-bodongtu:before {
    content: "\e60c";
}
.icon-zidingyiquyu:before {
    content: "\e65b";
  }
  
.icon-gerenzhanghu:before {
    content: "\e61c";
  }
  
  .icon-mima:before {
    content: "\e66e";
  }
  
  .icon-shouji:before {
    content: "\e8b9";
  }
  
  .icon-zhanghuguanli:before {
    content: "\e62c";
  }

.icon-yue:before {
    content: "\e647";
  }
  
.icon-qianbaoqiandaiyue:before {
    content: "\e61e";
}
  
.icon-yue1:before {
    content: "\e65c";
}
.icon-weixin:before {
    content: "\e602";
}
.icon-xiangxia:before {
    content: "\e600";
  }
  
  .icon-xiangshang:before {
    content: "\e601";
  }
  
.icon-shouye:before {
    content: "\e64f";
  }
  
  .icon-huiyuanzhanghaoguanli:before {
    content: "\e609";
  }
  
  .icon-caiwu:before {
    content: "\e70e";
  }
  
  .icon-dingdan:before {
    content: "\e63f";
  }
  
  .icon-goujianshilihua:before {
    content: "\e675";
  }
  
  .icon-jian:before {
    content: "\e620";
  }
  
  .icon-jia:before {
    content: "\e622";
  }
  
  .icon-diannao-shuju:before {
    content: "\e638";
  }
  
  .icon-_rengongzhineng:before {
    content: "\e607";
  }
  
  .icon-gouwuche:before {
    content: "\e653";
  }
  
  .icon-diannao:before {
    content: "\e71a";
  }
  
  .icon-shuaxin:before {
    content: "\e69b";
  }
  
  .icon-lingxing:before {
    content: "\e62d";
  }
  
  .icon-QQ:before {
    content: "\e882";
  }

  .icon-xinxitishi:before {
    content: "\e6cd";
  }

  .icon-xinxi:before {
    content: "\e6ad";
  }

.icon-setting:before {
    content: "\e707";
}

.m20{
    margin: 2rem;
}
.mt0 {
    margin-top: 0;
}
.mt10 {
    margin-top: 1rem;
}
.mt20 {
    margin-top: 2rem;
}
.mt50 {
    margin-top: 5rem;
}
.mb10 {
    margin-bottom: 1rem;
}
.mb20 {
    margin-bottom: 2rem;
}
.mb40 {
    margin-bottom: 4rem;
}
.ml10 {
    margin-left: 1rem;
}
.ml15 {
    margin-left: 1.5rem;
}
.ml20 {
    margin-left: 2rem;
}
.mr10 {
    margin-right: 1rem;
}
.mr20 {
    margin-right: 2rem;
}
.p0 {
    padding: 0;
}
.p10 {
    padding: 1rem;
}
.p20 {
    padding: 2rem;
}
.p30 {
    padding: 3rem;
}
.pl10 {
    padding-left: 1rem;
}
.pl20 {
    padding-left: 2rem;
}
.pr10 {
    padding-right: 1rem;
}
.pr20 {
    padding-right: 2rem;
}
.pb10 {
    padding-bottom: 1rem;
}
.block {
    display: block;
}
.flex {
    display: flex;
}
.inline {
    display: inline;
}
.inblock {
    display: inline-block;
}
.clearfix {
    clear: both;
}
.fxcenter {
    justify-content: center;
    align-items: center;
}
.fxrow {
    flex-direction: row;
}
.fxcolumn {
    flex-direction: column;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tcenter {
    text-align: center;
}
.tright {
    text-align: right;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.ntc {
    color: rgba(60, 101, 255, 1);
    font-size: 1.4rem;
    cursor:pointer;
}
.red {
    color: red;
}
.c999 {
    color: #999999 !important;
}
.orange {
    color: #FF781E;
}
.gray {
    color: #60657A;
}
.green{
    color: #21C92D;
}
.white {
    color: #fff!important;
}
.c-words{
    color: #3C65FF!important;
}
.del {
    text-decoration:line-through
}
.gpu-hr {
    margin: 2rem;
}
.gpu-hr-hide {
    border: 0 !important;
}
.default-btm,.default-btm:hover,.default-btm:focus {
    border: solid .1rem #3C65FF;
    background: #3C65FF;
    color: #fff;
}
.radius-btm {
    border-radius: .8rem;
}
.orange-btm,.orange-btm:hover,.orange-btm:focus {
    border: solid .1rem #FF781E;
    background: #FF781E;
    color: #fff;
}
.f15 {
    font-size: 1.5rem;
}

.col-md-8 {
    width: 66.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}

.gpu-section {
    position: relative;
}

.gpu-section .block {
    background: linear-gradient(270deg, #FFF, #F7F9FF);
    box-shadow: 0 1.1rem 3.5rem #eaeff4
}
.w100 {
    width: 100%;
}
.dl-hide {
    display: none!important;
}
.text-no-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
article {
    display: inline-grid;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    width: 100%;
}
.news-content> article {
    padding: 0.5rem;
}
pre>article {
    padding: 1rem 2rem;
}
article dd, article div, article dl, article dt, article form, article h1, article h2, article h3, article h4, article h5, article h6, article input, article li, article ol, article p, article pre, article td, article textarea, article th, article ul, article span, article table, article thead, article tbody, article tr, article td,.news-info dd, .news-info div, .news-info dl, .news-info dt, .news-info form, .news-info h1, .news-info h2, .news-info h3, .news-info h4, .news-info h5, .news-info h6, .news-info input, .news-info li, .news-info ol, .news-info p, .news-info pre, .news-info td, .news-info textarea, .news-info th, .news-info ul, .news-info span, .news-info table, .news-info thead, .news-info tbody, .news-info tr, .news-info td   {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}

a, a:hover {
    text-decoration:none!important;
}
.b-r0 {
    border-radius: 0
}


.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,4rem,0);}
to {opacity:1;transform:none;}
}
* {font-family:PingFangSC-Regular,PingFang SC,"Microsoft YaHei","Arial";}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {margin:0;padding:0;}
html {font-size:62.5%;font-size: 10px;}
body {font-family:"Microsoft YaHei" ! important;color:#000000;background:#fff;margin:0 auto;padding:em;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}

input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
input {-webkit-appearance:none;}
input {-webkit-appearance:none!important;border-radius:0;}
button {cursor:pointer;}
textarea {-webkit-appearance:none;}
a {text-decoration:none;color:#235aa7;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
img {border:em;vertical-align:middle;}
li {list-style:none;}
* {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.loading {position:fixed;left:em;top:em;width:100%;height:100%;background:#fff;z-index:99999;}
.loadingfa {width:5rem;height:5rem;line-height:5rem;text-align:center;font-size:2.9rem;color:#1f8adf;position:absolute;left:50%;margin-top:-2.5rem;margin-left:-2.5rem;top:50%;}
html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:none;}
html {-webkit-tap-highlight-color:transparent;}
body {-webkit-overflow-scrolling:touch;}
@keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate {from {-o-transform:rotate(0deg)}
to {-o-transform:rotate(360deg)}
}
.xuanzhuan {

    animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;
    -moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;

}
.xuanzhuan img {display:block;width:100%;}
.pc {display:block;}
.wap {display:none;}
.clearflex:after {content:"";display:table;clear:both;}







.aniMain {
    background:url(../imgs/bgimg.jpg) no-repeat center center;
    background-size:cover;
    width:calc(1920/1920*100vw);
    margin:auto;
    max-width:100%;
    height:calc(652/1920*100vw);
    position:relative;
    overflow:hidden;
    position: absolute;
    left: 0;
    top: em;
    }
.aniMain .content {}
.aniMain .content .animate1 {}
.aniMain .content .animate1 .item {position:absolute;text-align:center;}
.aniMain .content .animate1 .icon {margin:auto;position:relative;animation-duration:1.76s;animation-name:fadeInUp;opacity: 0;

animation-fill-mode: forwards;

}
.aniMain .content .animate1 .iconbg {}
.aniMain .content .animate1 .icon img {width:100%;animation: move .8s infinite;-moz-animation: move .8s infinite;-webkit-animation: move .8s infinite;-o-animation: move .8s infinite;animation-direction: alternate;-webkit-animation-direction: alternate;animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);-webkit-animation-timing-function: cubic-bezier(0.46, 0.02, 0.97, 0.36);}
.aniMain .content .animate1  .iconbg img {
    width: 100%;
}
.aniMain .content .animate1 .item.item1 {left:calc(830/1920*100vw);top:calc(325/1920*100vw);}

.aniMain,
.aniMain *{

-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;

}

.aniMain .content .animate1 .item.item1 .iconbg {width:calc(208/1920*100vw);}
.aniMain .content .animate1 .item.item1 .icon {width:calc(140/1920*100vw);top:calc(75/1920*100vw);}
.aniMain .content .animate1 .item.item1 .iconbg img {}
.aniMain .content .animate1 .item.item1 .icon img {}
.aniMain .content .animate1 .item.item2 {right:calc(165/1920*100vw);top:calc(186/1920*100vw);}
.aniMain .content .animate1 .item.item2 .iconbg {width:calc(180/1920*100vw);}
.aniMain .content .animate1 .item.item2 .icon {width:calc(130/1920*100vw);top:calc(57/1920*100vw);animation-delay: .2s;}
.aniMain .content .animate1 .item.item2 .iconbg img {}
.aniMain .content .animate1 .item.item2 .icon img {}
.aniMain .content .animate1 .item.item3 {bottom:0;right:calc(400/1920*100vw);}
.aniMain .content .animate1 .item.item3 .iconbg {}
.aniMain .content .animate1 .item.item3 .icon {width:calc(121/1920*100vw);animation-delay: .6s;}
.aniMain .content .animate1 .item.item3 .iconbg img {}
.aniMain .content .animate1 .item.item3 .icon img {}
.aniMain .content .animate1 .item.item4 {right:calc(278/1920*100vw);bottom:calc(151/1920*100vw);}
.aniMain .content .animate1 .item.item4 .iconbg {}
.aniMain .content .animate1 .item.item4 .icon {width:calc(75/1920*100vw);animation-delay: .4s;}
.aniMain .content .animate1 .item.item4 .iconbg img {}
.aniMain .content .animate1 .item.item4 .icon img {}
.aniMain .content .animate2 {}
@keyframes move2 {0% {transform:translate(3rem,em);opacity:0;}
100% {transform:translate(em,em);opacity:1;}
}
.aniMain .content .animate2 img {}
.aniMain .content .animate2 .it{
        position:absolute;
    animation:move2 1s forwards;
    animation-timing-function:ease-out;
    transform:translate(3rem,0);
    opacity:0;
}
.aniMain .content .animate2 .img1 {width:calc(200/1920*100vw);left:calc(1077/1920*100vw);top:calc(298/1920*100vw);z-index:9;animation-delay:2.3s;}
.aniMain .content .animate2 .img2 {width:calc(152/1920*100vw);left:calc(1183/1920*100vw);top:calc(298/1920*100vw);z-index:8;animation-delay:2s;}
.aniMain .content .animate2 .img3 {width:calc(208/1920*100vw);z-index:7;left:calc(1171/1920*100vw);top:calc(251/1920*100vw);animation-delay:1.7s;}
.aniMain .content .animate2 .img4 {width:calc(151/1920*100vw);z-index:6;left:calc(1205/1920*100vw);top:calc(288/1920*100vw);animation-delay:1.4s;}
.aniMain .content .animate2 .img5 {width:calc(172/1920*100vw);z-index:5;left:calc(1234/1920*100vw);top:calc(271/1920*100vw);animation-delay:1.1s;}
.aniMain .content .animate2 .img6 {width:calc(181/1920*100vw);z-index:4;left:calc(1253/1920*100vw);top:calc(266/1920*100vw);animation-delay:.8s;}
.aniMain .content .animate2 .img7 {width:calc(398/1920*100vw);z-index:3;left:calc(1169/1920*100vw);top:calc(88/1920*100vw);animation-delay:.5s;}
.aniMain .content .animate2 .img7>i>img {height: calc(490/1920*100vw);}

.aniMain .content .animate2 i{
    display: block;
}

.aniMain .content .animate2:hover .img1 i{
    transform: translate(-4rem, 0%);
}
.aniMain .content .animate2:hover .img2 i{
    transform: translate(-3rem, 0%);
}
.aniMain .content .animate2:hover .img3 i{
    transform: translate(-2rem, 0%);
}
.aniMain .content .animate2:hover .img4 i{
        transform: translate(em, 0%);
}
.aniMain .content .animate2:hover .img5 i{
        transform: translate(1rem, 0%);
}
.aniMain .content .animate2:hover .img6 i{
        transform: translate(2rem, 0%);
}
.aniMain .content .animate2:hover .img7 i{
        transform: translate(3rem, 0%);
}


.article-lists {
    border: solid 1px #eee;
    padding: 2rem;
    padding-bottom: 0;
    border-width: 1px 0;
}
.article-lists .article-line {
    height: 32rem;
    overflow: hidden;
    flex-direction: row;
    display: flex;
    justify-items: flex-start;
}

.article-lists .article-line > dl {
    display: inline-block;
    width: 23%;
    margin-right: 2%;
    box-sizing: border-box;
    padding: 0;
    margin: 0 1% 0 0;
    height: 100%;
}
.article-lists .article-line  dl  dd {
    color: #000;
}
.article-lists .article-line  dl  dd > img {
    width: 100%;
    height: calc(100% / 1.5);
}
.article-lists .article-line  dl  dd.title {
    font-size: 2rem;
    margin: 1rem 0;

    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-lists .article-line dl dd.description {
    font-size: 1.5rem;
    line-height: 2rem;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 4rem;
    overflow: hidden;
}

.gpu-hr-fullwidth {
    margin-left: 0;
}

@media screen and (min-width: 800px) {
    .min-width {
        min-width: 120rem;
    }

    .layuimini-mini .layuimini-tool {
        left: 6rem !important;
    }

    .layuimini-mini .layui-layout-left.layuimini-header-menu.layuimini-pc-show {
        left: 9rem !important;
    }

    .layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
        padding: .5rem 0;
    }

    .layuimini-mini .layui-layer.layui-layer-tips .iconfont {
        width: 2.8rem;
    }

    /* .layui-nav .layui-nav-item a {
        padding: em 1rem;
    } */
    /* .layui-layout-body .layui-nav-itemed .layui-nav-child a, .layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child a {
        padding: 1rem;
    } */
    .layuimini-mini .layui-logo.layuimini-logo {
        padding-left: 1rem!important;
    }
}
@media screen and (max-width: 800px) {
    .min-width {
        /* max-width: 40rem; */
        overflow-x: hidden;
    }

    .container .col-md-12 li a {
        line-height: 3rem!important;
        padding-top: 10px!important;
    }
}

body {
    overflow-y: scroll;
    /*font-size: 1.0rem;*/
}
.container {
    /* width: 192rem; */
    height: 7.6rem;
    background: #FFFFFF;
    box-shadow: 0 0.6rem 1rem 0 rgba(209,225,241,0.36);
    align-items: center;
}
.container .col-md-12 {
    width: 120rem;
}
.container .col-md-12, .container .col-md-12>div, .container .col-md-12 .navbar-collapse {
    height: 100% !important;
}
.container .col-md-12>div {
    float: left;
}
.container .col-md-12 ul, .container .col-md-12 li {
    height: 100%;;
    display: flex;
}
.container .col-md-12 li {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.container .col-md-12 li a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    height: 7.6rem;
    line-height: 4.2rem;
    box-sizing: border-box;
}
.container .col-md-12 .active::after {
    content: '';
    border: solid 0.2rem #3C65FF;
    width: 3.6rem;
    display: block;
    background-color: #3C65FF;
    margin: 0 auto;
}
.container .col-md-12 .active a {
    background-color: #fff!important;
}

.container .col-md-12 li .btm {
    width: 8rem;
    height: 4rem;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.2rem;
}
.container .col-md-12 li .btm.notice {
    background: #EFF2FA;
    color: #3C65FF;
}

.news-banner {
    background-image: url(../imgs/n-banner.png);
    width: 100%;
    height: 26rem;
    clear: both;
    position: relative;
}

.news-banner .news-search {
    width: 120rem;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start;
}
.news-banner .news-search .title {
    font-size: 3rem;
    font-weight: 600;
    color: #333333;
    margin-top: 4.1rem;
    line-height: 1;
}
.news-banner .news-search .desc {
    margin-top: 4.6rem;
    line-height: 2.9rem;
    font-size: 1.8rem;
}

.news-banner .news-search .search-group {
    margin-top: 1.9rem;
    width: 50rem;
}

.has-success .form-control, .select2-container .select2-choice .select2-arrow, .select2-container .select2-choice {
    border: 0 !important;
}
.select2-container .select2-choice .select2-arrow {
    background: none!important;
}

.news-banner .news-search .interduce {
    width: 120rem;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    height: 9rem;
    background: #fff;
    position: absolute;
    bottom: -4.5rem;
    box-shadow: 0 1.1rem 3.5rem #eaeff4
}

.news-banner .news-search .interduce dl {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2rem;
    cursor: pointer;
}
.news-banner .news-search .interduce dl dt {
    width: 4.4rem;
    height: 4.4rem;
}
.news-banner .news-search .interduce dl dd {
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
}
.news-banner .news-search .interduce dl dd span:first-child {
    font-weight: 500;
    color: #333333;
    line-height: 2.6rem;
    font-size: 1.8rem;
}

.news-banner .news-search .interduce dl dd span:last-child {
    color: #60657A;
    font-size: 1.4rem;
    margin-top: .8rem;
}
.news-article-banner {
    background-image: url(../imgs/article_bann_bg.jpg);
}
.news-menu-list {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 2rem;
}
.news-menu-list .menu-list {
    width: 20rem;
    background: #FFFFFF;
    border: .1rem solid #EBEEF6;
}
.news-menu-list .menu-list {
    width: 20rem;
}

.news-menu-list .news-info {
    width: 100%;
    padding: 0 3.1rem 5rem;
    min-height: 70rem;
}
.news-menu-list .news-info h2 {
    margin-bottom: 2rem;
}

.news-menu-list .menu-list ul li {
    /* padding: 0 2rem; */
    font-size: 1.6rem;
    font-weight: 500;
    color: #3C65FF;
    line-height: 4rem;
    height: 4rem;
    overflow: hidden;
    transition: .5s;
}
.news-menu-list .menu-list ul li.active {
    color: #3C65FF;
    /* background-color: rgba(60, 101, 255, 0.1); */
    position: relative;
    height: auto!important;
}
.news-menu-list .menu-list ul li.active::before {
    content: '';
    width: .2rem;
    background-color: #3C65FF;
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
}
.news-menu-list .menu-list ul li.active .on {
    background-color: rgba(60, 101, 255, 0.1);
}
.news-menu-list .menu-list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 2rem;
}

.footer {
    background-color: rgba(37, 39, 51, 1);
    padding-bottom: .5rem;
}

.footer .about dd:nth-child(3) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.footer .about dd:nth-child(3) dl:last-child {
    margin-left: 3.5rem;
}
.footer .about dd:nth-child(3) dl dd img {
    width: 11.5rem;
    height: 11.5rem;
}
.footer .about dd:nth-child(3) dl dd {
    font-size: 1.4rem;
    display: block;
    text-align: center;
}
.footer .about>dd:last-child {
    display: flex;
    width: 26.6rem;
    text-align: center;
    line-height: 3.3rem;
    margin-top: 1.5rem;
    color: #fff;
    border-radius: .3rem;
}

.footer .service {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer .service .col-md-4 dd,.footer .service .col-md-4 dd a {
    font-size: 1.4rem;
    color: rgba(159, 160, 165, 1);
}
.footer .service .col-md-4 dd.footer-title {
    font-size: 1.8rem;
    color: #fff;
}
/* .footer .service .col-md-4:last-child dd.tel {
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
} */
.footer .copyright {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    width: auto;
    border-top: solid .1rem;
    border-color: rgb(49, 51, 62);;
    color: rgb(159, 160, 165, 1);;
}
.footer .copyright>p,.footer .copyright>i {
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 0;
    color: rgba(159, 160, 165, 1);;
}
.footer .icon-QQ {
    font-size: 2.3rem;
    margin-right: .5rem;
    line-height: 3.1rem;
    top: .4rem;
    position: relative;
}



.pager {
    max-width: 80rem;
    text-align: center;
    /* margin-bottom: 3rem; */
    display: inline-block;
}

.pager a {
    cursor: pointer;
}

.pager a,
.pager span {
    width: 4.5rem;
    height: 4rem;
    border: .1rem solid #176BDD;
    margin-left: -.1rem;
    color: #8a8a8a;
    display: inline-block;
    line-height: 4rem;
    float: left;
    font-size: 1.5rem;
    text-decoration: none;
    margin: 0 .2rem;
    border-radius: .6rem;
}
.pager a:hover,
.pager span:hover {
    border-color: #3897cd;
    color: #3897cd;
    position: relative;
    z-index: 1;
}

.pager span.current {
    background-color: #176BDD;
    color: #fff;
    border-color: #EBEBEB;
    position: relative;
    z-index: 1;
}



.pager .pg-prev,
.pager .pg-prev:hover {
    background-position: .7rem -2.1rem;
}

.pager .pg-next,
.pager .pg-next:hover {
    background-position: -2.1rem -2.1rem;
}

.pager .pg-last,
.pager .pg-last:hover {
    background-position: -2.1rem .7rem;
}

.pager .pg-prev[disabled='true'],
.pager .pg-prev[disabled='true']:hover {
    cursor: default;
}

.pager .pg-next[disabled='true'],
.pager .pg-next[disabled='true']:hover {
    cursor: default;
}

.pager .pg-prev[disabled='true'],
.pager .pg-next[disabled='true'] {
    border-color: #eeeeee;
}

.pager span.els {
    border-color: transparent;
}

.pagerHtmlWrap {
    width: 80rem;
    margin: 3rem auto;
}

.pagerHtmlWrap .cc_cells {
    width: 100%;
    height: 3.5rem;
    padding: .5rem 0;
    border-bottom: .1rem #cccccc solid;
}

.pagerHtmlWrap .cc_cells a {
    color: #454545;
    font-size: 1.4rem;
    line-height: 3.5rem;
    text-decoration: none;
}

.pagerHtmlWrap .cc_cells a span {
    display: inline-block;
    width: 25%;
    text-align: left;
    margin: 0;
}


.pg-prev{
    width: 6.5rem !important;
    border-color: #176BDD !important;
}
.pg-next{
    width: 6.5rem !important;
    border-color: #176BDD !important;
}


.LoadAnimation{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.2);
    opacity: 0;
    z-index: -1;


}

.main {
    width: 15rem;
    height: 15rem;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-color: rgba(0, 0, 0, .5);
    /* display: none; */
    border-radius: 1rem;
}
.main p {
    font-size: 1.8rem;
    color: #fff;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 74%;
}

.loadEffect {
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 36%;
}

.loadEffect span {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    -webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.loadEffect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -.8rem;
    -webkit-animation-delay: 0.13s;
}

.loadEffect span:nth-child(2) {
    left: 1rem;
    top: 1rem;
    -webkit-animation-delay: 0.26s;
}

.loadEffect span:nth-child(3) {
    left: 50%;
    top: 0;
    margin-left: -.8rem;
    -webkit-animation-delay: 0.39s;
}

.loadEffect span:nth-child(4) {
    top: 1rem;
    right: 1rem;
    -webkit-animation-delay: 0.52s;
}

.loadEffect span:nth-child(5) {
    right: 0;
    top: 50%;
    margin-top: -.8rem;
    -webkit-animation-delay: 0.65s;
}

.loadEffect span:nth-child(6) {
    right: 1rem;
    bottom: 1rem;
    -webkit-animation-delay: 0.78s;
}

.loadEffect span:nth-child(7) {
    bottom: 0;
    left: 50%;
    margin-left: -.8rem;
    -webkit-animation-delay: 0.91s;
}

.loadEffect span:nth-child(8) {
    bottom: 1rem;
    left: 1rem;
    -webkit-animation-delay: 1.04s;
}

.peizhi_num{
    display: flex;
    align-items: center;
}

.peizhi_num .configure_box{
    /* flex: 1; */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1.5rem;
}
.peizhi_num .configure_box p{
    color: #176BDD;
    font-size: 2.2rem;
    margin-bottom: .5rem;
    
}
.peizhi_num .configure_box select{
    height: 3.4rem;
    width: 10rem !important;
    border: .1rem solid #888;
    text-align: center;
}

.ModelScreening{
    display: flex;
    align-items: center;
}

.Screening{
    display: flex;
    align-items: center;
}

.Screening_p{
    margin-bottom: .5rem;
}

.drive-demo div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.drive-demo div p{
    margin-bottom: 0;
}
.heads{
    display: none;
}

.list_empty {
    color: #ccc;
    text-align: center;
    height: 12rem;
    line-height: 12rem;
}

.select-gpu .btn-group {
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.select-gpu .btn-group .col-md-3, .select-gpu .btn-group .col-md-2 {
    font-size: 1.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: MiSans;
    font-weight: 600;
    color: #333333;
}
.select-gpu .btn-group .col-md-3:first-child {
    text-align: right;
}
.select-gpu .btn-group .col-md-3>span {
    display: inline-block;
    /* width: 4.4rem;
    height: 3.9rem; */
    width: 3.4rem;
    height: 2.9rem;
    line-height: 3rem;
    background: url(../imgs/gpu-step.png) no-repeat;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    margin-right: 1rem;
    background-size: 96%;
}
.select-gpu .btn-group .col-md-3.active>span {
    background: url(../imgs/gpu-step-act.png) no-repeat;
    background-size: 96%;
}
.select-gpu .btn-group .col-md-2 hr {
    width: 80%;
}
.select-gpu .btn-group .col-md-2.active hr {
    color: #3C65FF;
    border-color: #3C65FF;
}

.select-gpu .glyphicon{top:.3rem !important;margin-right: 1rem;}
/* .select-gpu .sku-title{padding:.5rem em; font-size:2.2rem;font-weight: 500;color: #176BDD;} */
/* .select-gpu .sku-title:before{content: "";font-weight: bold; margin-right: .8rem;color: #176BDD;margin-top:-.2rem;border-left: .4rem solid #176BDD;border-radius: 5rem;} */
.select-gpu .selects .btn{
    border: .1rem solid #D8DEE1;
    border-radius: .3rem;
    margin: 0 1.2rem 1.2rem 0;
    position: relative;
    letter-spacing: em !important;
    font-size: 1.4rem;
    padding: .5rem 2rem;
    background: #fff;
}
.select-gpu .selects .btn .tips{
    position: absolute;
    top: -1.5rem;
    right: -2rem;
    background: #FF6767;
    padding: .3em .6rem;
    color: #fff;
    border-radius: .5rem;
    font-size: 1rem;
    z-index: 2;
}
.select-gpu .selects .btn{
    text-transform:unset !important;
    letter-spacing:0px !important;
}
.select-gpu .selects .pay_opt {
    /* flex-direction: row;
    align-content: center; */
}
.select-gpu .selects .pay_opt img {
    width: 2.2rem;
    margin-right: 1rem;
}
.select-gpu .selects .pay_opt:first-child img {
    background: #3C65FF;
}
.select-gpu .selects .on{background-color:#3C65FF;color: #fff; border: .1rem solid #4593FF; }
/* .select-gpu .sku-box{margin-bottom:1rem;} */
.select-gpu .sku-box .msg{margin:1rem 0rem;color: #A2A2A2;}
.select-gpu input[type=checkbox], input[type=radio]{margin-right:.3rem;}
.select-gpu .checked label{margin-right:1.2rem;}
.select-gpu .nextbtn{background-image: linear-gradient(to right , #186ADD,#4593FF);color: #fff; border: .1rem solid #4593FF; padding:.8rem 2rem;width: 100%;}
.select-gpu .gonext{padding: 3rem;border-left: .1rem solid #eee;}
.select-gpu .gpu-main{padding: 3rem;display: flex;flex-direction: row;height: 30rem;flex-wrap: wrap;align-content: center;align-items: center;}
.select-gpu .gpu-main:first-child{background-color: #F8FCFF;}
.select-gpu .gpu-main .gpu-main-title{font-size:1.4rem; color: #4F5F65;}
.select-gpu .gpu-main .sku-list{margin:1.2rem em; color: #6A6B6B;}
.select-gpu .gpu-main .sku-list .gpu-title{margin-right:1.2rem;}
.select-gpu .gpu-main .newmoney{color: #2980FF; text-align: center;}
.select-gpu .gpu-main .newmoney .money{font-size:1.2rem;font-weight: 700;font-family: serif;}
.select-gpu .gpu-main .oldmoney{color: #ADADAD; text-align: center;}
.select-gpu .gpu-main .oldmoney .money{text-decoration: line-through;}


.select-gpu .sku-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.select-gpu .sku-title {
    width: 12rem;
}
.select-gpu .sku-list {
    width: 100%;
}


.select-gpu .mao_list {
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
}

.select-gpu .mao_jf_type {
    flex-direction: row;
    justify-content: flex-start;
}
.select-gpu .mao_jf_type dl {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .6rem 1.5rem;
    border: .1rem solid #E5E5E5;
    margin-right: 1.2rem;
    border-radius: .3rem;
    cursor: pointer;
}
.select-gpu .mao_jf_type dl, .select-gpu .mao_jf_type dl>dd, .select-gpu .mao_jf_type dl>dd span {
    color:#999999;
    font-size: 1.4rem;
}
.select-gpu .mao_jf_type dl.on,.select-gpu .mao_jf_type dl.on>dd, .select-gpu .mao_jf_type dl.on>dd span:first-child {
    color:#3C65FF;
}
.select-gpu .mao_jf_type dl.on {
    border: .1rem solid #3C65FF;
    background: #F5F8FE;
}
.select-gpu .mao_jf_type dl dt {
    width: 3rem;
    height: 3rem;
}
.select-gpu .mao_jf_type dl dd {
    display: flex;
    flex-direction: column;
}
.gpu-tip {
    display: inline-block;
    font-size: 1.4rem;
    font-family: MiSans;
    font-weight: 400;
    color: rgba(60, 101, 255, 1);
    background: rgba(60,101,255,0.2);
    border-radius: .3rem;
    padding: .2rem 1rem;
    margin-right: .8rem;
}

.gpu-label {
    font-size: 1.5rem;
    font-family: MiSans;
    font-weight: 600;
    color: #000000;
    line-height: 3rem;
}
.gpu-label::before {
    font-family: "iconfont" !important;
    font-size: 1.2rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e62d';
    color: #3C65FF;
    margin-right: 1rem;
}
.gpu-label-hide::before {
    display: none;
}

.mao_list .mao_list_box  {
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    background: linear-gradient(0deg, #FFF, #EEF3FF);
    margin-bottom: 2rem;
    box-shadow: .8em 1rem 2.3rem #EEF3FF;
}
.mao_list .mao_list_box>div {
    width: 100%;
    display: flex;
    
    align-items: center;
    justify-content: space-between;
}

.mao_list .mao_list_box>.gpu-hr {
    width: 89%;
}

.mao_list .mao_list_box>.top  {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 8rem;
    padding: 2rem 2rem 0 2rem;
    position: relative;
}
.mao_list .mao_list_box>.top>.left .name {
    font-size: 2rem;
    margin-right:2rem;
    display: block;
    padding-bottom: .5rem;
}

.stip {
    font-size: 1.2rem;
    padding-left: 1rem;
    margin-top: 1rem;
    color: #000;
    font-weight: 600;
}

.mao_list .mao_list_box>.top .right {
    display: flex;
    flex-direction: row;
    margin-right: 6rem;
}
.mao_list .mao_list_box>.top .info,.mao_list .mao_list_box>.top .right .info {
    color: #999;
    height: 3rem;
    line-height: 3.4rem;
    margin: 0 1.5rem;
    font-size: 1.5rem;
}
.mao_list .mao_list_box>.top .right .qian, .mao_list .mao_list_box>.top .right .qian p {
    font-size: 1.5rem;
    color: #3C65FF;
    padding: 0;
    margin: 0;
    margin-right: 1rem;
}
.mao_list .mao_list_box>.top .right .qian .money {
    font-size: 2rem;
    font-weight: 600;
}
.mao_list .mao_list_box>.top>.tip {
    background: url(../imgs/li-hot.png) 0 0 no-repeat;
    width: 13rem;
    height: 13rem;
    position: absolute;
    right: -1.7rem;
}
.mao_list .right .Selection {
    border-radius: .3rem;
    position: relative;
    letter-spacing: em !important;
    font-size: 1.4rem;
    padding: .3rem 2.5rem;
    background-color: #3C65FF;
    color: #fff;
    border: .1rem solid #4593FF;
    margin-right: 1rem;
}
.mao_list .right .Selection a{font-size: 1.4rem;display: block;color: #fff; text-decoration: none;}
.mao_list .right .disable{background-image: linear-gradient(to right , #ccc,#ccc)!important;border: 0}

.mao_list .mao_list_box>.bottom  {
    /* height: 12rem; */
    background: url(../imgs/gpu-list.png) no-repeat 0 -10rem;
    padding: 0 2rem .5rem;
    flex-direction: column;
}
.mao_list .mao_list_box>.bottom>.section {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.mao_list .mao_list_box>.bottom>.section>.left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.mao_list .mao_list_box>.bottom>.section>.left .type {
    margin: 1rem;
}
.mao_list .mao_list_box>.bottom>.section>.left .left {
    width: 20rem;
    /* padding: 1rem;
    margin-left: 3rem; */
    font-size: 1.8rem;
}
.mao_list .mao_list_box>.bottom>.desc {
    width: 100%;
    box-sizing: border-box;
    padding-left: 21rem;
}
.mao_list .mao_list_box>.bottom>.section .in{width:100%;display: flex;flex-wrap: wrap;padding: 1.6rem 0;position: relative;align-items: flex-start;}
.mao_list .mao_list_box>.bottom>.section .in .box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: .8rem 0;
}
.mao_list .mao_list_box>.bottom>.section .in .box select{width: 10rem !important;height: 2.5rem;border: .1rem solid #b5b5b5;margin-left: 2rem;padding-left: 1rem;}
.mao_list .mao_list_box>.bottom>.section .in .box p{margin-bottom: 0;}
/* .mao_list .mao_list_box>.bottom .in::after{width: .1rem;height: 16.6rem;background-color: #eeeeee;content: '';position: absolute;transform: translateY(-50%);right: 0;top: 50%;} */
/* .mao_list .mao_list_box>.bottom>.section .in .box{width: 50%;display: flex;align-items: center;height: 3rem;margin: .2rem;}
.mao_list .mao_list_box>.bottom>.section .in .box:nth-child(2n){
    width: 15.5rem;
}
.mao_list .mao_list_box>.bottom>.section .in .box p{font-size: 1.4rem;color: #000;margin: 0;width: 6.3rem;margin-left: 3rem;}
.mao_list .mao_list_box>.bottom>.section .in .box p:nth-child(2){margin-left: 2rem;}
.mao_list .mao_list_box>.bottom>.section .in .box:nth-child(2n) p{margin-left: 1.3rem;}
 */

.select-gpu .sku-box .sku-list table.list-table {
    width: 100%;
}
.select-gpu .sku-box .sku-list table.list-table tr {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.select-gpu .sku-box .sku-list table.list-table th {
    text-align: center;
    width: 100%;
    background: #EBEEF5;
    padding: .5rem 2rem;
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    white-space: nowrap;
}
.select-gpu .sku-box .sku-list table.list-table td {
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
    padding: 1rem;
}
.select-gpu .sku-box .sku-list select.list-select {
    width: 30rem;
    height: 3.6rem;
    border: .1rem solid #cccccc;
    text-align: left;
    display: block;
    padding: 1rem;
}

.select-gpu .gpu-count {
    width: 100%;
    height: 11rem;
    background: linear-gradient(0deg, #FFF, #EEF3FF);
    padding: 2rem;
    position: relative;
    align-items: center;
    margin-top: 3rem;
    box-shadow: em 1rem 2.3rem #EEF3FF;
}
.select-gpu .gpu-count>div {
    width: 60%;
    box-sizing: border-box;
    float: left;
    position: absolute;
    padding: 2rem;
}
.select-gpu .gpu-count>.left {
    left: 0;
}
.select-gpu .gpu-count>.left select {
    width: 12rem;
    height: 2.6rem;
    border: .1rem solid #cccccc;
    text-align: left;
    display: inline-block;
    padding: .4rem;
    font-size: 1.4rem;
}
.select-gpu .gpu-count>.right {
    right: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.select-gpu .gpu-count>.right .tijiao {
    border-radius: .3rem;
    margin-left: 2rem;
    position: relative;
    letter-spacing: em !important;
    font-size: 1.4rem;
    padding: .5rem 2rem;
    background-color: #3C65FF;
    color: #fff;
    border: .1rem solid #4593FF;
}
.select-gpu .gpu-count .left> div {
    margin: 1rem 0;
}
.select-gpu .gpu-count>.right .cost,.select-gpu .gpu-count>.right .cost>span  {
    color: red;
}
.select-gpu .gpu-count>.right .cost>span {
    font-size: 2.5rem;
}
.select-gpu .sku-list .disk-select {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.select-gpu .sku-list .disk-select .disk-limbo {
    width: 16rem;
}

.select-gpu .sku-list .disk-select .disk-slider {
    width: 100%;
}


.selecter {
    width: 40rem;
    border: .1rem solid #eeeeee;
    padding: .5rem 1rem;
}
.cascader {
    margin-left: 0!important;
}
.cascader-selected, .cascader-content {
    text-align: left!important;
    background: none!important;
    background-color: #fff!important;
}
.cascader-content {
    height: 30rem!important;
    border: .1rem solid #eeeeee;
}

.cascader-content-item:hover, .cascader-content-item-click {
    background-color:#4C8BE4!important;
    color: #fff!important;
}
.cascader-content::-webkit-scrollbar-thumb {
    background: #186CDE!important;
}

.container.login {
    width: 100vw;
    height: calc(100vh - 7.6em);
    background: url(../imgs/login.png) 0 0 no-repeat;
    position: relative;
    background-size: 100%;
}
.container.login .register {
    /* margin: 0 auto;
    top: 6.7rem!important;
    position: relative !important;
    left: unset !important; */
}
.container.login>.section {
    background: #fff;
    width: 78rem;
    position: relative;
    top: 20rem;
    /* left: 40%; */
    padding: 3rem;
    border-radius: 1rem;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin: 0 auto;
    
}
.container.login>.section>div {
    width: 100%;
}
.container.login>.section>.top {
    flex-direction: row;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
}
.container.login>.section>.top img {
    position: relative;
    left: -.8rem;
    top: -.5rem;
    width: 4.4rem;
    height: 5rem;
}
.container.login>.section>.top .tip {
    display: block;
    width: 10rem;
    height: 10rem;
    text-align: right;
    line-height: 7.1rem;
    color: #fff;
    right: -3rem;
    top: .7rem;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}
.container.login>.section>.top .tip>.bg {
    width: 100%;
    height: 100%;
    border-bottom: 0.6rem solid #ffffff;
    border-right: 0.6rem solid transparent;
    border-left: 0.6rem solid transparent;
    transform: rotate(45deg);
    position: absolute;
    top: -5rem;
    left: 5rem;
    border: solid .1rem #3C65FF;
    background: #3C65FF;
    z-index: 0;
}
.container.login>.section>.top .tip>.words {
    color: #fff;
    display: block;
    position: relative;
    right: .6rem;
    top: -1.3rem;
}
.container.login>.section>.middle {
    flex-direction: row;
    align-items: self-start;
    justify-content: space-between;
}
.container.login>.section>.middle>.left {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70%;
    padding-right: 3rem;
}
.container.login>.section>.middle>.left h3 {
    font-size: 1.5rem;
    padding-top: 1.8rem;
}
.container.login>.section>.middle>.left .qr-login {
    margin: 1rem 0;
}
.container.login>.section>.middle>.left img {
    width: 21.3rem;
    height: 21.3rem;
}
.container.login>.section>.middle>.left .text a {
    color: #3C65FF;
}
.container.login>.section>.middle>.right {
    width: 100%
}
.logon-tab {
    display: flex;
    flex-direction: row;
    align-items: self-start;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.logon-tab a.active {
    color: #2F55D4;
}
.logon-tab a.active::after {
    content: '';
    width: 80%;
    height: .2rem;
    display: block;
    color: red;
    position: relative;
    top:5px;
    bottom: -.2rem;
    background: #2F55D4;
    margin: 0 auto;
}
.logon-tab a:first-child {
    margin-right: 8.8rem;
}
.logon-tab a, .logon-tab a:hover {
    font-size: 1.5rem;
    color: #000;
    padding: .8rem em;
    text-decoration:none;
} 

#login-form .input-group {
    width: 100%;
}
#login-form .input-group .input-group-addon {
    border: 0;
    width: 10rem;
    text-align: right;
}
#login-form .input-group input {
    border: 0;
    background-color: #F2F2F9;
}
#login-form .input-group .submit {
    background-color:#3C65FF;
    font-size: 1.5rem;
}
.container.login>.section>.bottom {
    text-align: center;
}
.container.login .input-group-btn {
    width: auto!important;
}

.price-list .price-box {
    width: 31%;
    margin-right: 3%;
    background: linear-gradient(180deg, #EEF3FF,#FFFFFF);
    transition: all 0.35s;
    box-shadow: .1rem .1rem 2rem rgba(0,0,0,.1);
    cursor: pointer;
    padding: 2.2rem 0;
    font-size: 1.4rem;
}
.price-list .price-box dd, .price-list .price-box dt {
    padding: 0 3rem;
}
.price-list .price-box .param {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 1rem 0;
    position: relative;
    box-sizing: border-box;
}
.price-list .price-box .param::before {
    content: '';
    height: 100%;
    width: .1rem;
    display: block;
    position: absolute;
}
.price-list .price-box .param.b1{
    background: linear-gradient(90deg, #DAE2FF, #Fefefe);
}
.price-list .price-box .param.b1::before{
    border: solid .1rem #3C65FF;
    background-color: #3C65FF;
}
.price-list .price-box .param.b2{
    background: linear-gradient(90deg, #C7F2FD, #Fefefe);
}
.price-list .price-box .param.b2::before {
    border: solid .1rem #00CCFF;
    background-color: #00CCFF;
}
.price-list .price-box .param dd {
    color: #000000;
}
.price-list .price-box .btn-block, .price-list .price-box .btn-block:hover {
    background: linear-gradient(90deg, #FF8C45, #FF5C28);
    border: 0;
    color: #fff;
}
.price-list .price-box .goods-title {
    font-family: MiSans;
    font-weight: 500;
    color: #000000;
}
.price-list .price-box .goods-sku {
    color: #3C65FF;
    padding: 2.2rem 4.4rem;
}
.price-list .price-box .goods-sku li {
    list-style: disc;
    padding-left:1rem;
}
.price-list .price-box .goods-sku span {
    color: #60657A;
}
.price-list .goods-price {
    font-size: 2.8rem;
    font-weight: normal;
}

.application .application-btn-list .btn {
    background:none ;
    border: 0;
    font-size:1.6rem;
    padding:.8rem 1.8rem !important;
}
.application .application-btn-list .on{
    color: #FFF;
    background: -webkit-linear-gradient(to bottom right, #3E8EFD , #176BDD); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to bottom right, #3E8EFD , #176BDD); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to bottom right, #3E8EFD , #176BDD); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #3E8EFD , #176BDD); /* 标准的语法（必须放在最后） */
}
.gpu-info .info-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 2rem;
}
.gpu-info .info-list>div {
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
}
.gpu-info .info-list>div>.c-words, .gpu-info .info-list>div>.info-title {
    font-size: 2.4rem;
}
.gpu-info .info-list img {
    width: 58.5rem;
    height: 32.9rem;
    /* border: dashed .1rem #60657A; */
}

.mobile-display {
    display: none!important;
}
.pc-display {
    display: inherit!important;
}
.friends {
    background: url(../imgs/friends.png) 0 0 no-repeat;
    height: 89.8rem;
    position: relative;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
    background-size: 100%;

    width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.friends .friends-demo {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 47rem;
    margin-top: 14.6rem;
    
}
.friends .friends-demo .left {
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
    height: 100%;
    width: 50%;
    padding: 1rem 0;
}
.friends .friends-demo .left>dl dt {
    color: #fff;
    font-size: 3.5rem;
    font-weight: normal;
}
.friends .friends-demo .left>dl dd {
    color: #fff;
    font-size: 1.8rem;
    padding: 1rem 0;
}  

.friends .friends-demo .right {
    width: 96rem;
}
.friends .friends-demo .right>div {
    display: inline-block;
    width: 16.5rem;
    height: 7.4rem;
    line-height: 165;
    background-color: #fff;
    margin: 0 1rem 1rem 0;
    border-radius: .2rem;
}
.friends .friends-demo .right>div img {
    width: 11.3rem;
    margin: 2rem auto;
    display: block;
    height: 3.5rem;
}

.friends  .level {
    background: url(../imgs/friends-1.png) 0 0 no-repeat;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.friends  .level>div {
    width: 114rem;
    margin: 0 auto;
    padding-top: 12rem;
    height: 28rem;
}
.friends .level>div dl {
    position: relative;
}
.friends .level>div dl::after {
    content: '';
    display: block;
    width: .1rem;
    height: 60%;
    background: #E6E9F0;
    display: block;
    position: absolute;
    right: -120%;
    top: 26%;
}
.friends .level>div dl:last-child:after {
    display: none;
}
.friends .level>div dl dt {
    color: #fff;
    font-size: 3.5rem;
    font-style: italic;
    font-weight: normal;
}
.friends .level>div dl dd {
    color: #fff;
    font-size: 1.5rem;
} 

.silder {
    width:120rem;
    height:17.5rem;
    overflow:hidden;
    position:relative;
    margin:2rem auto;
}
.silder>.border{
    width: 100%;
    height: 100%;
}
.silder>.border>.item {
    width:120rem;
    height:17.5rem;
    padding: 3rem;
    position: relative;
    background: linear-gradient(135deg, #F7F9FF, #fff);
    box-shadow: .1rem .1rem 2rem rgba(0,0,0,.1);
}
.silder>.border>.item .left {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 33rem;
}
.silder>.border>.item .left img {
    width: 6rem;
    height: 6rem;
}
.silder>.border>.item .left> div {
    margin-left: 2rem;
}
.silder>.border>.item .right {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 9.6rem;
    line-height: 9.6rem;
}
.silder>.border>.item .right>div {
    height: 100%;
}

.silder>.border>.item .right .first {
    line-height: 6rem;
    font-size: 7rem;
    padding-right: 1.5rem;
}
.silder>.border>.item .right .last {
    line-height: 19.2rem;
    font-size: 7rem;
    padding-left: 1.5rem;
}
.language {
    padding: 4rem 0;
}
.hy-dot i {
    background: #D6D9E3;
}
.hy-dot i.active {
    background: #3C65FF;
}
.hy-next, .hy-prev {
    background: bottom;
}

.banner.container {
    height: calc(652/1920*100vw);
    /* background-size: 100%; */
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.slide-info {
    color: black;
}
.slide-info .info3 {
    font-weight: normal
}
.slide-info .info4 {
    margin-top: calc(65/1920*100vw);
    font-size: 2.4rem;
    line-height: calc(47/1920*100vw);
}
.slide-btn .default-btm {
    padding: .7rem 4rem;
}
.apl-demo .application-btn-list .iconfont {
    margin-right: 1rem;
    color: #3C65FF ;
}
.apl-demo .application-btn-list .on>.iconfont {
    color: #fff;
}
.footer .content .col-md-12 {
    display: flex;
    flex-direction: row;
}
.input-step {
    height: 3.2rem;
    border: .1rem solid #EFF2F9;
    display: inline-block;
    position: relative;
    top: 1.2rem;
}
.input-step>input {
    text-align: center;
    /* border: .1rem solid #D8DEE1; */
    width: 8rem;
    height: 100%;
    background: #fff;
    border-right: .1rem solid #EFF2F9;
    border-left: .1rem solid #EFF2F9;
    display: inline-block;
    float: left;
}
.input-step>input::-webkit-outer-spin-button, .input-step>input::-webkit-inner-spin-button {-webkit-appearance: none;}
.input-step>input[type="number"] {-moz-appearance: textfield;}
.input-step>.btn {
    height: 100%!important;
    background: #fff;
    padding: 0!important;
    margin: 0!important;
    width: 3.2rem!important;
    border: 0!important;
    float: left;
    display: inline-block;
}
.input-step>.btn .iconfont {
    color: #000;
}
.layui-col-xs4 {
    color: #60657A;
    margin: .5rem 0;
}
.layui-col-xs4 .detail-label {
    display: inline-block;
    min-width: 8rem;
    text-align: right;
    margin-right: 2rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.swiper-slide {
    padding-top: calc(56/1920*100vw);
}

/* 个人中心 */
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul, .layui-layout-admin .layuimini-logo, .layui-layout-admin .layui-header ,.layui-nav-itemed > .layui-nav-child,  .layuimini-menu-left .layui-nav-tree .layui-this > a
{
    background-color: #1E222D!important;
}
.layui-layout-admin .layuimini-logo {
    background-color: #1E222D!important;
    border-bottom: 0;
}
.layui-nav-tree .menu-li:first-child {
    background-color: #1E222D;
    border-radius: 0!important;
    width: auto !important;
    color: #fff !important;
    margin: 0;
  }
.layui-layout-admin .layui-header, .layui-layout-admin .layui-header a, .layui-layout-admin .layui-header span {
    color: #fff;
}
.layui-nav-more {
    display: none!important;
}
.layui-nav-item .iconfont {
    width: 5rem;
    display: inline-block;
    font: normal normal normal 1.4rem/1 FontAwesome;
  font-style: normal;
  font-size: 2rem !important;
  /* font-family: FontAwesome; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
}
.layui-layout-body .layui-nav-itemed .layui-nav-child a, .layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child a {
    padding-left: 2rem;
}
.layui-side .layui-nav * {
    font-size: 1.5rem;
}
.layui-layout-admin .layui-side, .layui-layout-admin .layuimini-logo {
   width: 22rem !important;
}
.layui-body {
   left: 22rem !important;
}
.layuimini-tool {
    left: 22rem !important;
}
.layui-layout-left{
    left: 25rem !important;
}
.layui-layout-admin .layuimini-logo h1 {
    color: #fff;
    font-size: 3rem;
}
.layui-logo.layuimini-logo {
    text-align: left;
    padding-left: 2rem;
}
.layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this a span {
    background-color: #3B64F0 !important;
    width: auto !important;
    color: #fff !important;
}
.layui-nav-item.layuimini-setting {
    display: flex!important;
    flex-direction: row;
}
.layui-nav-item.layuimini-setting>span {
    padding: 0 0 0 1rem;
    color: #959DA2;
}
.layui-nav-item.layuimini-setting>.user-nick {
    color: #959DA2!important;
    display: flex;
    align-items: center;
}
.layui-nav-item.layuimini-setting>.user-nick span {
    width: 2rem;
    padding: 0 .5rem;
}
.layui-nav-item.layuimini-setting>.user-nick .iconfont {
    font-size: 1.5rem;
    color: #959DA2!important;
}
.layui-layout-right .message {
    background: bottom!important;
    padding: 0;
    border-radius: 0;
    color: #FFF;
    font-size: 2rem;
    top: .4rem;
    position: relative;
}

.box-bg {
    background: #F4F6FA!important;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #3C65FF!important;
    background-color: #3C65FF!important;
}
.guilder-silder {
    flex-direction: column;
    position: fixed;
    width: 7rem;
    right: calc(30/1920*100vw);
    z-index: 999;
    bottom: calc(68/1080*100vh);
}
.guilder-silder>li {
    display: block;
    position: relative;
    text-align: center;
    padding: .7rem;
    width: 7rem;
    height: 6rem;
    line-height: 1.5rem;
}
.guilder-silder > li > .iconfont {
    font-size: 3.2rem;
    line-height: 3.2rem;
    color: #333333;
  }
  .guilder-silder > li > .label {
    color: #333333;
    font-weight: 500;
  }
  .guilder-silder>li>.cupboard {
    position: absolute;
    top: 0;
    right: 7rem;
    background: #fff;
    display: none;
    box-shadow: -4px 1px 10px 2px #d0d0d0;
  }

  .guilder-silder>li>.cupboard .gzh {
    width: 10.3rem;
  }
  .guilder-silder>li>.cupboard .gzh img {
    width: 11.3rem;
    height: 9.3rem;
    display: block;
    max-width: none;
  }
  .guilder-silder>li>.cupboard .gzh .title {
    font-size: 1.2rem;
  }
  .guilder-silder>li>.cupboard .lx {
    height: 15rem;
    padding: 1.2rem;
  }
  .guilder-silder>li>.cupboard .lx > dl {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .guilder-silder>li>.cupboard .lx > dl > dt {
    font-weight: 900;
    color: #333;
    margin-bottom: 1rem;
  }
  .guilder-silder>li>.cupboard .lx > dl > dd {
    margin-top: .5rem;
    display: block;
    font-weight: 500;
    color: #333;
  }
  .guilder-silder>li>.cupboard .lx > dl > dd .iconfont {
    color: #3C65FF;
    margin-right: 1rem;
    font-size: 2.2rem;
  }
  .guilder-silder>li>.cupboard .lx >div {
    justify-content: end;
  }
  
  .guilder-silder>li:hover {
        background-color: #2966F4;
        cursor:pointer;
  }
  .guilder-silder>li:hover .iconfont, .guilder-silder>li:hover .label {
    color: #fff;
  }
  .guilder-silder>li:hover .cupboard {
    display: block;
  }
  .guilder-silder>li:last-child:hover {
    background: none;
  }
  .guilder-silder>li:last-child .iconfont,.guilder-silder>li:last-child:hover .iconfont {
    color: #2966F4;
    font-size: 1.6rem;
  }
  .slider-wtfk {
    position: fixed;
    z-index: 9999;
    width: 36rem;
    bottom: 2rem;
    right: 1.3rem;
    background: #fff;
    display: none;
  }
  .slider-wtfk .layui-form {
    padding: 2rem;  
  }
  .slider-wtfk .layui-form .layui-form-label {
    padding: 0;
    text-align: left;
  }
  .slider-wtfk .layui-layer-setwin {
    right: 3.5rem;
  }
  .slider-wtfk hr {
    margin: 1rem 0;
  }
  .slider-wtfk .layui-layer-btn > button:last-child {
    border-color: #3C65FF !important;
    background-color: #3C65FF !important;
  }
  .slider-wtfk .layui-form-select dl dd.layui-this {
    border-color: #3C65FF !important;
    background-color: #3C65FF !important;
  }

  .cascader-selected {
    width: 40rem;
}


.gpu-price-tip  .layui-table-cell {
 height:auto;
 overflow:visible;
 text-overflow:inherit;
 white-space:normal;
}
.gpu-price-tip  .layui-btn-sm{margin-left:-.4rem;border-left: em;}
.gpu-price-tip  .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header,  .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){
 background-color: #F6F7FB !important;padding:1.4rem em;
}
.gpu-price-tip .layui-table td, .gpu-price-tip  .layui-table th {
text-align: center;
}
.gpu-price-tip .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{
 border:em;
}
.gpu-price-tip .price-col {
display: flex;
flex-direction: column;
align-items: center;
}
.gpu-price-tip .price-col .auto {
color: orange;
}
.device-setting {
    /* width: calc(972/1920*100vw); */
    width: 97.2rem;
    display: flex;
    margin: 1rem 0 3rem;
    justify-content: end;
    align-items: flex-start;
    border: .1rem solid #006EFF;
    background: rgba(0,110,255,0.1);
    color: #006EFF;
    padding: 1.5rem;
    padding: 1.5rem;
    float: right;
    display: none;
}

.device-setting > dl {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: start;
}
.device-setting > dl:first-child {
    align-items: center;
}
.device-setting > dl>dt {
    margin-bottom: 1rem;
    /* font-weight: 500; */
}

#content-container.login>div .middle  {
    height: 296px;
}

.mobile_navbar {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    display: none;
}
.mobile_navbar .box {
    width: 70%;
    position: absolute;
    right: -70%;
    top: 0;
    overflow: auto;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.mobile_navbar .box ul {
    overflow: hidden;
}
.mobile_navbar .box ul li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ECECEC;
}
.mobile_navbar .box ul li > a {
    display: flex;
    align-items: center;
    height: 5rem;
    padding-right: 2rem;
    padding-left: 3rem;
    font-size: 2rem;
    color: #333;
    justify-content: space-between;
    }
.gotop-dv{position: fixed; right:32px; bottom:6vh;}
.gotop-dv a{display: block; width:48px; height:48px;}
.loginas {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}

.loginas a {
    display: flex;
    align-items: center;
    padding: 0 22px;
    margin-left: 10px;
    height: 36px;
    justify-content: center;
    font-size: 14px;
    color: #444444;
    border-radius: 3px;
    transition: all .2s;
    background: #4D61DB;
    color: #fff;
}
.container .icon-menu {
    font-size: 3rem;
    color: #cecece;
    float: right;
    margin: 2rem;
}
.mobile_navbar .icon-close-bold {
    float: right;
    padding: 2rem;
    font-size: 2.2rem;
    margin-bottom: 1rem;
    color: #cecece;
}

.mobile-news-banner {
    display: none;
}



@media screen and (max-width: 800px) {

    .mobile-display {
        display: inherit!important;
    }
    .pc-display {
        display: none!important;
    }

    .window, .friends .friends-demo, .news .content, .footer .content, .footer .copyright, .news-content .news-demo, news-menu-list {
        width: 100%;
    }


    .price-list .price-box {
        width: 95%;
        min-width: 30rem;
    }

    .price-list>.col-md-12 {
        flex-direction: row;
        overflow-x: scroll;
        padding: 2rem 0;
    }

    .gpu-info .info-list {
        flex-direction: column;
    }

    .friends .level > div dl dt {
        font-size: 2.6rem;
    }
    .friends .level > div dl::after {
        display: none;
    }

    .swiper-slide {
        padding-top: 0;
    }

    .silder {
        width: 100vw;
        height: 25.8rem;
        position: relative;
        overflow: hidden;
    }

    .silder>.border {
        justify-content: flex-start
    }
    .silder > .border > .item {
        flex-direction: column;
    }

    .silder > .border > .item .left {
        justify-content: flex-start;
        margin-bottom: 1rem;
    }
    .silder > .border > .item .right {
        max-width: 30rem;
    }

    .silder > .border > .item {
        height: 25.8rem;
        width: 100vw!important;
        overflow: hidden;
    }

    .silder > .border > .item p {
        max-height: 14.5rem;
        overflow-y: scroll;
    }

    .silder>.border>.item .right .first, .silder>.border>.item .right .last {
        font-size: 3rem;
    }
    .friends {
        height: 70rem;
    }
    .friends .friends-demo {
        flex-direction: column;
        margin-top: 0;
        padding: 2rem;
        width: 100%;
    }
    .friends .friends-demo .left {
        width: 100%;
        height: auto;
        flex-direction: row;
    }
    .friends .friends-demo .left>dl dt {
        font-size: 2rem;
    }
    .friends .friends-demo .left>dl dd {
        font-size: 1.1rem;
    }
    .friends .friends-demo .right {
        width: 100%;
        text-align: center;
    }
    .friends .friends-demo .right > div {
        width: 8rem;
        height: 6rem;
        margin: 0 1px 0 1px;
    }

    .footer .content .col-md-12 {
        flex-direction: column;
    }

    .container>.col-md-12>.col-md-7, .container>.col-md-12>.col-md-3 {
        display: none;
    }

    .footer .col-md-12>.col-md-4, .footer .col-md-12>.col-md-8 {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .footer .col-md-12 .about dl {
        margin: 0 auto;
    }
    .footer .col-md-12 .about dd {
        text-align: center;
        margin: 2rem auto 0;
    }
    .footer .col-md-12 .service {
        display: block;
        position: relative;
    }
    .footer .col-md-12 .service>.col-md-4 {
        display: block;
        width: 50%;
        float: left;
        min-height: 20rem;
    }
    .alltitle {
        margin: 2rem auto 0;
    }
    .hy-dot.hy-dot-center {
        display: none;
    }

    .slide-info {
        margin-left: 1rem;
    }

    .slide-info .info3 {
        font-size: 1.2rem;
        margin-top: 0;
    }

    .slide-info .info4 {
        font-size: 1rem;
        line-height: 2rem;
    }

    .slide-info .slide-btn {
        margin-top: 1rem;
        font-size: 1em;
    }
    .slide-btn .default-btm {
        padding: .7rem 1rem;
    }
    .guilder-silder {
        display: none;
    }

    .gpu-info .info-list img {
        width: calc(585/1920*100vw);
        height: auto;
    }

    .application .application-btn-list .btn {
        max-width: 11rem;
        font-size: 1rem;
        padding: 0.2rem 1rem !important;
    }
    .apl-demo .application-btn-list .iconfont {
        margin-right: 0.1rem;
    }

    .select-gpu .mao_jf_type {
        flex-direction: column;
    }

    .select-gpu .mao_jf_type dl {
        margin-bottom: 1rem;
        width: -webkit-fill-available;
    }

    .select-gpu .btn-group {
        margin-bottom: 2rem;
    }
    
    .mao_list .mao_list_box>.top .right {
        margin-right: 0;
        width: 100%;
        justify-content: space-between;
    }
    .mao_list .mao_list_box>.top>.tip {
        background-size: 75%;
        width: 10rem;
        height: 10rem;
        right: -3.4rem;
        top: -1rem;
    }
    .mao_list .mao_list_box>.bottom>.section .in {
        flex-direction: column;
    }
    .mao_list .mao_list_box>.bottom>.section .in>div {
        width: 100%!important;
    }
    .mao_list .mao_list_box>.bottom>.section .in>div>.fr {
        float: left;
    }
    .mao_list .mao_list_box>.bottom {
        background: url(../imgs/gpu-list.png) no-repeat;
        background-size: cover;
    }
    .mao_list .mao_list_box>.top {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }
    .mao_list .mao_list_box>.top>div {
        width: 100%;
        justify-content: space-between;
        /* display: flex; */
        margin-bottom: 1rem;
    }
    .mao_list .mao_list_box>.gpu-hr {
        margin: 0;
    }

    .select-gpu .sku-list {
        width: calc(1920/1920*100vw);
        /*overflow-x: scroll;*/
    }

    .select-gpu .gpu-count {
        flex-direction: column;
        height: auto;
    }
    .select-gpu .gpu-count>div {
        width: 100%;
        position: relative;
        padding: 0;
    }

    .select-gpu .layui-row .layui-col-xs4 {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .layui-col-xs4 .detail-label {
        min-width: 0;
        margin-right: 0.5rem;
    }
    .layui-form-item .layui-input-inline {
        margin-left: 0!important;
    }

    #content-container.login>div {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 100vw;
        top: 2rem;
    }
    #content-container.login>div .left {
        width: 100%;
        padding-right: 0;
    }
    #content-container.login>div .middle  {
        flex-direction: column;
        height: auto;
    }
    
    #content-container.login>div .assignleft {
        top: -72px;
        position: relative;
    }
    #think_page_trace {
        z-index: 1;
    }

    .container.login>.section>.middle>.right {
        margin-top: 5rem;
    }

    .news-banner {
        height: 30rem;
    }
    .news-banner .news-search {
        max-width: 100vw;
    }
    .news-banner .news-search .search-group {
        max-width: 99vw;
        margin: 0 auto;
    }

    .news-banner .news-search .interduce {
        display: none;
    }

    .mobile-news-banner .news-search .interduce {
        width: 120rem;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;
        height: 9rem;
        background: #fff;
        position: absolute;
        bottom: -4.5rem;
        box-shadow: 0 1.1rem 3.5rem #eaeff4
    }

    .mobile-news-banner {
        display: block;
        position: relative;
        overflow: hidden;
        overflow-x: scroll;
    }
    .mobile-news-banner .interduce {
        width: 120rem;
    }
    .mobile-news-banner .interduce dl {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 2rem;
        cursor: pointer;
    }
    .mobile-news-banner .interduce dl dt {
        width: 4.4rem;
        height: 4.4rem;
    }
    .mobile-news-banner .interduce dl dd {
        display: flex;
        flex-direction: column;
        padding-left: 2rem;
    }
    .mobile-news-banner .interduce dl dd span:first-child {
        font-weight: 500;
        color: #333333;
        line-height: 2.6rem;
        font-size: 1.8rem;
    }

    .mobile-news-banner .interduce dl dd span:last-child {
        color: #60657A;
        font-size: 1.4rem;
        margin-top: .8rem;
    }
    .news-menu-list {
        margin-top: 2rem;
    }

}


.expand-tool {
    float: left;
    /* display: contents; */
}
.expand-tool>div {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
.expand-tool>div>span {
    color: #4593FF;
    font-size: 1.4rem;
    margin-right: 0.3rem;
    font-weight: 600;
}

/* 公告 */
.global_notice {
    height: 0;
    background: rgb(255,204,0);
    transition: 1s;
}
.global_notice_show {
    height: 40px;
}
.global_notice .notice_guider {
    max-width: 1140px;
    margin: 0 auto;
    height: 100%;
    flex-direction: row;
    align-items: center;
}
.global_notice .notice_guider > .icon-dkw_gonggao {
    font-size: 1.8rem;
    width: 4rem;
}
.global_notice .notice_guider > .content {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    align-items: center;
}

.global_notice .notice_guider > .content > p {
    white-space: nowrap;
    overflow: hidden;
    animation: scroll 50s linear infinite; 
}

/* @keyframes scroll {
    0% {
        transform: translateX(90%);
    }

    100% {
        transform: translateX(-90%); /* 终止位置在最左侧，文本滚动从右向左 */
    }
} */