* {transition:opacity 0.3s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul,li,ol {list-style:none;}
a {text-decoration:none;color:#7693FF;outline:none;}
a:hover {text-decoration:none;color:#6384FF;}
.chicun {font-size:13px;background-color:#FFF;margin:auto;margin-bottom:24px;margin-left:5px;margin-right:5px;padding:10px 20px 30px 20px;border-radius:10px;}
.chicuntitle {text-align:left;font-size:16px;font-weight:bold;color:#f30;margin-bottom:20px;}
.TableStyle {border:#ccc solid 1px;border-bottom:none;color:#333;font-family:Verdana;}
.TableStyle th {height:36px;border-bottom:#ccc solid 1px;background:#ddd;overflow-y:hidden;padding:0px 10px;text-align:left;font-size:14px;line-height:36px;}
.TableStyle td {line-height:36px;border-bottom:#ccc solid 1px;background:#FFF;padding:0px 10px;}
.TableStyle tr:nth-of-type(even) td {background:#f4f4f4;}
.tdr {color:#666;text-align:right;}
.tdl {color:#f30;text-align:left;border-right:#ccc solid 1px;}
.utooltitle {margin-bottom:40px;}
.utooltitlesmall {margin-top:14px;width:95%;height:45px;color:#999999;}
.ImgBoxTool a {display:block;min-height:222px;border-radius:8px;}
.picList01 {overflow:hidden;position:relative;}
.picList01 ul {display:block;position:relative;width:780px;}
.picList01 li {float:left;width:175px;margin-right:20px;font-size:12px;line-height:20px;}
.picList01 li .imgBox {margin-bottom:2px;}
.picList01 li .imgBox img {display:block;}
.picList01 li p {padding:5px 0;}
.picList01-2 li {width:240px;}
.titleBar {line-height:1.2;position:relative;width:90%;float:right;padding:20px;background-color:#ffffff;border-radius:10px;box-shadow:0 0 8px 0 rgb(0 0 0 / 8%);margin-bottom:20px;}
.bar-box {padding:20px;background-color:#ffffff;border-radius:10px;box-shadow:0 0 8px 0 rgb(0 0 0 / 8%);margin-bottom:20px;}
.titleBar h4 {padding-left:2px;font-weight:500;color:#3d3d3d;letter-spacing:2px;}
.titleBar h1 {margin-top:6px;font-weight:300;font-size:34px;letter-spacing:1.88px;color:#000;margin-bottom:0;}
/*==========屏幕尺寸大全============*/
#border1 {border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:#dddddd 1px solid;}
#border2 {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#bordere {border-radius:10px;}
#designGuide {margin-top:25px;float:right;width:100%;}
#designGuide .tabBox {width:100%;margin:0 auto;}
#designGuide .tabBox a {display:block;width:109px;padding:10px 0;height:70px;line-height:51px;text-align:center;margin-right:15px;float:left;color:#666;font-size:16px;font-weight:500;margin:auto;}
#designGuide .tabBox a:hover {color:var(--theme-color);}
#designGuide .tabBox a.current {border-bottom:var(--theme-color) 2px solid;padding-bottom:0;color:var(--theme-color);margin:auto;}
#designGuide .wrap {position:relative;overflow:hidden;margin:auto;}
#designGuide .sideBox {width:160px;position:absolute;right:0;top:0;}
#designGuide .sideBox li {margin-bottom:5px;}
#designGuide .sideBox a {display:block;}
#designGuide .sideBox .bClass a {height:30px;line-height:30px;padding-left:12px;font-size:14px;color:#333;font-weight:700;}
#designGuide .sideBox .sClass a {height:24px;line-height:24px;padding-left:12px;font-size:12px;color:#666;}
#designGuide .sideBox a:hover {color:#7693FF;}
#designGuide .sideBox .current a {color:#7693FF;border-left:#7693FF 2px solid;padding-left:10px;}
#designGuide .contentBox {padding:32px;width:90%;margin:auto;}
#designGuide .contentBox h2 {display:block;font-size:24px;line-height:32px;font-weight:normal;margin-bottom:30px;}
#designGuide .contentBox .cBox01 {margin-bottom:80px;/* padding:28px;*/;}
#designGuide .contentBox .cBox01 img {display:block;width:100%;}
#designGuide .contentBox .cBox01 table:first-of-type {margin-bottom:40px;}
#designGuide .contentBox h3 {display:block;font-size:18px;line-height:22px;font-weight:normal;margin-bottom:30px;margin-top:60px;}
#designGuide .contentBox .fontFamilyInfo01 {height:200px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#3784C3;background:-webkit-gradient(linear,left top,left bottom,from(#3874AF),to(#3598DB));background:-moz-linear-gradient(top,#3874AF,#3598DB);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3874AF',endColorstr='#3598DB');margin-bottom:34px;color:#fff;font-size:24px;text-align:center;}
#designGuide .contentBox .fontFamilyInfo01 .p01 {padding:55px 0 25px 0;}
#designGuide .contentBox .fontFamilyInfo01 .p03 {padding:45px 0 25px 0;}
#designGuide .contentBox .fontFamilyInfo01 .p05 {font-size:14px;margin-top:10px;color:#EBF3FA;}
#designGuide .contentBox .txt01 {font-size:14px;line-height:20px;margin-bottom:15px;}
#designGuide .contentBox .txt01 p {margin-bottom:10px;}
.tableList01 th,.tableList01 td {font-size:14px;line-height:18px;padding:15px;border-bottom:#F2F2F2 1px solid;}
.tableList01 th {font-size:12px;padding:8px 15px;border-bottom:#E5E5E5 2px solid;font-weight:700;text-align:left;}
.moquu_listscr {width:150px;background-color:#ffffff;border-radius:10px;position:fixed;box-shadow:0 0 8px 0 rgb(0 0 0 / 2%);}
.moquu_listscr a {float:left;font-size:15px;height:73px;line-height:74px;text-align:center;cursor:pointer;color:#565656;font-weight:300;border-bottom:#f1f3f7 1px solid;-webkit-transition:all .2s;transition:all .4s;width:100%;}
.moquu_listscr a:hover {color:var(--theme-color);font-size:17px;box-shadow:0 30px 28px -16px rgba(0,0,0,0.26);transform:translate(0,1px);font-weight:400;}
.moquu_listscr a.on {color:var(--theme-color);font-size:17px;font-weight:400;}
.titleBar .terminalType {overflow:hidden;margin-top:20px;}
.titleBar .terminalType a {display:block;float:left;background:rgba(14,14,14,0.7);width:80px;position:relative;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-right:15px;text-align:center;overflow:hidden;}
.titleBar .terminalType a.current,.titleBar .terminalType a:hover {background:var(--theme-color);}
.titleBar .terminalType a i {display:inline-block;width:24px;height:24px;overflow:hidden;background-image:url(size-icon.png);background-repeat:no-repeat;font-size:0;line-height:0;margin-top:9px;color:#fff;opacity:0.6;margin-bottom:8px;}
.titleBar .terminalType a i.phone {background-position:-24px 0;}
.titleBar .terminalType a i.tablet {background-position:-24px -24px;}
.titleBar .terminalType a i.watch {background-position:-24px -50px;}
.titleBar .terminalType a i.computer {background-position:-24px -72px;}
.titleBar .terminalType a i.display {background-position:-24px -96px;}
.titleBar .terminalType a:hover i {opacity:1;}
.titleBar .terminalType a.current i {opacity:1;}
.titleBar .terminalType a span {-webkit-border-radius:2px;text-align:center;font-size:12px;color:#fff;border-top:solid 1px rgba(255,255,255,0.63);margin:0 10px;display:block;padding:8px 0px;}
.nav-container {position:relative;width:98%;margin:auto;}
#screenSizeMain {min-height:520px;padding-bottom:60px;width:100%;float:right;padding-top:20px;}
#screenSizeMain .titleBox {height:59px;border-bottom:#f2f2f2 1px solid;background-color:#e6e6e6;position:relative;z-index:20;}
#border1 {border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:#dddddd 1px solid;}
#border2 {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
#bordere {border-radius:10px;}
.wrap {width:98%;margin:0 auto;background-color:#f6f6f6;}
#screenSizeMain .titleBox span {margin-left:4px;vertical-align:super;}
#screenSizeMain table {width:100%;margin:0 auto;padding:27px 35px 24px;}
#screenSizeMain table tbody tr:hover {background-color:#F8F8F8;}
#fixedTtitle {position:relative;}
#screenSizeMain .top_fixed_scroll {/* overflow:hidden;*/    /* position:fixed;*/    /* border:0px;*/    /* width:100%;*/    /* top:0px;*/    /* z-index:21;*/;}
#screenSizeMain .top_fixed_scroll .titleBox {height:50px;opacity:0.95;overflow:hidden;position:fixed;border:0px;width:100%;top:0px;z-index:21;}
#screenSizeMain .top_fixed_scroll .equipName em {top:12px;}
#screenSizeMain td {height:60px;vertical-align:middle;line-height:20px;font-size:13px;text-align:left;border-bottom:1px solid #ebebeb;}
#screenSizeMain td.td01 {padding-left:15px;}
#screenSizeMain td.td02 {width:90px;}
#screenSizeMain td.td03 {width:90px;}
#screenSizeMain td.td04 {width:90px;}
#screenSizeMain td.td05 {width:90px;}
#screenSizeMain td.td06 {width:120px;}
#screenSizeMain td.td07 {width:120px;}
#screenSizeMain td.td08 {width:120px;}
#screenSizeMain td.td08 br {display:none;}
#screenSizeMain .titleBox td {font-size:12px;font-weight:700;height:59px;}
#screenSizeMain .titleBox td .gray01 {font-weight:normal;}
#screenSizeMain .titleBox td .equipName {position:relative;}
#screenSizeMain .titleBox td .equipName span {display:inline-block;vertical-align:middle;}
#screenSizeMain .titleBox td .equipName .sequence {display:block;position:absolute;right:0;top:2px;width:18px;height:18px;background-image:url(i.png);background-position:0 -120px;cursor:pointer;}
#screenSizeMain tr:last-child td {border-bottom:none;}
.titleBox th {position:relative;border-bottom:1px solid #eee;text-align:left;font-size:13px;vertical-align:middle;}
.titleBox .equipName i.material-icons {display:inline-block;width:24px;height:24px;overflow:hidden;background-image:url(size-icon.png);background-repeat:no-repeat;font-size:0;line-height:0;margin-top:7px;color:#fff;opacity:0.6;}
.titleBox .equipName i.phone {background-position:0 0;}
.titleBox .equipName  i.tablet {background-position:0 -24px;}
.titleBox .equipName  i.watch {background-position:0 -50px;}
.titleBox .equipName  i.laptop {background-position:0 -72px;}
.titleBox .equipName  i.display {background-position:0 -96px;}
#screenSizeMain th.td01 {width:263px;padding:9px 10px;}
#screenSizeMain th.td02 {width:90px;}
#screenSizeMain th.td03 {width:90px;}
#screenSizeMain th.td04 {width:90px;}
#screenSizeMain th.td05 {width:90px;}
#screenSizeMain th.td06 {width:120px;}
#screenSizeMain th.td07 {width:120px;}
#screenSizeMain th.td08 {width:120px;}
/*排序后聚焦效果*/#screenSizeMain .titleBox th:hover {cursor:pointer;}
#screenSizeMain .titleBox th:before {position:absolute;left:-20px;top:20px;height:16px;width:16px;background-image:url(ic_arrow_down_48px.svg);background-size:cover;background-repeat:no-repeat;content:"";opacity:0;-webkit-transition:.2s opacity;}
#screenSizeMain th.sorted:before,#screenSizeMain th:hover:before,.sorted:hover,.sorted:hover:before {opacity:1;}
#screenSizeMain th.descending:before {background-image:url(ic_arrow_up_48px.svg);}
.copyrights_wz {width:88%;}
.copy-content {width:1px;height:0;opacity:0;padding:0;border:none;position:absolute;}
.copyTip {position:fixed;opacity:0;visibility:hidden;background:rgba(0,0,0,0.5);padding:0 15px;line-height:30px;color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;font-size:13px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.copyTip.show {opacity:1;visibility:visible;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.copyTip:after {content:'';display:block;width:0;height:0;border:5px solid transparent;border-top-color:rgba(0,0,0,0.5);border-left-color:rgba(0,0,0,0.5);position:absolute;left:20px;top:100%;}
.copy-click {cursor:pointer;}
.flex {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
.flex .f-box {width:100%;height:100%;box-shadow:0 1px 5px 0 rgba(99,146,182,.15);}
.p-item p,.p-item br {display:none;}
.flex,.f-item,.f-box {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.p-item {width:50%;padding:0 9px;margin-bottom:20px;}

.p-item .f-box {display:block;}
.part-item-color .color-title {line-height:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;border-left:0;background:none;padding:0px;}
.part-item-color .color-title .l {font-size:13px;font-weight:normal;color:#8f8f8f;}
.part-item-color .color-title .r {font-size:13px;font-weight:normal;color:#8f8f8f;}
.part-item-color .color-title .l-num {font-size:13px;color:#9a9a9a;background:#f2f2f2;padding:0px 10px;font-weight:normal;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.part-item-color .color-title-pure {margin-bottom:0;margin-top:10px;}
.part-item-color .color-show {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding-top:43.47826087%;cursor:pointer;position:relative;}
.part-item-color .color-show-group {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.part-item-color .color-show-item {-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.part-item-color .color-show-item .clr-block {-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.part-item-color .color-show-item:nth-child(1) .clr-block {-webkit-border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;}
.part-item-color .color-show-item:last-child .clr-block {-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;}
.part-item-color .color-show-item:hover .clr-block {-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);transform:translate(0,-5px);}
.part-item-color .color-show-item:hover .txt {color:#fd2866;}
.part-item-color .color-show-item .clr-block {display:block;padding-top:120px;}
.part-item-color .color-show-item .txt {display:block;text-align:center;margin-top:10px;color:#8f8f8f;}
.part-item-color .clr_code {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;font-size:13px;line-height:22px;font-weight:normal;}
.part-item-color .clr_code .clr {display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0 5px;color:#8f8f8f;cursor:pointer;position:relative;}
.part-item-color .clr_code .clr:hover {background-color:#f1f7fc;color:#417ff9;}
.panel {border-radius:6px;margin-bottom:0px;padding-top:10px;width:100%;margin-right:auto;margin-left:auto;}
.panel .panel-title {padding:0px 8px;display:inline-block; font-size:15px;border-radius:0px;background:#f8fafe00;font-weight:800;margin-left:12px;border-left:4px solid #fd2866;box-shadow:0 2px 2px rgba(84,48,132,0);border-radius: 4px;}
.panel .panel-title .iconfont {font-weight:100;}
.panel .panel-body {overflow:hidden;padding:11px;}
.row {margin-right:-10px;margin-left:-10px;}
.card {background:#f6f6f6;box-shadow:0 2px 2px rgba(84,48,132,0.06);margin-bottom:20px;border-radius:10px;margin-left:2px;margin-right:2px;position:relative;overflow:hidden;-webkit-transition:all .2s;}
.card .card-heading {overflow:hidden;margin-bottom:7px;display:block;cursor:pointer;padding:10px 18px 0;color:#333;}
.card .card-heading:hover {color:#fd2866;}
.card .card-heading .card-icon {width:32px;height:32px;border-radius:32px;float:left;display:block;}
.card .card-heading .card-icon img {display:block;width:100%;height:100%;border-radius:32px;}
.card .card-heading .card-title {display:block;padding-left:40px;margin-top:6px;font-weight:700;font-size:14px;color:inherit;white-space:nowrap;text-overflow:ellipsis;}
.card .card-body {color:rgba(102,102,102,0.55);font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:2px;padding:0 18px;}
.card .card-footer {padding:0 18px 8px;}
.card .card-footer table {width:100%;}
.card .card-footer table td {text-align:center;cursor:pointer;}
.card .card-footer table .done {color:#38B7EA;}
.card .card-footer table .btn-view {text-align:left;font-size:12px;color:#bbb;}
.card .card-footer table .btn-view a {color:#bbb;}
.panel-body .card:hover {box-shadow:0 30px 28px -16px rgba(0,0,0,0.26);transform:translate(0,-4px);}
.side ul li .sidebox:hover {color:#fd2866;}
.side {position:fixed;width:54px;right:10px;z-index:100;}
.side ul {padding:0px;margin:0px;}
.side ul li {width:54px;height:45px;float:left;position:relative;}
.side ul li .sidebox {position:absolute;width:50px;height:40px;top:0;right:0;line-height:40px !important;padding-left:15px;transition:all 0.3s;background:#fff;opacity:0.8;filter:Alpha(opacity=80);color:#4d4d4d;font:13px/54px "微软雅黑";overflow:hidden;border-top-left-radius:70px;border-bottom-left-radius:70px;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(185 185 185 / 29%);}
.side ul li .sidetop {width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover {background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img {float:left;}

@media (min-width:750px) {
.p-item {width:33.33333333%;}
.p-item .f-box {padding:20px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.p-item .f-box:hover {-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.04);box-shadow:0 4px 20px rgba(0,0,0,0.04);}
.p-item .f-box:hover .item-title {color:#ff6000;}
.p-item .f-box:hover .title {color:#ff6000;text-decoration:underline;}
.p-item .f-box:hover .show-hover {display:inline;}
.p-item .f-box:hover .item-desc {color:#5a5a5a;}
}
@media (min-width:1000px) {
	.p-item {width:25%;padding:0 10px;}
}


@media (min-width:1330px) {
.part-item-color {width:20%;}
.part-item-color.color-item-type-3 {width:25%;}
}


@media screen and (max-width:767px) {
#texts {padding-top:60px;}
.lg-3 {width:50% !important;height:10% !important;display:inline-block;float:left;}
.row-mobile {margin-left:0;margin-right:0;}
}
.md-3-5,.md-8-5,.xs-1,.sm-1,.md-1,.lg-1,.xs-2,.sm-2,.md-2,.lg-2,.xs-3,.sm-3,.md-3,.lg-3,.xs-4,.sm-4,.md-4,.lg-4,.xs-5,.sm-5,.md-5,.lg-5,.xs-6,.sm-6,.md-6,.lg-6,.xs-7,.sm-7,.md-7,.lg-7,.xs-8,.sm-8,.md-8,.lg-8,.xs-9,.sm-9,.md-9,.lg-9,.xs-10,.sm-10,.md-10,.lg-10,.xs-11,.sm-11,.md-11,.lg-11,.xs-12,.sm-12,.md-12,.lg-12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px;}
@media (min-width:768px) {
.sm-6 {float:left;}
.sm-6 {width:50%;}
}
@media (min-width:992px) {.md-4 {float:left;}
.md-4 {width:33.33333333%;}
}
@media (min-width:1300px) {.lg-3 {float:left;}
.lg-3 {width:25%;}
}
@media (max-width:749.5px) {.part-item-color {padding:0 7px;margin-bottom:15px;}
.part-item-color .f-box {padding:15px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;}
.part-item-color .color-show {padding-top:54%;}
.part-item-color .color-show-item .txt {display:none;}
.part-item-color .clr_code {display:none;}
}
.part-cat-block {margin-bottom:15px;}
@media (min-width:1000px) {.part-cat-block {margin-bottom:40px;}
}
.part-cat-block .c-title {line-height:26px;margin-bottom:24px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:normal;}
.part-cat-block .c-title .l {-webkit-box-flex:0;-webkit-flex-grow:0;-moz-box-flex:0;-ms-flex-positive:0;width:100%;flex-grow:0;border-bottom:solid 1px #e4eef5;}
.part-cat-block .c-title .menu-a {display:inline-block;vertical-align:top;margin-right:10px;background-color:#fff;width:120px;cursor:pointer;font-size:14px;text-align:center;color:#555;}
.part-cat-block .c-title .menu-a span {font-size:12px;color:#b2c2cf;display:block;padding:3px 0 5px 0;font-weight:normal;}
.part-cat-block .c-title .menu-a.active,.part-cat-block .c-title .menu-a:hover {color:#fd2866;border-bottom:solid 2px #fd2866;font-size:18px;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);font-weight:bold;}
@media (min-width:750px) {.part-cat-block .c-content {margin-bottom:15px;}
}
@media (min-width:1000px) {.part-cat-block .c-content {margin-bottom:40px;}
}
.part-cat-block .c-loop {margin:0 -9px -15px;}
@media (min-width:1000px) {.part-cat-block .c-loop {margin:0 -10px -20px;}
}
@media screen and (min-width:948px) and  (max-height:800px) {.moquu_listscr a {height:67px;line-height:67px;}
}
@media screen and (min-width:948px) and  (max-height:750px) {.moquu_listscr a {height:62px;line-height:62px;}
}
@media screen and (min-width:948px) and  (max-height:700px) {.moquu_listscr a {height:55px;line-height:55px;}
}
@media screen and (min-width:948px) and  (max-height:650px) {.moquu_listscr a {height:51px;line-height:51px;}
}
@media screen and (min-width:948px) and  (max-height:600px) {.moquu_listscr a {height:47px;line-height:47px;}
}
@media screen and (min-width:948px) and  (max-height:550px) {.moquu_listscr a {height:44px;line-height:44px;}
}
@media screen and (min-width:948px) and  (max-height:520px) {.moquu_listscr a {height:45px;line-height:45px;}
}
@media screen and (min-width:948px) and  (max-height:500px) {.moquu_listscr a {height:41px;line-height:41px;}
}
@media screen and (min-width:948px) and  (max-height:480px) {.moquu_listscr a {height:39px;line-height:39px;}
}
@media screen and (min-width:948px) and  (max-height:450px) {.moquu_listscr a {height:36px;line-height:36px;}
}
@media screen and (min-width:948px) and  (max-height:430px) {.moquu_listscr a {height:34px;line-height:34px;}
}
@media screen and (min-width:948px) and  (max-height:400px) {.moquu_listscr a {height:31px;line-height:31px;}
}
@media screen and (max-width:1250px) {.moquu_listscr a {height:51px;line-height:51px;}
.moquu_listscr {width:100px;}
}
@media screen and (max-width:1000px) {.titleBar {width:85%;}
}
@media screen and (max-width:768px) {.titleBar {width:80%;}
}
@media screen and (max-width:415px) {.moquu_listscr {width:70px;}
.titleBar {width:100%;padding:20px 10px;}
.side{display: none;}
.moquu_dqlm{display: none}
.bar-box{padding: 15px 10px;}
.panel .panel-body{padding: 0;}
.titleBar h1 {font-size:20px;}
#designGuide .tabBox a {margin-left:0 !important;height:50px;padding:0px;}
#designGuide .contentBox {padding:10px 0;width:100%;}
#designGuide .contentBox .fontFamilyInfo01 {font-size:14px;}
}