

:after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:10px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
body {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:15px;
    line-height:1.42857143;
    color:#333;
    background-color:#fff
}
/* 搜索样式 */ 
.search2 {padding: 15px 50px; }
.search-form2 {background-color: #FFF;height: 35px;line-height: 35px;display: -webkit-box;position: relative;border: 1px solid #53B856;;border-radius: 5px;overflow: hidden;padding-left: 10px;  z-index: 99;}
.search-form3 {background-color: #FFF;height: 35px;line-height: 35px;display: -webkit-box;position: relative;border: 1px solid #666e76;;border-radius: 5px;overflow: hidden;padding-left: 10px;  z-index: 99;}
#search-word {font-size: 13px!important;border: none!important;-webkit-appearance: none!important;}
.search-input2 {border: 0 none;-webkit-box-flex: 1;display: block;padding: 0 3px;height: 35px;font-size: 15px;color: #333333;margin-right: 45px;}
.search-btn2 {width: 45px;height: 35px;border: 0 none;-webkit-background-size: 16px 16px;position: absolute;right: 0;background: #53B856;  text-align: center;  line-height: 35px;  z-index: 88;color: #fff;}
.search-btn3 {width: 45px;height: 35px;border: 0 none;-webkit-background-size: 16px 16px;position: absolute;right: 0;background: #666e76;  text-align: center;  line-height: 35px;  z-index: 88;color: #fff;}

.about_links {font-size: 10px;background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-pack: center;-webkit-box-pack: center;box-pack: center;-webkit-justify-content: center;justify-content: center;padding: 14px 0px 8px 0px;text-align: center;color:#f0f0f0}

.about_links a {font-size: 15px;display: block;max-width: 5em;height: 23px;line-height: 27px;overflow: hidden;color: #fff;}

.about_links span a {width: 15px;
height: 15px;
border-radius: 50%;
text-align: center;
line-height: 15px;
background: rgba(255, 102, 0, 1);
margin-left: -7px;
float: left;
margin-top: -4px;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
padding: 0;}

.copyright {background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;line-height: 20px;font-size: 12px;text-align: center;color: #fff;}
.copyright a {color: #fff;}
.copyright span {color: #fff;
position: absolute;
right: 0;
line-height: 10px;}
.copyright span img {position: absolute;
bottom: 0;right:
10px;width: 23px;}
.mmains {

margin: 0px auto;
background: #f9f8f8;
}
.mmyself { background-image: url(/img/xkgg.png);
  padding-bottom: 20px;
  overflow:
hidden;
  background-repeat: no-repeat;
  background-size: cover;}
.null {
  background-image: url(/img/null.png);
  background-position: center; /* 图片居中 */
  background-size: contain; /* 图片完整显示并自动缩放 */
  background-repeat: no-repeat;
  height: 22vh; /* 或者设置固定高度 */
  width: 100%; /* 设置宽度 */
  margin: 0 auto; /* 水平居中 */
  padding: 0; /* 移除原有padding */
}
.mbigTx {margin: 0 auto;margin-top: 50px;border: 2px solid #fff;border-radius: 100px;
-webkit-border-radius: 100px;overflow: hidden;width: 60px;height: 60px;}
.mbigTx img {
width: 60px;
height: 60px;
}
.mxingxi {text-align: center;}
.mxingxi img {border:none;vertical-align: middle;}
.mlogin_text { margin-bottom: 10px; padding-top: 2px;}
.mlogin_text a { font-style: normal; display: inline-block; border: 1px solid #ddd; text-align: center; border-radius: 3px; color: #666; font-size: 13px; width: 50px; line-height: 20px;background-image: linear-gradient(#FFFFFF,#F5F5F5);}
.mlogin_name { margin-bottom: 5px; padding-top: 2px;}
.mlogin_name a { font-size:16px; color:#fff;}
.mxingxi .xingxi_but { line-height: 100%; position: relative; left: -1px;}
.mxingxi .xingxi_but a { background: #fff; margin-right: 2px; display: inline-block; padding: 1px 10px; border: 1px #3D9DFF solid; border-radius: 100px; font-size: 12px; color: #F9AB73;}

.mxingxi .mxingxi_but { line-height: 100%; position: relative; left: -1px;}
.mxingxi .mxingxi_but a { background: #fff; margin-right: 5px; display: inline-block; padding: 1px 10px; border: 1px solid #ced4da; border-radius: 100px; font-size: 12px; color: #495057;}

.subtitle { line-height: 40px;
  color: #000;
  letter-spacing: 0px;
  background: #FFF;
  padding-left: 20px;
  position: relative;
  box-shadow: 0 1px 1px #dcdcdc;
  margin-bottom: 3px;}
.subtitle::before { content: "";
  position: absolute;
  left: 10px;
  top: 12.5px;
  height: 15px;
  width: 3px;
  background: #4485c4;}
.list { height: 30px; padding: 5px; background-color: #FFFFFF; border-bottom: 1px solid #F3F3F3; overflow: hidden; line-height: 30px; }

/*去小黑点*/
div.list > li {
    list-style: none !important;
}
.list li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
a {
    text-decoration: none;
}




.list { height: 30px; padding: 5px; background-color: #FFFFFF; border-bottom: 1px solid #F3F3F3; overflow: hidden; line-height: 30px; }
.list a { color: #222; }
.list a:hover { color: #59a3ec; }
.list.mb { box-shadow: 0 1px 2px rgba(0,0,0,.2); border: none; }
.listcd, .listrmb { height: 25px; padding: 5px; background-color: #666; overflow: hidden; line-height: 25px; box-shadow: 1px 0px 10px #333 inset; }
.listcd a:nth-child(4n+1) { border-left: 0; }
.listcd a { width: 25%; float: left; line-height: 25px; text-align: center; border-left: 1px solid #6F6F6F; color: #EFEFEF; font-size: 14px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.listrmb a:nth-child(2n+1) { border-left: 0; }
.listrmb a { width: 50%; float: left; line-height: 25px; text-align: center; border-left: 1px solid #6F6F6F; color: #EFEFEF; font-size: 14px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.listmore { padding: 8px 5px 5px; background-color: #666; overflow: hidden; box-shadow: 1px 0px 10px #333 inset; }
.listmore a:nth-child(2n+1) { border-left: 0; }
.listmore a { width: 50%; float: left; line-height: 20px; text-align: center; border-left: 1px solid #6F6F6F; color: #EFEFEF; font-size: 14px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 8px; }
.listcd .d4 { width: 25%; float: left; line-height: 25px; text-align: center; color: #EFEFEF; font-size: 14px; border-right: 0px solid #dadada; }
.list i { display: block; float: left; margin-right: 5px; }
.list i1, .listj8 i1, .list i3, .list i4, .list iA, .list iM { display: block; float: left; margin: 3px 8px 3px 3px; height: 24px; width: 24px; border-radius: 15px; color: #fff; text-align: center; line-height: 24px; font-size: 14px; font-weight: 700; }
.list i1 { background: #7a87ff; }
.listj8 i1 { background: #4485c4; }
.list i3 { background: #5ea1fd; }
.list i4 { background: #71b8e9; }
.list iA { background: #ff4d4d; }
.list im { background: #ff984d; }
.list i img { margin: 3px; height: 24px; width: 24px; border: none; border-radius: 15px; }
.list li { font-size: 15px; padding-left: 5px; float: left }
.list span { line-height: 30px; font-size: 15px; }
.Output { font-size: 13px; float: right; color: #999999; margin-right: 5px; }
.Output img { max-height: 28px; margin-left: 3px; vertical-align: middle;}
.Output a { color: #000; margin-left: 5px; }
* {
  margin: 0;
    margin-left: 0px;
  padding: 0;
  list-style: none;
}








.line1, .line2 { word-break: break-all; background-color: #fff; padding: 5px; margin: 5px;  border-radius:2px; transition: 0.2s; line-height: 30px; padding: 5px;border: 1px solid #E7E7E7; color: #636363; border-bottom: 1px solid #D8D8D8;font-size: 17px;/*text-align: center;*/ }
.line1 a, .line2 a { color: #000; text-shadow: rgba(50,50,50,.3) 1px 1px 3px; font: bold 14px/1.3 "\5FAE\8F6F\96C5\9ED1", Arial; }
.line3 { word-break: break-all; background-color: #fff; padding: 5px; margin: 5px; border-radius: 2px; transition: 0.2s; line-height: 30px; padding: 5px; border: 1px solid #E7E7E7; color: #636363; }
.line3 a { color: #000; text-shadow: rgba(50,50,50,.3) 1px 1px 3px; font: bold 16px/1.3 "\5FAE\8F6F\96C5\9ED1", Arial; }
.line1 .right, .line2 .right { font-size: 12px; }
.line1 a:hover, .line2 a:hover { color: #006cbf; }
.line1 img, .line2 img { max-width: 480px; max-height: 480px; vertical-align: middle; margin-right: 3px; }
.line1 .shop-list, .line2 .shop-list { border-bottom: 0px; }
.xk_live { height: 40px; padding: 0 7px; background: url(/Template/default/img/live.png) no-repeat 97% center #ededed5c; -webkit-background-size: 5px auto; overflow: hidden; white-space: nowrap; }
.xk_live li { float: left; height: 20px; padding: 0 5px; background: #2b73df; color: #FFF; line-height: 20px; font-size: 12px; margin: 10px 5px 0 0; }
.xk_live li a { color: #fff; }
.xk_live p { float: left; height: 40px; line-height: 40px; font-size: 13px; color: #646464; }
.xk_live p a { color: #000; }
/*并行触屏按钮,1-5个链接自动换行*/
.btBox { padding: 4px 0; }
.bt1, .bt2, .bt3, .bt4, .bt5 { margin: 0px 10px; overflow: hidden; }
.bt1 a { width: 100%; color: #555555; text-align: center; text-shadow: 2px 2px rgba(255,255,255,0.3); }
.bt2 a { width: 50%; color: #555555; text-align: center; text-shadow: 2px 2px rgba(255,255,255,0.3); }
.bt3 a { width: 33%; color: #555555; text-align: center; text-shadow: 2px 2px rgba(255,255,255,0.3); }
.bt4 a { width: 25%; color: #555555; text-align: center; text-shadow: 2px 2px rgba(255,255,255,0.3); }
.bt5 a { width: 20%; color: #555555; text-align: center; text-shadow: 2px 2px rgba(255,255,255,0.3); }
.bt1 a, .bt2 a, .bt3 a, .bt4 a, .bt5 a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border: 1px solid #dbdbdb; border-right: none; box-shadow: 0 0 2px 0 #f6f7f8 inset; display: block; height: 32px; line-height: 32px; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f3f6)); background: -webkit-linear-gradient(top, #ffffff, #f1f3f6); background: -moz-linear-gradient(top, #ffffff, #f1f3f6); background: -ms-linear-gradient(top, #ffffff, #f1f3f6); background: -o-linear-gradient(top, #ffffff, #f1f3f6); }
.bt1 a:last-of-type, .bt2 a:last-of-type, .bt3 a:last-of-type, .bt4 a:last-of-type, .bt5 a:last-of-type { border-right: 1px solid #dbdbdb; }
.bt2 a.btSelect, .bt3 a.btSelect, .bt4 a.btSelect, .bt5 a.btSelect { color: #ffffff; text-decoration: none; text-shadow: 2px 2px rgba(0,0,0,0.1); background-color: #828282; background: -webkit-linear-gradient(19% 75% 90deg, #929292, #757575); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929292), to(#757575)); background: -moz-linear-gradient(19% 75% 90deg, #929292, #757575); background: -ms-linear-gradient(19% 75% 90deg, #929292, #757575); background: -o-linear-gradient(19% 75% 90deg, #929292, #757575); background: linear-gradient(19% 75% 90deg, #929292, #757575); }
/*并行按钮结束*/






/* 顶部 */
.cdk-head-top {position: relative;
    background: #343a40;
    height: 43px;}
.cdk-head-top a { color:#fff;}
.cdk-header-icon { position: absolute;  width: 50px;  height: 27px; left: 10px;  top: 8px; color: #fff; text-align:center; line-height:27px; font-size:12px;}
.cdk-head-logo { position: absolute;  top: 9px;  left: 50%;  margin-left: -43px;  width: 87px;  height: 27px;  font-size: 18px;  color: #fff;  -webkit-box-flex: 1;  text-align: center;  line-height: 26px;  position: relative;}
.cdk-menu-btn { position: absolute; top: 0px; right: 0; bottom: 0px; z-index: 500; height: 44px; padding-right: 5px;}
.cdk-menu-btn a { display: block; width: 35px; float: right; height: 100%; padding: 14px 1px; font-size: 13px; color:#fff;}
.cdk-menu-btn a img { width: 28px; height: 28px; margin-top: 7px; }

