* { margin: 0; padding: 0; }
a { text-decoration: none;z-index:1000000;color:#000; }
img { display: inline-block; max-width: 100%; }
body { position: relative;font-family: "Microsoft Yahei"; }


.page-top{ position: relative;width: 1923px;margin: auto;}
.top-center{ position:relative;width: 1001px;margin: 0 auto}
.top-left{ position: absolute; left: 0; top:0;}
.top-right{ position: absolute; right: 0; top:0;}
.top-center .top_nav { position:absolute;top:850px;width: 100%;font-size:25px;text-align: center;}
.top-center .top_nav .nav_icon { width: 176px; height: 71px; display: inline-block; float: left; margin-left: 22px; cursor:pointer;background:  url(/images/comparison2019/nav_icon.png) no-repeat center;}
.top-center .top_nav .nav_text { margin-top: 14px; font-weight: bold;}
.top-center .top_join {  position:absolute;top:570px;left: 300px;cursor: pointer;}

.content{ position:relative;width: 1100px;margin: 0 auto; text-align: center;}
.content-title{ font-weight: bold; font-size: 20px;}
.split{ margin: 20px 0;}

.brief{ position: relative}
.brief .content{ height: 500px; margin-top: 50px; font-size: 20px; line-height: 50px;}
.brief .content-left{ float: left; margin-top: 30px;}
.brief .content-right{  float: right; width: 610px; height: -webkit-fill-available; margin-top: 50px;}

.detail{ background:  url(/images/comparison2019/detail_back.jpg) no-repeat center;background-size: cover;max-width: 1923px;margin: auto;}
.detail .content{ height: 600px; font-size: 20px; padding-top: 50px;}
.detail .detail-empty{ float: left; width: 270px; height: 400px;margin-left: 80px; background:  url(/images/comparison2019/detail_empty.png) no-repeat center;}
.detail .explain-title{
    font-size: 25px;
    margin-top: 140px;
    font-weight: bold;
    transform:rotate(-2deg);
    -ms-transform:rotate(-2deg); 	/* IE 9 */
    -moz-transform:rotate(-2deg); 	/* Firefox */
    -webkit-transform:rotate(-2deg); /* Safari 和 Chrome */
    -o-transform:rotate(-2deg);}
.detail .explain-content{
    width: 220px;
    margin-left: 15px;
    margin-top: 20px;
    text-align: left;
    font-weight: bold;
    transform:rotate(-2deg);
    -ms-transform:rotate(-2deg); 	/* IE 9 */
    -moz-transform:rotate(-2deg); 	/* Firefox */
    -webkit-transform:rotate(-2deg); /* Safari 和 Chrome */
    -o-transform:rotate(-2deg); }

.prize .content{ height: 600px; font-size: 20px; padding-top: 70px;}
.prize .prize_detail{ float: left; margin-left: 90px;}
.prize .prize_title{ font-size: 15px;}
.prize .prize_exc{ text-align: center; margin-top: 400px;}

.comment{ height: 1800px; background:  url(/images/comparison2019/comment_back.jpg) no-repeat center;background-size: cover;max-width: 1923px;margin: auto;}
.comment .content{ width:1300px; font-size: 20px; padding-top: 160px;}
.comment .comment-list{ margin-top: 50px;margin-left: 50px;}
.comment .comment-detail{float: left;width: 385px;height: 420px;margin: 0 22px 22px 0;background-color: white;font-size: 15px;}
.comment .comment-detail .comment-img{margin: 10px;}
.comment .comment-detail .comment-img img{width: 365px; height: 274px;}
.comment .comment-detail .comment-title{width: 320px;font-size: 18px;text-align: left;margin: 15px;}
.comment .comment-detail .comment-poster{float: left;margin-left: 10px; color: gray; margin-top: 10px;}
.comment .comment-detail .comment-time{float: right; margin-right: 30px; color: gray; margin-top: 10px;}
.comment .view-more button{ width: 1200px;  height: 50px;  margin-top: 30px; opacity: 0.8;  color: #f91f1f;  font-size: 20px;  font-weight: bold;  border-radius: 10px;  background-color: white;  border: none; cursor:pointer;}

.winning{ height: 2200px; background:  url(/images/comparison2019/comment_back.jpg) no-repeat center;background-size: cover;max-width: 1923px;margin: auto;}
.winning .content{ width:1100px; font-size: 13px; padding-top: 100px;}
.winning .comment-list{ margin-top: 30px;}
.winning .comment-detail{background-color: white;margin-top: 100px;}
.winning .comment-detail .ranking-num{position: absolute; margin-top: -50px;}
.winning .comment-detail .comment-img{ float: left;margin: 10px; }
.winning .comment-detail .comment-img img{width: 350px;height: 260px;object-fit: cover;}
.winning .comment-detail .comment-text{ height: 280px;margin: 10px 0; }
.winning .comment-detail .comment-title{text-align: left;font-weight: bold; padding: 30px 0 0 30px; font-size: 20px;overflow: hidden;}
.winning .comment-detail .comment-poster{float: left; color: gray; padding: 20px 0 0 30px; font-size: 20px;overflow: hidden;}
.winning .comment-detail .comment-time{float: right; color: gray; padding: 20px 30px 0 30px;font-size: 20px;}
.winning .comment-detail .comment-content{width: 680px; text-align: left; padding-left: 30px; margin-top: 80px; overflow: hidden; color: gray; font-size: 20px;}
.winning .view-more button{ width: 100%;  height: 50px;  margin-top: 30px;  color: #f91f1f;  font-size: 20px;  font-weight: bold;  border-radius: 10px;  background-color: white;  border: none;}

.foot-title{ margin-top: 50px; font-weight: bold;}
.foot-content{ margin-top:20px; line-height: 40px;}
.foot-send-email{ margin: 50px 0; font-weight: bold;}
.rank-foot{ background: url(/images/comparison2019/comment_back.jpg) no-repeat center; padding: 1px 0 50px; font-size: 20px;}


.orn_img1{ float: left; margin-top: 30px;}
.orn_img2{ float: right;}
.orn_img3{ float: left; margin-top: 30px;}