@media screen and (max-width:1200px){
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='content'] .commentBox> div{
        width:228px;
    }
    body > div[cain='main'] > div[cain='three'],
    body > div[cain='main'] > div[cain='six'],
    body > div[cain='main'] > div[cain='comment'] {
        background-size: auto 100%;
        /* padding: 0 20px; */
        padding:0;
    }
    .noticeContent{
        margin-left:80px;
        width: 400px;
        height: 400px;
        background-size: 100%;
        top:0;
    }
    body > div[cain='main'] > div[cain='topswiper'] > div.swiper-container > div.swiper-wrapper > div.swiper-slide,
    body > div[cain='main'] > div[cain='topswiper'] > div.swiper-container > div.swiper-wrapper > div.swiper-slide .content,
    body > div[cain='main'] > div[cain='topswiper'] > div.swiper-container,
    body > div[cain='main'] > div[cain='topswiper']{
        height:400px;
    }
    .fixTool>.item{
        width: 40px;
        height: 40px;
    }
    .fixTool .item img{
        width: 20px;
        height: 20px;
    }
    .fixTool{
        width:40px;
    }

    /* login */
    body > div[cain='main'].register_main > div[cain='head'] img{
        margin-left:20px;
    }
    body > div[cain='main'] > div[cain='head'] > div[cain='icon']{
        margin-left:10px;
    }
    body > div[cain='main'].register_main [cain="_helpcenter"]{
        margin-right:20px;
    }
    body > div[cain='main'].register_main > div[cain='body'] div[cain='form']{
        padding-right:100px;
    }
    body > div[cain='main'] > div[cain='body']{
        background-size: 1620px auto;
    }

    /* 模块 */
    .mainContent .leftContent{
        width:240px;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .leftContent .item{
        width:240px;
        padding-left: 70px;
        padding-right:50px;
    }
    .leftContent .item .icon{
        left: 28px;
    }
    .leftContent .item .num{
        right: 20px;
    }
    .mainContent .bdContent{
        width:calc(100% - 270px );
        margin-right: 10px;
        margin-top:10px;
        margin-bottom: 10px;
    }
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td[aria-describedby$="Operation"]{
        padding:8px 0!important;
    }
    .ND_filter .ui.selection.dropdown{
        width: 160px;
        min-width: 160px;
    }
    .ND_filter .ui.action.input input{
        width:140px;
        min-width:140px;
    }
    .ui.grid.ndgrid .row .column [itembtn="ItemQty"]{
        min-width: 40px!important;
    }
    .photoSetting .photoRow .ui.dropdown{
        width: 100%;
        min-width: 120px;
    }
    .workOrder .ND_filter .ui.selection.dropdown{
        width: 126px;
        min-width: 120px;
        padding: 11px 30px 11px 10px;
    }
    .workOrder .ND_filter .ui.action.input input{
        width: 132px;
        min-width: 120px;
        padding: 10px;
    }
    .storage div[subassembly="button_small-blue"],
    .storage div[subassembly="button_small-gray"]{
        padding:10px;
    }
    body div[subassembly="table"] > div[subassembly="table_header"] > div[subassembly="table_head-div"]{
        white-space: nowrap;
    }
    body > div[cain='main'] > div[cain='three'] img{
        width:240px;
    }
    .ND_grid [gridBtn]{
        margin-right: 1px;
    }
    .ND_filter .ui.action.input .ui.button{
        padding:10px;
    }
    .content.notice,
    .helpMain{
        width:100%;
    }
    .notice .noticeContentMain .detail .area img{
        max-width: 100%;
    }
    body > div[cain='main'] > div[cain='three'],
    body > div[cain='main'] > div[cain='six'] > div[cain='content'],
    body > div[cain='main'] > div[cain='friendlyLink']{
        padding:0 20px;
    }
    body > div[cain='main'] > div[cain='bottomBanner'] > div > div{
        margin:0 20px;
    }
    body > div[cain='main'] > div[cain='body'] div[cain='form'] > div[cain='box']{
        right:20px;
    }
    body > div[cain='main'] > div[cain='body'] div[cain='form']{
            position: none;
            margin: 0; 
            top: auto; 
            left: auto;
            height:100%;
    }
    body > div[cain='main'] > div[cain='three'] > div[cain='content']{
        width:calc(100% - 40px)!important;
        min-width:calc(100% - 40px)!important;
    }
    body > div[cain='main'] > div[cain='six'] > div[cain='content'] > div > div{
        width:33.33%;
    }
    body > div[cain='main'] > div[cain='six'] > div[cain='content'] > div > div > img{
        width:80px;
        height:80px;
        margin-top:10px;
    }
    body > div[cain='main'] > div[cain='six'] > div[cain='content'] > div > div > div{
        width:calc(100% - 90px)
    }
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='content']{
        padding:0 20px;
    }
    body > div[cain='main'] > div[cain='friendlyLink'] > div,
    body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='content']{
        width:100%!important;
        min-width: 800px!important;
    }
    /* .calculateBox{
        padding: 10px;
        right: 60px;
        margin-top: -210px;
        width: 700px;
    } */
    .helpMain,.introduce{
        padding:10px!important;
    }
    .helpMain{
        padding:0 10px!important;
    }
    .helpMainContent .helpContent{
        width: calc(100% - 290px);
    }
    .notice .noticeContentMain .storage{
        padding:10px;
        width:calc(100% - 20px);
        margin:0 auto;
    }
    .notice .noticeContentMain .detail{
        width:calc(100% - 20px);
        margin:0 auto;
    }
    .notice .noticeContentMain.introduce .detail{
        width:100%;
    }
   
}
@media screen and (min-width:1000px) and (max-width:1200px){
    body > div[cain='main'],
    body > div[cain='main'] > div[cain='three'] > div[cain='content'],
    body > div[cain='main'] > div[cain='six'] > div,
    body > div[cain='main'] > div[cain='comment'] > div,
    body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='content'],
    body > div[cain='main'] > div[cain='bottomBanner'],
    body > div[cain='main'] > div[cain='bottomBanner'] > div,
    .ND_body,
    .noticeMain>[cain="head"],
    .notice .noticeContentMain,
    .helpMainContent,
    body > div[cain='main'] > div[cain='six'] > div[cain='content'],
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='content'],
    .ND_body > div[cain='main'] > div[cain='head'],
    .mainContent,
    body > div[cain='main'] > div[cain='head'],
    body > div[cain='main'] > div[cain='body'] div[cain='form'],
    body > div[cain='main'] > div[cain='friendlyLink'] > div,
    body > div[cain='main'] > div[cain='head'],
    body > div[cain='main'] > div[cain='body'] div[cain='form'],
    body > div[cain='main'] > div[cain='bottom']{
        width:100%;
        min-width:1000px;
    }
    .noticeContent .noticeMore{
        bottom:90px;
    }
   
} 
@media screen  and (max-width:1000px){
    body > div[cain='main'],
    body > div[cain='main'] > div[cain='three'] > div[cain='content'],
    body > div[cain='main'] > div[cain='six'] > div,
    body > div[cain='main'] > div[cain='comment'] > div,
    body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='content'],
    body > div[cain='main'] > div[cain='bottomBanner'],
    body > div[cain='main'] > div[cain='bottomBanner'] > div,
    .noticeMain>[cain="head"],
    .notice .noticeContentMain,
    body > div[cain='main'] > div[cain='six'] > div[cain='content'],
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='content'],
    .mainContent,
    body > div[cain='main'] > div[cain='head'],
    body > div[cain='main'] > div[cain='body'] div[cain='form'],
    body > div[cain='main'] > div[cain='friendlyLink'] > div,
    body > div[cain='main'] > div[cain='head'],
    body > div[cain='main'] > div[cain='body'] div[cain='form'],
    body > div[cain='main'] > div[cain='bottom']{
        width:100%;
        min-width:800px;
    }
    .ND_body,
    .ND_body > div[cain='main'] > div[cain='head']{
        width:100%;
        min-width:1000px;
    }
    body > div[cain='main'] > div[cain='six'] > div[cain='content'] > div > div{
        width:320px;
        padding:20px;
    }
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='content'] .commentBox> div{
        width:220px;
        padding: 20px 40px;
    }
    body > div[cain='main'] > div[cain='six'] > div[cain='content'] > div > div > img{
        width:80px;
        height:80px;
        display: block;
    }
    body > div[cain='main'] > div[cain='six'] > div[cain='content'] > div > div > div{
        width: 180px;
        margin-left: 10px;
    }
    body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='content'] .imgBox img{
        height:48px;
    }
    body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='content'] .imgBox{
        height:80px;
    }
    body > div[cain='main'] > div[cain='three'],
    body > div[cain='main'] > div[cain='six']{
        height: 660px;
    }
    body > div[cain='main'] > div[cain='friendlyLink']{
        height:400px;
    }
    body > div[cain='main'] > div[cain='comment']{
        height:960px;
    }
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='title'],
    body > div[cain='main'] > div[cain='six'] > div[cain='title']{
        margin: 140px 0 40px 0
    }
    body > div[cain='main'] > div[cain='three'] > div[cain='title']{
        margin: 60px 0 40px 0
    }
    body > div[cain='main'] > div[cain='friendlyLink'] > div > div[cain='title']{
        margin: 100px 0 40px 0
    }
    body > div[cain='main'] > div[cain='topswiper'] > div.swiper-container > div.swiper-wrapper > div.swiper-slide .content,
    body > div[cain='main'] > div[cain='topswiper'] > div.swiper-container > div.swiper-wrapper > div.swiper-slide, 
    body > div[cain='main'] > div[cain='topswiper'] > div.swiper-container, 
    body > div[cain='main'] > div[cain='topswiper']{
        height:360px;
    }
    .noticeContent{
        width: 360px;
        height: 360px;
        margin-left:60px;
    }
    .noticeContent .noticeList{
        margin-left:-130px;
    }
    body > div[cain='main'] > div[cain='comment'] > div > div[cain='content'] .commentBox{
        min-height:540px;
    }
    /* login */
    body > div[cain='main'] > div[cain='body']{
        min-width: 800px;
        background-size: 1320px auto;
    }
    body > div[cain='main'].register_main > div[cain='body'] div[cain='form']{
        padding-right: 20px;
    }
    body > div[cain='main'].register_main {
        overflow: auto;
    }
    body{
        overflow:auto;
    }
    .noticeContent .noticeMore{
        bottom:80px;
    }

} 
@media screen  and (max-width:800px){
    .ui.modal.selectChanModal, .ui.modal.selectAddressModal{
        width:100%!important;
        margin-left:-50%!important;
    }
    body .ui.modal.small{
        width:100%!important;
        margin-left:-50%!important;
    }
    /* .calculateBox{
        width:560px;
        height: 390px;
    } */
    .ui.modal>.icon.close{
        top: .5rem!important;
    }
}
@media only screen and (max-width: 992px){
    .modals.dimmer .ui.scrolling.modal {
        margin: 0!important;
    }
}