@charset "utf-8";
html{overflow-x:hidden;}
body{ font-size:12px; color:#505972; background: #f4f4f4; vertical-align:top;margin:0;padding:0;font-family:"Microsoft YaHei","SimSun","SimHei",Arial,Tahoma,Helvetica;-webkit-text-size-adjust:none;}h1,h2,h3,h4,h5,h6,u,i,div,font,span,table,tr,td,dl,dd,dt,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{margin:0px;padding:0px;}ol,ul,li{list-style:none;margin:0px;padding:0px;vertical-align:top;}dl,dt,dd{list-style:none;margin:0px;padding:0px;vertical-align:top;}font{margin:0px;padding:0px;font:normal;font-weight:normal;}p{margin:0px;padding:0px;}img{vertical-align:top;border:0;}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-size:12px;font-weight:normal;line-height:normal;}form{margin:0px;padding:0px;}abbr,acronym{border:0;}address,caption,cite,code,dfn,th,var{font-weight:normal;font-style:normal;}a{-webkit-text-size-adjust:none; -webkit-user-select: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-font-smoothing: antialiased;}a:link{color:#000;text-decoration:none;}a:visited{color:#000;text-decoration:none;}a:hover{color:#000;text-decoration:none;}a:active{color:#000;}a:focus,input{outline:none;}.clear:before,.clear:after{content:"";clear:both;display:block;height:0;visibility:hidden;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}input,textarea{background:none;border:0px none;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;}.foAr{font-family:Arial,"Microsoft YaHei","SimSun";}html{overflow-x:hidden;}.fl{float:left;}.fr{float:right;}.show{display:block;}.hide{display:none;}.fontBankGothic{font-family:BankGothic,Arial;}
em{ font-style: normal;}
/*startdom*/
.main{ width: 640px; margin: 0px auto;}
.main2{ width: 565px; margin: 0px auto;}
.top-banner{  position: fixed; top: 0px; left: 0px; right: 0px; height: 130px; background: url(http://resource.locojoy.com/cms/mt3_v2/mt3fenxiang0726/images/zhaoluye_03.png) repeat-x; margin-bottom: 35px;}
.top-banner .gg-01 a{ overflow: hidden; display: block; }
.top-banner .gg-01 img{ width: 640px; height: auto; padding-top: 12px;}
.md-cont{ clear: both; overflow: hidden; padding-bottom: 50px; margin-top: 156px;}
.md-cont h1{ font-size: 42px; font-weight: bold; margin-bottom: 35px; color: #222222;}
.md-cont .artinfo{ overflow: hidden; padding-left: 70px; position: relative; min-height: 65px; margin-bottom: 35px; }
.md-cont .artinfo .img{ width: 60px; height: 60px; position: absolute; top: 0px; left: 0px; }
.md-cont .artinfo h2,.md-cont .artinfo h2 a{ font-size: 28px; color: #406599;}
.md-cont .artinfo span{ font-size: 18px; color: #505050; text-indent: 0.5em; display: block;}
.md-cont .art{ overflow: hidden; font-size: 32px;  line-height: 50px; }
.md-cont .art p{ margin-bottom: 10px;}
.md-cont .art p em,.md-cont .art p a{ color: #406599;}
.md-cont .art img{ margin: 0px auto; width: 100%; margin-bottom: 10px;}

.maskMirco {
    z-index: 3000;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
     width:100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    overflow: hidden;
}

.maskMirco span {
    position: absolute;
    color: #333;
    display: block;
    right: 0.25rem;
    top: 1rem;
    padding: 0.5rem 0.5rem;
    background: white;
    border-radius: 3px;
    text-align: center;
    font-size:0.6rem;
}

.maskMirco:after {
    position: absolute;
    right: 0.5rem;
    top: 0.12rem;
    z-index: -1;
    display: block;
    content: "";
    border-width: 0.87rem 0.5rem 0.87rem 0.5rem;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}

/*enddom*/