@charset "UTF-8";
html, body {
    margin: 0;
    padding: 0;
    border: 0;
    overflow-x: hidden;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
img {
    vertical-align: middle
}
body {
    font-size: 12px;
    line-height: 1.5;
    word-wrap: break-word;
    -webkit-text-size-adjust: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
input, button {
    border: 0;
    outline: 0
}
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0
}
input::-webkit-input-placeholder {
    color: #d5d5d5
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
a {
    text-decoration: none
}
ol, ul, p {
    list-style: none;
    padding: 0;
    margin: 0
}
input, textarea {
    outline: 0;
    -webkit-appearance: none;
    padding: 0;
    margin: 0
}
a, input {
    -webkit-tap-highlight-color: transparent
}
em, i {
    font-style: normal
}
iframe {
    border: 0
}
.clearfix:after {
    content: "";
    display: table;
    clear: both
}
.fl {
    float: left
}
.fr {
    float: right
}
#header {
    width: 100%;
    height: 48px;
    padding: 0 4.44444%;
    border-bottom: solid 1px #ececec;
    box-sizing: border-box
}
#header .logo {
    display: block;
    height: 38px;
    margin-top: 4px;
    margin-left: -11px;
}
#header .logo img {
    height: 100%
}
#header .search {
    position: relative;
    margin-top: 9px;
    min-width: 145px;
    width: 50%
}
#header .search form {
    position: relative
}
#header .search input[type=text] {
    outline: 0;
    border: 0;
    line-height: 30px;
    padding: 0 14% 0 9.33333%;
    font-size: 12px;
    color: #333;
    width: 100%;
    position: relative;
    height: 30px;
    border-radius: 15px;
    background-color: #f3f3f3;
    box-sizing: border-box;
    font-weight: 400
}
#header .search input[type=text]::-webkit-input-placeholder {
    color: #ccc
}
#header .search input[type=text]::-moz-placeholder {
    color: #ccc
}
#header .search input[type=text]:-moz-placeholder {
    color: #ccc
}
#header .search input[type=text]:-ms-input-placeholder {
    color: #ccc
}
#header .search input[type=submit] {
    -webkit-appearance: none;
    position: absolute;
    right: 7.66667%;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    background: url(../image/soso.png) transparent no-repeat center;
    background-size: 100% 100%;
    border: 0
}
#header .user-login {
    width: 15px;
    margin-left: 3.11111%
}
#header .user-login a {
    display: block;
    position: relative;
    margin-top: 15px;
    width: 15px;
    height: 18px;
	background: url(../image/user.png) transparent no-repeat center;
    background-size: 100% 100%
}
#header .user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    margin-top: 9px;
    margin-left: 3.11111%;
    position: relative
}
#header .user-avatar.has-news:after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    right: -1px;
    top: 0;
    display: block
}
#header .user-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}
.search-hot, .input-list {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 48px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10
}
.search-hot>div, .input-list>div {
    padding: 14px 4.16667%;
    background-color: #fff;
    box-sizing: border-box
}
.search-hot {
    display: none
}
.search-hot * {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.5
}
.search-hot ul {
    max-height: 115px;
    overflow: hidden
}
.search-hot>div>p {
    color: #999
}
.search-hot>div>p>a {
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 3px;
    background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUYxNkI4MjU5NjI3MTFFOEIyQTRDRDQxN0I1MTA4QTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUYxNkI4MjY5NjI3MTFFOEIyQTRDRDQxN0I1MTA4QTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RjE2QjgyMzk2MjcxMUU4QjJBNENENDE3QjUxMDhBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RjE2QjgyNDk2MjcxMUU4QjJBNENENDE3QjUxMDhBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIABQAFAMBEQACEQEDEQH/xABpAAADAQEAAAAAAAAAAAAAAAADBQYECAEBAAAAAAAAAAAAAAAAAAAAABAAAAQFAQUGBwAAAAAAAAAAARECAwASEwQUBSFRYXGxMUGhwTKCQlLC4kMkFREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A6KcXeaVeCtQi7bOiYn3/AHBAaNQ1tFJLdmM7roeoPhP6oAP8e9wDqqrzVKZ8N/zQBtb1BoGxs0JBx1exQdsu73QC9pu40u4affaBSVBzI+iggKDNtsbJnCiRzeXOAU6Tg57s01eYaVQt+33QDa+xcVeSVEtp+BcYCa/WxPyyVeBEXUoD/9k=") center top no-repeat;
    background-size: 100% auto
}
.search-hot>div>ul>li {
    float: left;
    margin-top: 10px;
    margin-right: 4px
}
.search-hot>div>ul>li>a {
    display: block;
    padding: 0 10px;
    color: #666;
    border-radius: 20px;
    border: 1px solid #b6b6b6;
    max-width: 100%;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
}
@media only screen and (max-width:359px) {
    header>.logo>img {
        height: 18px
    }
}
#footer {
    padding: 20px 4.16667%;
    background-color: #f8f8f8;
    box-sizing: border-box
}
#footer * {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5
}
#footer .logo {
    margin-bottom: 8px
}
#footer .logo i {
    display: inline-block;
    height: 33px;
    width: 101px;
    background: url(../../../image/m_logo.png) no-repeat center;
    background-size: 100% 100%;
}
#footer a {
    color: #ed751a;
    text-decoration: underline
}
#footer .copy-right p:nth-child(1) {
    font-size: 10px;
    color: #ccc
}
#footer .copy-right p:nth-child(2) {
    font-size: 10px;
    color: #999;
    margin-top: 2px
}
#footer .download {
    position: relative;

    display: block;
    width: 100%;
    padding: 10px 3.33333%;
    margin-bottom: 10px;
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUE2QUVGMjI5NTcwMTFFODkxQUQ5MDgwRENGRjVFRjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUE2QUVGMjM5NTcwMTFFODkxQUQ5MDgwRENGRjVFRjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTZBRUYyMDk1NzAxMUU4OTFBRDkwODBEQ0ZGNUVGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTZBRUYyMTk1NzAxMUU4OTFBRDkwODBEQ0ZGNUVGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYI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) center top no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 9;
    overflow: hidden;
}
#footer .download>img, #footer .download>div {
    float: left
}
#footer .download a {
    text-decoration: none
}
#footer .download .download-btn {
    float: right;
    width: 80px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    line-height: 34px;
    border-radius: 20px;
    background-image: linear-gradient(215deg, #ff5d05 0, #ff7b10 50%, #ff9c1c 100%)
}
#footer .download .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkRBRkIzQjQ5NUZCMTFFOEI2NDlBRjUzNDQ5MTY2MjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkRBRkIzQjU5NUZCMTFFOEI2NDlBRjUzNDQ5MTY2MjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyREFGQjNCMjk1RkIxMUU4QjY0OUFGNTM0NDkxNjYyNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyREFGQjNCMzk1RkIxMUU4QjY0OUFGNTM0NDkxNjYyNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIACQAJQMBEQACEQEDEQH/xABsAAACAwEBAAAAAAAAAAAAAAAABQIEBgEIAQEAAAAAAAAAAAAAAAAAAAAAEAABBAEBBQQKAwAAAAAAAAABAAIDBCEFEVFhEiJx0UIT8DFB8TJScoKiQ0QVJREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AapCYr0rfY4847HZQVEFm3QsVeUyAFrxhzcjsQFWhYtBxjADWDLnYHYgrIH+vVDJE2w0dUeH/Se5AgQOtHfLYgfWnZz1gMPPh4IDWHy14WVoGeXWIy8eLh6etAlQbRzQ4FpG0EbCDuQZnU9OdUl2tG2Bx6HbuBQSt6m11dtaqwxQgde88MICrqbW13VrTDLCR0bxwygXoNogjJHHKwskaHMdggoEN/RJoiX19skfy+Id6BYQQdhwUHEG0QCAQUdQ/qv5XLz8Pj/ABygT/4/m/u8v7feg//Z)
}
#footer .download>img {
    width: 50px;
    height: 50px
}
#footer .download>div {
    padding-left: 10px;
    padding-top: 5px;
    max-width: 54%
}
#footer .download>div * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#footer .download>div>h6 {
    font-size: 16px;
    font-weight: 400
}
#footer .download>div>p {
    color: #a9a9a9
}
@media only screen and (max-width:359px) {
    #footer .download .download-btn {
        width: 60px;
        line-height: 30px
    }
    #footer .download>img {
        width: 45px;
        height: 45px
    }
}

#site-choose {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(102, 102, 102, .3);
    z-index: 20;
    transition: opacity .5s;
    width: 100%;
    height: 100%;
    display: none;
}
#site-choose .panel {
    background-color: #f8f8f8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 20px 0;
    width: 66.66667%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
#site-choose .panel .andriod, #site-choose .panel .ios {
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    width: 65.41667%;
    margin: 0 auto;
}
#site-choose .panel .andriod {
    background-color: #277dff;
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px
}
#site-choose .panel .andriod i {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAkCAYAAABxE+FXAAACAElEQVRYhe2XPWsUURSGn11H8QuDVRArwYiglYKCtViIlY0mlmpjZSP+CsEmW4jBwoiCARMxWtuJEkSNmLXRJfgFYgrRZP16LGYXhhuHuRtnFDEv3OK893Ae5nLmzhlUCtYKdUJNInK7+Tdi8usU6zswBpyNyAU4A0wA34oSa2pkTcaAh8A2YC+wGVgPfARmgSngHrAfOBxVMfIoD6ovjNNL9VBM3aKERL0QCQ11UV31O/DLmWLn1V3qbA7slbpbPZfxRpcKHwyKH1Vr6oMc+JRaV48E/rGlwKeDIm21lQPuqqUuBF4zj5HX7QPA89jXIELbgWZoJjnJW4G5EuEDv4L38p6XrgToA04Da4ER0uPeAxwvkTMC3Ae2AKeAD8Aw6p1Mc7xV16lDBY3Vq4bUNerrjDdZJ70Ou+oHdpb4xFntADZl4gN1Fjfdyorgq4M4ifmqVaZl+DL8/4J/Drz5ilghp10HrmeMJjBdEfwJMJOJryXASeAu6QdmFGhXBP8K7AMGSSfeq0nHvFQRMNQc0OgGeQ1XOPCXoTz4Y6CsKeMH8KgX+AxwAnhKelQLwf6Xjt9dYZ+0O/6zTJ3FypssgzUcDAdXgv1GsN+IqRt7ydQi83rSX7/h/jn4pz8JbwXxmyB+H8TvoqpGdvsGddz0P+y2ujHY71NvqfPqzU5cWPcnLe75Hz7j/MIAAAAASUVORK5CYII=") no-repeat center;
    background-size: 100% 100%;
    vertical-align: -3px;
    margin-right: 10px
}
#site-choose .panel .ios {
    background-color: #242424;
    color: #fff;
    font-size: 14px
}
#site-choose .panel .ios i {
    display: inline-block;
    width: 14px;
    height: 17px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAABMfblJAAACBUlEQVRIib3Xz4uNURzH8dd9iOkWkpIfI+bHij+ADVImhUl+ZSElFor8WNgoG2ZHWUlDRNjRLJSaUFbCxo8aNSKjJCW/bS4ZY3GeO67n3ueSe8/9bJ6ep+d73uf7Ped8v99TKJVKmqDJ2I4tuITzeT8mTYD14Bn6sQJ1PZjYIKwXA5lxhusZFBoI6Qw8TZ9ljaALY3lGjYR0fwYGR+vBaMzDESyoeL+OdRitZ/S/Hs7NwO5j699gjQDb0+d7HMFyfP4Xw1ohnYodWIMOYZu/xC1cwCdMwTS8FtasDTuxGwvxDUPCDj6V2tQErsRFzM6Z4Fecxjm8QHc6sQOYk2PzDtswmAX24iom5Rg2olFswLXyGs7H5UgwmIBd/N40x4S1i6Wb2EQIaQeea05eraVhLJHu4gQbI8Jgr4ojk2BZRNiQcJzGlWBRROCN7IcEsyICX9UCFiMCq+ptgg8Rgd2tBvagkAWORAR2CinzD+DdiEA4IVSWlgG7hKJQJKS2NrwValxMPcHBRCiwVyLDCAnmcDmHnmwBEPorC/AgVkWEvUFnZZU4hJ8RgX0oVQIf4mwk2COcobqJmo7HmNdE2HcsTqFVhfcjNgttXrO0rwyrBSR00evxJWeAH7gnHKU78q9nY9gjtJXjqne3aMdxrE4hD1LIgNBrllUUkvRaLMXM1KM+3M4O+gtiPIA59/P/zwAAAABJRU5ErkJggg==") no-repeat center;
    background-size: 100% 100%;
    vertical-align: -3px;
    margin-right: 10px
}
#site-choose .panel p {
    font-size: 14px;
    color: #333;
    margin-bottom: 16px;
    font-weight: bold;
    line-height: 19px;
}
#site-choose .panel span {
    font-size: 14px;
    color: #fff
}
#site-choose .panel img {
    width: 16px;
    height: 18px;
    margin-right: 10px
}

#search-panel {
    position: fixed;
    top: 40px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    z-index: 15;
    padding: 0 15px;
    display: none;
    transition: opacity .3s;
    animation: fadeIn .3s;
    box-shadow: 0 2px 1px .5px #efefef;
    max-height: calc(100% - 48px);
    overflow: auto
}
#search-panel a {
    text-decoration: none
}
#search-panel .result {
    font-size: 12px;
    color: #666;
    border-bottom: solid 1px #ececec;
    padding: 10px 0
}
#search-panel .result .keyword {
    color: #ff6e00
}
#search-panel .close {
    text-align: center;
    height: 30px
}
#search-panel .close img {
    width: 10px
}

article {
    min-height: calc(100% - 48px - 110px)
}
@media screen and (max-width:359px) {
    article {
        min-height: calc(100% - 48px - 128px)
    }
}