body, div, ul, li, p, h3 {
    margin: 0;
    padding: 0;
}

h3 {
    font-weight: normal;
}

ul, li {
    list-style: none;
}

em, i {
    font-style: normal;
    display: block;
}

body, input, button {
    font: 16px/1.5 arial, verdana, geneva, helvetica, sans-serif;
    color: #333;
    outline: none;
}

button {
    cursor: pointer;
}

img {
    border: none;
    vertical-align: middle;
}

.clearfloat {
    clear: both;
}

.Blog-content-warp {
    overflow: hidden;
}

.Blog-content-warp .rel {
    position: relative;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.m-banner {
    height: 678px;
    background: url(../images/blog/Blog-banner@bg.jpg) center no-repeat;
}

/*Blog banner*/
.m-banner .collection {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 165px;
    margin: auto;
    margin-left: -565px;
    width: 1131px;
    height: 213px;
    background: url(../images/blog/blog-banner@add.png);
}

.m-banner .countdown {
    position: absolute;
    left: 50%;
    right: 50%;
    margin: auto;
    top: 428px;
    margin-left: -155px;
    z-index: 99;
    width: 335px;
    height: 189px;
    background: url(../images/blog/countdown@bg.png) no-repeat;
}

.m-banner .countdown .time-item {
    margin: 120px 0 0 0;
}

.m-banner .countdown .time-item span {
    float: left;
    width: 63px;
    line-height:;
    font-weight: bold;
    color: #000;
    line-height: 49px;
    font-size: 36px;
    font-family: Arial;
    padding: 0 10px;
    margin-right: 0px;
    border-radius: 5px;
    letter-spacing: 10px
}

.m-banner .countdown .item-title .unit {
    background: none;
    line-height: 49px;
    font-size: 24px;
    padding: 0 10px;
    float: left;
}

/*Blog process*/
.m-process {
    height: 88px;
    background: url(../images/blog/process@bg.png) center no-repeat;
}

.m-process h3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    width: 207px;
    height: 88px;
    background: url(../images/blog/process@dt.png);
}

.m-process ul {
    display: inline-block;
    color: #fff;
    margin-left: 200px;
}

.m-process ul li {
    float: left;
    width: 320px;
    padding: 15px 25px;
}

.m-process ul li.last-one {
    width: 205px;
}

.m-process ul li span {
    font-size: 22px;
}

.m-process ul li p {
    font-size: 16px;
}

.m-aboutUs {
    height: 520px;
}

.m-aboutUs .box {
    width: 100%;
    height: 438px;
    padding-top: 82px;
    background: url(../images/blog/aboutUs@medals.png) left top no-repeat;
}

.m-aboutUs .box .mod {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0.1);
    padding: 63px 60px;
    background: url(../images/blog/aboutUs@people.png) 885px bottom no-repeat;
}

.m-aboutUs .box .mod h3 {
    position: absolute;
    left: 50%;
    right: 50%;
    top: -21px;
    z-index: 99;
    margin: auto;
    margin-left: -250px;
    width: 501px;
    height: 42px;
    background: url(../images/blog/aboutUS@dt.png);
}

.m-aboutUs .box .mod .txt {
    width: 800px;
    line-height: 2.2;
}

.m-aboutUs .box .mod .txt img {
    margin-top: 85px;
}

.m-aboutUs-problem {
    height: 612px;
    background: url(../images/blog/aboutUs-problem@Bg.jpg) center no-repeat;
}

.m-aboutUs-problem .box {
    height: 612px;
    background: url(../images/blog/aboutUs@line.png) no-repeat;
}

.m-aboutUs-problem .box .list {
    padding-top: 95px;
}

.m-aboutUs-problem .box .list li {
    float: left;
}

/*Blog Option*/
.m-Option h3 {
    position: relative;
    margin-bottom: 25px;
    left: 0;
    top: -50px;
    z-index: 99;
    height: 92px;
    background-color: #ff6500;
    color: #fff;
}

.m-Option h3 .space-l {
    position: absolute;
    left: -36px;
    top: 0;
    z-index: -222;
    width: 61px;
    height: 102px;
    background: url(../images/blog/Option@space.png);
}

.m-Option h3 .space-r {
    position: absolute;
    right: -36px;
    top: 0;
    z-index: -222;
    width: 61px;
    height: 102px;
    background: url(../images/blog/Option@space.png) -63px 0;
}

.m-Option .box .item {
    position: relative;
    float: left;
    width: 526px;
    height: 144px;
    padding: 30px 30px 45px;
    background-color: #fff;
    border: 3px solid #dbdbdb;
}

.m-Option .box .item .cho {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    width: 43px;
    height: 42px;
    background: url(../images/blog/Option-over@space.png);
}

.m-Option .box .item .note {
    color: #999;
    margin-top: 20px;
    line-height: 1.2;
}

.m-Option .box .item.mr {
    margin-right: 15px;
}

.m-Option .box .item.over {
    border: 3px solid #ff6500;
    box-shadow: 3px 3px 3px #eee;
}

.m-Option .box .item .dt {
    font-size: 22px;
    margin-bottom: 20px;
}

.m-Option .box .item .blog-link {
    overflow: hidden;
}

.m-Option .box .item .blog-link .txt {
    float: left;
    width: 360px;
    font-size: 22px;
    height: 52px;
    line-height:;
    padding: 0 10px;
    background-color: #ededed;
    border: none;
}

.m-Option .box .item .blog-link .botton {
    float: left;
    width: 140px;
    height: 54px;
    margin-left: 6px;
    font-size: 24px;
    background: linear-gradient(to bottom, #fff, #c9c9c9);
    border: 1px solid #ededed;
}

.m-Option .box .item .blog-link .botton:active {
    background: linear-gradient(to bottom, #fff, #ddd);
}

.m-Option .box .item .Select-file {
    overflow: hidden;
}

.m-Option .box .item .Select-file .fileButton {
    position: relative;
    float: left;
    width: 140px;
    height: 51px;
    line-height: 54px;
    margin-left: 6px;
    font-size: 24px;
    background: linear-gradient(to bottom, #fff, #c9c9c9);
    border: 1px solid #ededed;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #333
}

.m-Option .box .item .Select-file .fileButton:active {
    background: linear-gradient(to bottom, #fff, #ddd)
}

.m-Option .box .item .Select-file .fileButton .myFileUpload {
    width: 140px;
    height: 51px;
    right: 0;
    position: absolute;
    display: block;
    cursor: pointer;
    opacity: 0
}

.m-Option .box .item .Select-file .botton {
    float: left;
    width: 140px;
    height: 54px;
    margin-left: 6px;
    font-size: 24px;
    background: linear-gradient(to bottom, #fff, #c9c9c9);
    border: 1px solid #ededed;
}

.m-Option .box .item .Select-file .botton:active {
    background: linear-gradient(to bottom, #fff, #ddd);
}

.m-Option .box .item .Select-file .show {
    float: left;
    width: 210px;
    font-size: 22px;
    height: 52px;
    line-height: 52px;
    padding: 0 10px;
    background-color: #ededed;
    border: none;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Blog Rewards*/
.m-Rewards {
    margin-top: 10px;
    height: 523px;
    background: url(../images/blog/blog@map.png) center no-repeat
}

.m-Rewards .box {
    padding: 102px 0 0 0;
}

.m-Rewards .box .hd {
    text-align: center;
    margin-bottom: 55px;
}

.m-Rewards .box .prize-line li.item {
    float: left;
    width: 260px;
    text-align: center;
}

.m-Rewards .box .prize-line li.item .money {
    overflow: hidden;
    display: block;
    vertical-align: middle;
    width: 185px;
    padding: 58px 0;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 50%;
}

.m-Rewards .box .prize-line li.item p {
    margin-top: 30px;
}

.m-Rewards .box .prize-line li.item.space {
    margin: 0 53px 0 0;
}

.m-Rewards2 h3 {
    position: relative;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background-color: #ff6500;
    color: #fff;
}

.m-Rewards2 h3 .space {
    position: absolute;
    left: 50%;
    top: -8px;
    right: 50%;
    margin: auto;
    margin-left: -5px;
    z-index: 99;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #ff6500;
}

.m-Rewards2 .box {
    height: 448px;
    background: url(../images/blog/Rewards@Bg.jpg) no-repeat;
}

/*Common problems*/
.Common-problems {
    margin-top: 80px;
}

.Common-problems .hd {
    text-align: center;
    margin-bottom: 30px;
}

.Common-problems .list li {
    margin-bottom: 15px;
}

.Common-problems .list li .item .dt {
    overflow: hidden;
    padding: 10px 0 10px 35px;
    margin-bottom: 10px;
    background: url(../images/blog/Common-problems@ico.png) 10px 15px no-repeat #f3f3f3;
}

.Common-problems .list li .item .ico {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 0;
    width: 16px;
    height: 16px;
}

.Common-problems .list li .item .dt.active {
    background: url(../images/blog/Common-problems@ico2.png) 10px 15px no-repeat #f3f3f3;
}

.Common-problems .list li .item .answer {
    padding-left: 35px;
    display: none;
    color: #888;
    padding-bottom: 15px;
}

/* Blog Requirement*/
.m-Requirement {
    margin-top: 110px;
    background-color: #f4efea;
}

.m-Requirement .hd {
    position: absolute;
    z-index: 99;
    left: 465px;
    top: -39px;
    font-size: 24px;
    color: #5c3f11;
    font-weight: bold;
    text-align: center;
    width: 274px;
    height: 76px;
    line-height: 65px;
    background: url(../images/blog/immediately-register@bt.png);
}

.m-Requirement .inner {
    position: relative;
    border-radius: 3px;
    padding: 3px;
}

.m-Requirement .inner .box {
    border-radius: 3px;
    padding: 80px 0 50px;
}

.m-Requirement .inner .box p {
    margin-bottom: 20px;
}

.m-Requirement .inner .box em {
    margin-top: 50px;
    color: #e02539;
}

/*Blog bounced*/
.Get-success-up {
    display: none;
    border-radius: 6px;
    position: fixed;
    left: 0;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999;
    width: 400px;
    height: 80px;
    padding: 50px 0;
    background-color: #fff;
}

.Get-success-up em {
    display: block;
    margin-bottom: 25px;
    font-size: 24px;
}

.Get-success-up a {
    color: #e02539;
    text-decoration: none;
}

.Get-success-up a:hover {
    font-weight: bold;
}

.g-mian-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background: #000;
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
}

/*Uploaded-Articles*/
.Uploaded-Articles {
    background-color: #f4efea;
    padding: 60px 0;
    margin-top: 70px;
}

.Uploaded-Articles .hd {
    text-align: center;
    margin-bottom: 50px;
}

.Uploaded-Articles .list .item {
    float: left;
    width: 336px;
    height: 180px;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    text-decoration: none;
    margin: 0 36px 36px 0;
}

.Uploaded-Articles .list .item:nth-child(3n) {
    margin-right: 0;
}

.Uploaded-Articles .list .item:hover {
    width: 330px;
    height: 174px;
    border: 3px solid #f05f00;
}

.Uploaded-Articles .list .item .web {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 10px;
    color: #999;
    font-size: 12px;
}

.Uploaded-Articles .list .item .web i {
    float: left;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    background: url(../images/blog/Uploaded-web@icon.png);
}

.Uploaded-Articles .list .item .dt {
    overflow: hidden;
    color: #f05f00;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    font-weight: bold;
}

.Uploaded-Articles .list .item .txt {
    height: 70px;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

.Uploaded-Articles .more {
    display: block;
    width: 412px;
    height: 57px;
    margin: 20px auto 0;
    border-radius: 28px;
    background-color: #ff6500;
    font-size: 24px;
    text-decoration: none;
    line-height: 57px;
    color: #fff;
    text-align: center;
}

.Uploaded-Articles .more:hover {
    background-color: #f05f00;
}

.Uploaded-Articles .more:active {
    background-color: #ff6500;
}

.Uploaded-Articles-page {
    background-color: #f2f2f2;
}

.Uploaded-Articles-page .banner {
    background: url(../images/blog/Uploaded-articles-banner@Bg.png) center no-repeat #003343;
}

.Uploaded-Articles-page .title {
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    font-size: 20px;
}

.Uploaded-Articles-page .list {
    padding: 60px 0;
}

.Uploaded-Articles-page .list .item {
    float: left;
    width: 336px;
    height: 180px;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    text-decoration: none;
    margin: 0 36px 36px 0;
}

.Uploaded-Articles-page .list .item:nth-child(3n) {
    margin-right: 0;
}

.Uploaded-Articles-page .list .item:hover {
    width: 330px;
    height: 174px;
    border: 3px solid #f05f00;
}

.Uploaded-Articles-page .list .item .web {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 10px;
    color: #999;
    font-size: 12px;
}

.Uploaded-Articles-page .list .item .web i {
    float: left;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    background: url(../images/blog/Uploaded-web@icon.png);
}

.Uploaded-Articles-page .list .item .dt {
    overflow: hidden;
    color: #f05f00;
    margin-bottom: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Uploaded-Articles-page .list .item .txt {
    height: 70px;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

/*page*/
#pages {
    overflow: hidden;
    margin-top: 30px;
    height: 36px;
    text-align: center;
}

#pages span {
    width: 11px;
    height: 18px;
}

#pages a {
    width: 32px;
    height: 18px;
    text-decoration: none;
    font-family: "arial narrow";
    padding: 7px 0;
    border-radius: 3px;
    display: inline-block;
    color: #666;
    line-height: 18px;
    text-align: center;
    font-family: Arial;
    margin-right: 5px;
    transition: background-color 0.2s ease-out;
    vertical-align: middle;
}

#pages a#pageactive {
    background: #e6e6e6;
    color: #666;
}

#pages a:hover {
    background: #e6e6e6;
    color: #666;
}

#pages a#pageprev, #pages a#pagenext {
    background: #c8c8c8;
}