.picture{width:245px;height:460px;background-color:#fffffe;float:left}
.picture ul li{float:left}
.picture ul li a{color:#484965;display:block;width:120px;height:152px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;position:relative}
.picture ul li:nth-child(2) a{border-right:none}
.picture ul li:nth-child(3) a{}
.picture ul li:nth-child(3) a i{margin-left:4px}
.picture ul li:nth-child(4) a{border-right:none}
.picture ul li:nth-child(5) a{border-bottom:none}
.picture ul li:nth-child(6) a{border-bottom:none;border-right:none}

.pic_bg{width:80px;height:80px;background:url(../side_line.png?v=2) no-repeat;position:absolute;top:20px;left:22px;padding:10px 10px 10px 10px;opacity:1;transition:all .4s ease-out 0s;-webkit-transition:all .4s ease-out 0s}
.pic_bg em{display:block;width:60px;height:60px;background:url(../icon_2.png?v=2) no-repeat}
.picture ul li:nth-child(2) .pic_bg em{display:block;width:60px;height:60px;background:url(../icon_2.png?v=2) no-repeat 0 -60px}
.picture ul li:nth-child(3) .pic_bg em{display:block;width:60px;height:60px;background:url(../icon_2.png?v=2) no-repeat 0 -120px}
.picture ul li:nth-child(4) .pic_bg em{display:block;width:60px;height:60px;background:url(../icon_2.png?v=2) no-repeat 0 -180px}
.picture ul li:nth-child(5) .pic_bg em{display:block;width:60px;height:60px;background:url(../icon_2.png?v=2) no-repeat 0 -240px}
.picture ul li:nth-child(6) .pic_bg em{display:block;width:60px;height:60px;background:url(../icon_2.png?v=2) no-repeat 0 -300px}
.picture ul li a:hover .pic_bg{top:-36px;opacity:0;transition:all .4s ease-out 0s;-webkit-transition:all .4s ease-out 0s}
.picture ul li a i{font-size:16px;position:absolute;bottom:16px;left:33px;transition:all .4s ease-out 0s;-webkit-transition:all .4s ease-out 0s}
.picture ul li a:hover i{bottom:60px;transition:all .4s ease-out 0s;-webkit-transition:all .4s ease-out 0s}

.new{height:460px;background-color:#fdfdfd;float:left;overflow:hidden}
.new_tit{width:100%;height:54px;border-bottom:1px solid #d7d7d7;padding:8px 15px 0px 15px;}
.new_tit ul li{float:left}
.new_tit ul li a{font-size:17px;}
.new_tit ul li a.active{background-color:#277dfd;color:#fff;border-radius: 6px;}
.more a{display:block;width:30px;height:15px;background:url(../more.png) no-repeat;position:absolute;top:-30px;right:0px}
.news_list{position:relative}

.nc{width:100%;height:auto;background-color:#fffffe;padding:5px 15px 0 15px;}
.nc ul li a{font-size:16px;display:block;width:100%;height:39px;line-height:39px;overflow: hidden}
.nc ul li a em{font-size:16px;float:right;color:#4d505e}
.nc ul li:first-child a{border-bottom:none;font-size:18px;text-align:center;overflow:hidden}
.nc ul li:last-child a{border-bottom:none}

.community{height:460px;background-color:#fffffe;}
.com_tit{width:100%;height:55px;padding:10px 10px 15px 10px}
.com_tit i{font-size:18px}
.com_tit em{font-size:12px;color:#4d505e}
.com_list{width:100%;height:46px;padding:3px 15px 3px 13px;}
.com_list li a.active{background-color:#ff5c00;color:#fffffe;border-radius: 20px;}

.com_con{width:100%;height:120px;background-color:#fffffe;padding:10px 20px 0 15px;}
.com_server{margin-bottom:10px;float:left;width:100%;}
.com_title a{font-size:18px;line-height:30px;font-weight:bold;}
.com_title em{font-size:14px;color:#ff7e00}
.com_txt{font-size:16px;color:#626574;line-height:30px}
.com_tar ul li a{width:50%;height:40px;line-height:30px;font-size:16px;color:#0066cc;float:left;text-align:center;cursor:pointer}
.com_avatar{width:40px;height:40px;margin-right:15px;}

.anchor{height:376px;background-color:#fffffe;}
.steamer_head{width:100%;height:45px;padding:10px 10px 15px 10px;}
.steamer_head i{font-size:18px}
.steamer_head em{font-size:12px;color:#4d505e}
.steamer{margin-bottom:10px;float:left;width:100%;}
.steamer_title a{font-size:17px;color:#ff6000;line-height:30px}
.steamer_title em{font-size:16px;color:#ff7e00}
.steamer_txt{font-size:15px;color:#626574;line-height:30px}
.steamer_tar ul li a{width:50%;height:40px;line-height:30px;font-size:16px;color:#d3d9fa;float:left;text-align:center;cursor:pointer}
.steamer_avatar{width:40px;height:40px;margin-right:15px;}

.calendar{height:507px;background-color:#fffffe;float:left}
.cal_tit{width:100%;height:50px;padding-left:10px;padding-top:10px}
.cal_tit i{font-size:18px}
.cal_tit em{font-size:12px;color:#4d505e}

.cal_list{width:100%;height:40px;padding:3px 5px 3px 5px}
.cal_list ul li a.active{background-color:#277dfd;color:#fffffe;border-radius: 20px;line-height:18px}
.cal_list ul li a{line-height:18px}

.cal_con{width:100%;height:400px}
.mc{width:100%;height:390px;overflow:hidden;background-color:#fffffe;margin-top:10px}
.mc ul li a{display:block;width:93%;height:40px;line-height:40px;margin-left:18px}
.mc ul li:last-child a{border-bottom:0}
.mc ul li a i{display:inline-block;width:5px;height:5px;margin-left:10px;padding-right:10px;background:url(../arrow.png) no-repeat}
.mc ul li a span{font-size:16px}
.mc ul li a em{display:inline-block;font-size:16px;color:#e4774d;float:right;margin-right:10px}


.materal{height:507px;background-color:#fffffe;float:left;padding:10px 10px 15px 10px;box-sizing:border-box}
.mat_tit{width:100%;height:35px;padding-left:5px;box-sizing:border-box}
.mat_tit i{font-size:18px}
.mat_tit em{font-size:12px;color:#4d505e}
.common-function{width:100%;height:109px;background-color:#f0efe2;margin-bottom:5px;background-size:100%;}

.data1,.data2,.data3,.data4{width:95px;height:109px;position:relative;float:left;}
.data1 a,.data2 a,.data3 a,.data4 a{color:#6e5b3c;}
.data1 em{display:block;width:38px;height:34px;background:url(../icon_3.png) no-repeat 0 -0px;position:absolute;top:28px;left:43px;}
.data2 em{display:block;width:38px;height:40px;background:url(../icon_3.png) no-repeat 0 -37px;position:absolute;top:28px;left:43px;}
.data3 em{display:block;width:38px;height:40px;background:url(../icon_3.png) no-repeat 0 -75px;position:absolute;top:28px;left:43px;}
.data4 em{display:block;width:38px;height:40px;background:url(../icon_3.png) no-repeat 0 -113px;position:absolute;top:28px;left:43px;}
.data1 span,.data2 span,.data3 span,.data4 span{font-size:16px;color:#fffffe;position:absolute;bottom:12px;left:31px;}
.data_txt{height:109px;margin-left:95px;box-sizing:border-box;padding-top:25px;padding-left:20px;position:relative;}
.data_txt ul{width:350px}
.data_txt ul li{float:left;line-height:30px}
.data_txt ul li a{font-size:16px;color:#6e5b3c;border-right:1px solid #d0d0d0;padding-right:10px;padding-left:10px}
.data_more a{position:absolute;top:47px;right:20px;font-size:16px;color:#fff}
.data_more em{display:inline-block;width:15px;height:15px;background:url(../more.png) no-repeat;background-size:100%;margin-left:5px}

.occupation{height:507px;background-color:#fffffe;padding:15px 0 0 10px;box-sizing:border-box}
.occ_tit{height:40px;overflow:hidden;box-sizing:border-box;position:relative;z-index:10;cursor:pointer}
.occ_tit ul li{color:#6f7491;box-sizing:border-box;border-bottom:1px solid #424556}
.occ_tit ul li a.active{background-color:#277dfd;color:#fff;border-radius: 20px;}
.occ_con{position:relative}
.occ{width:100%;height:202px;background-color:#fffffe;position:absolute;top:0;left:0}
.occ_txt{width:200px;height:auto;padding:15px 0 0 10px;position:absolute;top:0;left:0}
.occ_txt h3{font-size:16px;color:#0d6efd;line-height:30px}
.occ_txt p{font-size:15px;color:#585b70;line-height:30px}
.occ_txt a{display:block;width:96px;height:31px;line-height:31px;text-align:center;font-size:15px;background:url(../btn96.png) no-repeat;margin-top:10px}
.occ_pic i{width:270px;height:460px;position:absolute;top:108px;right:0;z-index:0}
.occ_pic em{width:270px;height:460px;position:absolute;top:108px;right:0;z-index:0}
.occ:nth-child(1) .occ_pic i{background:url(../occ1.png) no-repeat}
.occ:nth-child(1) .occ_pic em{background:url(../occ1.png) no-repeat}
.occ:nth-child(2) .occ_pic i{background:url(../occ2.png) no-repeat}
.occ:nth-child(2) .occ_pic em{background:url(../occ2.png) no-repeat}
.occ:nth-child(3) .occ_pic i{background:url(../occ3.png) no-repeat}
.occ:nth-child(3) .occ_pic em{background:url(../occ3.png) no-repeat}
.occ:nth-child(4) .occ_pic i{background:url(../occ4.png) no-repeat}
.occ:nth-child(4) .occ_pic em{background:url(../occ4.png) no-repeat}
.occ_pic:hover em{animation:x1 1s 0s ease both;-moz-animation:x1 1s 0s ease both;-webkit-animation:x1 1s 0s ease both;-ms-animation:x1 1s 0s ease both}

@media (max-width: 1024px) {
    #steamers, #account, #flash, #shortfast, #materal {display: none;}
    .community, .occupation {display: none;}
    .bg {width: 100%;height: auto;background: #f2f2f2 url(../bg.jpg?v=2) no-repeat top center;background-size: 120%;background-position: center 50px;}
    .header {height: 200px;background: url(../logo.png) no-repeat;position: relative;background-size: 30%;background-position: 0px 0px;}
    #news { width:98%; }
}