ul,li{list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none; color: #3289ff;}
a:hover{color: #457ce7;}
em, i {font-style: normal;}
body, html {-webkit-overflow-scrolling : touch;overflow-scrolling : touch; letter-spacing:0.03rem; background: #f5f8fa; font-size: 14px;font-family:"Microsoft YaHei","/9ED1/4F53",Arial,sans-serif,"tahoma"; }
pre {
    font-family:"Microsoft YaHei","/9ED1/4F53",Arial,sans-serif,"tahoma";
    display: inline;
    white-space: pre-wrap; /*css-3*/
    white-space: -moz-pre-wrap; /*Mozilla,since1999*/
    white-space: -pre-wrap; /*Opera4-6*/
    white-space: -o-pre-wrap; /*Opera7*/
    word-wrap: break-word; /*InternetExplorer5.5+*/
}
.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {letter-spacing:0.03rem;}
/* WebKit, Blink, Edge */
::-webkit-input-placeholder {  color:#a1a7ae;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color:#a1a7ae;}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color:#a1a7ae;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color:#a1a7ae;}
/* WebKit, Blink, Edge */
::-webkit-input-textaera {color:#a1a7ae;}
/* Mozilla Firefox 4 to 18 */
:-moz-textaera { color:#a1a7ae;}
/* Mozilla Firefox 19+ */
::-moz-textaera { color:#a1a7ae;}
/* Internet Explorer 10-11 */
:-ms-input-textaera { color:#a1a7ae;}

.flex-div{display: -webkit-flex;display: flex;display: -webkit-box;display: -ms-flexbox;}
.flex-1{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;
}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all}
.fl{float: left;}
.fr{float: right}
.header-body,.main-body,.footer-body{ max-width: 1200px;min-width: 1200px;margin:0 auto;overflow: hidden;}
.main-body{margin-top:90px;}


.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    overflow: hidden;
}
/*header开始*/
.header{height:80px;overflow: hidden;box-sizing: border-box;font-size: 14px;color: #6b6a72;position: fixed;top:0;left: 0;z-index: 10;width: 100%;background: #fff}
.logo{height:80px;vertical-align: middle;line-height:80px;}
.index-btn{background: none;border: none;outline: none;resize: none;margin-left: 20px;line-height:80px;}
.header a{color: #6b6a72;line-height: 32px;margin-left: 20px;line-height:80px;}
.banner-search {width: 400px;height: 38px;background-color: #f2f3f4;border-radius: 4px;position: relative;overflow: hidden;text-align: left;margin-top:21px;}

.banner-search button {display: inline-block;position: absolute;padding:9px 12px 0px 12px;right: 0;top: 0;background: none;border: none;outline: none;resize: none;}

.banner-search i {width: 20px;height: 20px;}

.banner-search input {width: 336px;line-height: 38px;border: none;outline: none;resize: none;padding: 0 44px  0 20px;background: none;color: #222;}
.slogan {font-size:20px;margin:27px 0 0 18px;color: #595959;}
.banner-ad {margin-top:10px}
.banner-ad img {height:60px}
/*header结束*/

/*footer开始*/
.footer{background: #303539;padding-top:20px;padding-bottom:20px;font-size: 14px;color: #fff;margin-top: 60px;overflow: hidden;}
.mobile-code{width: 118px;height:118px;background: #fff;padding:10px;box-sizing: border-box;display:inline-block;font-size: 0;margin-left:30px;}
.mobile-code img{width: 100%;height:100%;}
.footer a{color: #fff;display: inline-block;}
.footer-text div{margin-top:8px;}
.text-hint{font-size: 12px;margin-top:5px;}
.footer-logo{margin-top:6px;}
.footer-body{overflow: hidden}
.footer-left{width: 222px;}
.footer-middle{width:830px}
.footer-links a{ margin-top:10px; margin-right:15px;}
/*footer结束*/
.footer-fixed {position: fixed;left: 0px;right: 0px;bottom: 0px;z-index: 999;}


.title_common {
    padding: 8px 0 18px 0;
    font-size: 14px;
    color: #6b6a72;
}
.title_common a{
    color:#6b6a72;
}

/*列表开始*/

.detail-top-list .star-show span,
.detail-top-list .star-show span i,
.view-count label,
.time-art label,
.label-art .lableIcon,
.view-count label,
.more-list em{
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
}
.more-list em{
    background: url("../images/icon.png") no-repeat;
    width: 18px;
    height:18px;
    display: inline-block;
    background-position: -283px -151px;
    vertical-align: text-top;
    margin-left:5px;
}
.more-list:hover{
    color:#1089ff!important;
}
.more-list:hover em{
    background-position:-303px -151px!important;
}
/*列表*/
.index-list {
    background: #fff;
    overflow: hidden;
    padding:20px;
}

.index-list li {
    float: left;
    width: 280px;
    border: 1px solid #e3ebf4;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 12px;
    margin: 15px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.index-list li:hover {
    -webkit-box-shadow: 0 26px 40px -24px rgba(217, 226, 239, 1);
    -moz-box-shadow: 0 26px 40px -24px rgba(217, 226, 239, 1);
    box-shadow: 0 26px 40px -24px rgba(217, 226, 239, 1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transform: translateY(-6px);
}
.index-list li:hover .platform-name,
.index-list li:hover .platform-text{
    color: #1089ff!important;
    -webkit-transition: all 0s ease!important;
    -moz-transition: all 0s ease!important;
    -o-transition: all 0s ease!important;
    transition: all 0s ease!important;
}
.platform-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #222;
}

.platform-name i {
    width: 36px;
    height: 36px;
    display: inline-block;
    font-size: 0;
    margin-right: 10px;
    vertical-align: middle;
}

.platform-name i img {
    width: 100%;
    height: 100%;
}

.platform-text {
    font-size: 13px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    margin-top: 5px;
    height: 44px;
    line-height:24px;
}
.list-content li{
    width:260px !important;
}
/*列表结束*/


.detailLeft {
    width: 798px;
    box-shadow: 0px 0px 4px #d4d3d3;
    background: #fff;
}