/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) {
    .login-left { display: block; }
    .container { width: 990px; }
    #footer .footer-item-last { border-right: 2px solid #c1c1c1; }
    #footer .footer-contact h2 { padding-left: 20px; }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2 { padding-left: 10px !important; }
    }
	/*墙的样式*/
	.img { width: 66px; height: 30px; cursor: pointer; -webkit-box-shadow: 4px 4px 4px #000; -moz-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; border-radius: 4px; padding: 3px 0px 0px 3px; margin-top: 3px; }
	.small { width: 32px; height: 30px; cursor: pointer; -webkit-box-shadow: 4px 4px 4px #000; -moz-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; padding: 3px 0px 0px 3px; margin-top: 3px; }
}

/*大于手机屏幕时的样式 sm >= 768px */
@media (min-width: 768px) {
    .login-left { display: block; }
    #header .navbar { border-radius: 0; padding: 15px 0; position: relative !important; }
    #header .navbar-nav > li > a { padding: 15px 0; }
}

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px) {
    .modal-dialog { width: 95% !important; }
    .login-left { display: block; }
    .outbox-setpwd .line1 { padding-left: 15px; }
    .bread-crumbs { padding: 0px 5px; font-size: 1rem; }
    .bread-crumbs em { float: none !important; margin-left: 10px; }
    .main-account { min-height: 100%; padding: 10px; }
    .main-account .main-account-left { width: 100%; padding: 0px; border-bottom: 2px dashed #e3e3e3; }
    .main-account .main-account-left .user-name { display: inline-block; padding-left: 20%; }
    .main-account .main-account-left .user-type { display: inline-block; padding-left: 10%; }
    .main-account .main-account-left .nav-myaccount { border-top: 2px dashed #e3e3e3; padding: 10px; }
    .main-account .main-account-left .nav-myaccount > a { display: inline-block; padding: 0 1rem; }
    .main-account .main-account-right { width: 100%; min-height: 100%; border-left: none; padding: 15px 0px 0px 0px; }
    .main-account .main-account-right .nav-mar-title { padding-top: 0px; }
    .main-account .main-account-right .outbox-setpwd .line1 { padding-left: 0px; }

    #footer .footer-contact h2 { font-size: 26px !important; }
    #xj_list { text-align: center; padding: 30px 0px 20px; }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2 { padding-left: 0; font-size: 22px !important; }
    }
}

/*手机超小屏幕下的单独样式 < 768px */
@media (max-width: 767px) {
    .navbar-nav { margin: 0px; }
    .navbar-nav li { display: inline-block; padding: 8px; }
    .container { padding: 0px 8px; }
    .modal-dialog { width: 95% !important; }
    .sitenav .sitenav-left { font-size: 13px; }
    .sitenav .sitenav-right { font-size: 13px; }
    .sitenav .sitenav-link { padding: 0 4px; }

    .login-left { display: none; }
    .login-area { position: relative; margin: 0px auto; width: 376px; }
    .login-area .login-box { padding: 30px !important; }
    .login-area .login-box .line1 { padding-left: 0px; }
    .login-area .login-box .line1 span.l { width: 28% !important; }
    .login-area .login-box .line1 input.r { width: 70% !important; }
    .login-area .login-box .line1 .r_code { width: 39% !important; }
    .login-area .login-box .line1 .img-VerifyCode { width: 30% !important; float: none !important; }

    .outbox { padding: 10px; }
    .outbox-setpwd { padding: 0px 0px 10px 0px; }
    .outbox-setpwd .line1 { padding-left: 0px; }
    .outbox-setpwd .line1 > div { width: auto; }
    .outbox-setpwd .line1 .words { width: 28%; display: inline-block; float: none; padding: 0px; }
    .outbox-setpwd .line1 .input-wd { width: 70%; display: inline-block; float: none; }
    .outbox-setpwd .line1 .r_code { width: 39%; }
    .outbox-setpwd .line1 .img-VerifyCode { width: 30% !important; float: none !important; }

    .bread-crumbs { padding: 0px; font-size: 1rem; }
    .bread-crumbs em { float: none !important; margin-left: 10px; }
    .main-account { min-height: 100%; padding: 10px; }
    .main-account .main-account-left { width: 100%; padding: 0px; border-bottom: 2px dashed #e3e3e3; }
    .main-account .main-account-left .user-name { display: inline-block; padding-left: 20%; }
    .main-account .main-account-left .user-type { display: inline-block; padding-left: 10%; }
    .main-account .main-account-left .nav-myaccount { border-top: 2px dashed #e3e3e3; padding: 10px; }
    .main-account .main-account-left .nav-myaccount > a { display: inline-block; padding: 0 1rem; }
    .main-account .main-account-right { width: 100%; min-height: 100%; border-left: none; padding: 15px 0px 0px 0px; }
    .main-account .main-account-right .nav-mar-title { padding-top: 0px; }
    .main-account .main-account-right .outbox-setpwd .query-list .row-ck { display: block; }
    .main-account .main-account-right .outbox-setpwd .line1 { padding-left: 0px; }

    .sp_reset_mail { float: right; margin-right: 2px; }

    .form-control { padding: 0px 5px; }
    .table-view .td-left select { min-width: 60px; }
    .t_b tbody tr td { padding: 5px 8px; }

    #header .navbar { position: relative !important; }
    #header .navbar { padding-bottom: 0; }
    #footer .footer-wechat p { text-align: left !important; }
    #clan-slider { bottom: 10px !important; }
    #clan-slider ul li a { background-color: rgba(255,255,255,0.9) !important; border-color: transparent !important; border-radius: 50% !important; }
    #clan-slider #slider-goTop { background-position: -92px 0 !important; }
    #clan-slider #slider-goTop:hover { background-position: 0 0 !important; }

    .service-info h1 { margin-top: 20px; text-align: center; }
    .visa-step .caption p { font-size: 12px; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom-color: #ddd; }
    .nav-tabs > li > a { border-radius: 4px; }
    .popover-content { margin: 5% 0 0 !important; }
    .card-item { width: 100% !important; }
    .card-area .card-active { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important;; -o-transform: scale(1) !important;; -ms-transform: scale(1) !important;; z-index: 10 !important; }

    .table-view .td-right { display: block; text-align: left; }
    .table-view .td-left { display: block; }
    .table-view td .row-ck { display: block; }

    .mj-Detail { padding: 10px; }
    .mj-Detail p { line-height: 25px; font-size: 14px; }

    /*ixjq*/
    .ixjq { min-height: 100%; padding: 10px; }
    .ixjq .content { padding: 30px 0px 20px; }

    /*talk*/
    .talk { padding-bottom: 72px !important; }
    .talk .content .c-row { padding: 0px 10px; }
    .talk .content .c-row .row1 { margin-top: 10px; }
    .talk .content .c-row .row1 .title { display: block; width: 100%; line-height: 26px; }
    .talk .content .c-row .row1 .user { display: block; width: 100%; line-height: 26px; margin-bottom: 5px; }
    .talk .d_sp_p { padding-left: 2px; padding-right: 2px; }

    /*standard*/
    .standard .header { height: 110px; line-height: 55px; text-align: center; }
    .standard .header .title { float: none !important; }
    .standard .header input { margin-top: -20px; float: none !important; }

    .standard .content,
    .sddcase .content { padding: 20px 0px 20px; }
    .standard .content .row, 
    .sddcase .content .row { padding: 6px; }
    .standard .content .crc,
    .sddcase .content .crc { padding: 5px 15px; }
    .standard .d_sp_p, 
    .sddcase .d_sp_p { height: 85px; line-height: 85px; }

    .standard .content .sp-ct-title,.sdd .content .sp-ct-title,
    .sddcase .content .sp-ct-title { margin: 6px 0px 3px; }
    .standard .content .sp-ct-title label,.sdd .content .sp-ct-title label,
    .sddcase .content .sp-ct-title label { margin-left: 10px; font-family: Tahoma, '微软雅黑'; }
    .standard .content .sp-ct-title .fr,.sdd .content .sp-ct-title .fr,
    .sddcase .content .sp-ct-title .fr { float: left !important; }
    .standard .content .sp-ct-title .user, .sdd .content .sp-ct-title .user,
    .sddcase .content .sp-ct-title .user { font-size: 15px; font-weight: 600; }
    .standard .content .sp-ct-title .time, .sdd .content .sp-ct-title .time,
    .sddcase .content .sp-ct-title .time { font-size: 13px; font-weight: 500; color: #999; }

    .sdd .content { padding: 10px 0px; }
    .sdd .content .dr-title { padding: 0px 6px; }
    .sdd .content .sp-ct-title label { line-height: 18px; display: inline; }

    .xm_cms .bm .content .row .sp-ct-title label { line-height: 18px; display: inline; }

    /*case*/
    .case { padding: 20px 10px 72px; }
    .case .content { padding: 10px 0px; }
    .case .content .c-row { padding: 10px; }
    .case .content .c-row .title { display: block; width: 100%; line-height: 26px; }
    .case .content .c-row .info { display: block; width: 100%; line-height: 26px; }
    .case .d_sp_p { padding-left: 2px; padding-right: 2px; }

    /*notic*/
    .notice-d-title { padding: 15px 15px 2px; }
    .notice-d-time { padding: 10px 15px; }
    .notice-d-info { padding: 10px; line-height: 26px; }

    /* usercenter */
    #td_dr_ReplyList .line-h30 { height: auto !important; line-height: 18px; padding-top: 8px; }
    #td_dr_ReplyList .sp-ct-title .fr { float: none !important; clear: both; }
    #td_dr_ReplyList .sp-ct-title .user { font-size: 15px; font-weight: 600; color: #000000; }
    #td_dr_ReplyList .sp-ct-title .time { font-size: 14px; font-weight: 500; color: #000000; }
    #td_dr_ReplyList .mj-Detail p { font-size: 16px; }
    /*墙的样式*/
    .img { width: 50px; height: 25px; cursor: pointer; -webkit-box-shadow: 4px 4px 4px #000; -moz-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; border-radius: 4px; padding: 3px 0px 0px 3px; margin-top: 3px; }
    .small { width: 25px; height: 25px; cursor: pointer; -webkit-box-shadow: 4px 4px 4px #000; -moz-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; padding: 3px 0px 0px 3px; margin-top: 3px; }
}
@media (max-width: 376px) {
    .container { padding: 0px !important; }
    .login-left { display: none; }
    .login-area { position: relative; margin: 0px auto; width: 100%; }
    .login-area .login-box { padding: 20px !important; }
    .login-area .login-box h3 span { display: block; left: 0px !important; width: 100% !important; }
    .login-area .login-box .line1 span.l { width: 32% !important; }
    .login-area .login-box .line1 input.r { width: 65% !important; }
    .login-area .login-box .line1 .r_code { width: 34% !important; }
    .login-area .login-box .line1 .img-VerifyCode { width: 30% !important; }
    .login-area .login-box .line1 .reb_pwd { margin-right: 10px; }

    .outbox-setpwd .line1 .words { width: 32% !important; }
    .outbox-setpwd .line1 .input-wd { width: 65% !important; }
    .outbox-setpwd .line1 .r_code { width: 34% !important; }
    .outbox-setpwd .line1 .img-VerifyCode { width: 30% !important; }
    .btn-open-wyjm { position: fixed; margin-top: -40px; width: 72px; height: 28px; right: 0px; font: 400 13px/28px "Microsoft YaHei"; color: #fff; background-color: #1ab394; border-radius: 4px; text-align: center; text-decoration: none; cursor: pointer; }
    .sp_reset_mail { float: right; margin-right: 2px; }

    /*ixjq*/
    .ixjq { min-height: 100%; padding: 10px; }
    .ixjq .content { padding: 20px 0px; }

    /*standard*/
    .standard,
    .sddcase { padding: 6px 6px; }
    .standard .header input { float: none !important; }
    .standard .header .title { margin:2px 10px 0px; }
    .standard .content,
    .sddcase .content { padding: 10px 0px 20px; }

    .lfsj-detail { padding: 5px; }

    /*sddcase*/

    /*notic*/
    .notice-d-title { padding: 15px 15px 2px; }
    .notice-d-time { padding: 10px 15px; }
    .notice-d-info { padding: 10px; line-height: 26px; }

    .books-d .footer div { padding: 0px !important; }
    .books-d .footer div .sp-row { text-align: left; display: block; width: 100%; }
}