@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-06-01 11:39:26
 * @version $Id$
 */
@media (min-width: 751px){
	.content,.banner,.main,.content_detail,.banner-detail,.main-detail {
	    max-width: 750px;
	    margin: 0 auto;
	}
	.main .box{
	    margin-left: 3% !important;
	}
	.banner-detail{
	    height: 410px !important;
	}
	.banner{
        height: 710px !important;
	}
}
.padT5{padding-top: 5px;}
.padB5{padding-bottom: 15px;}
.padR5{padding-right: 5px;}
.marR5{margin-right: 5px;}
.marB5{margin-bottom: 5px;}
.marT100{margin-top: 100px !important;}
.width100{width: 100%;}
.weui-loadmore{margin-bottom:0 !important;}
.banner{
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	background-size: 100% 100%;
	background-image:url(../images/banner_new.jpg);
	height: 450px;
}
.banner-detail{
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
	background-size: 100% 100%;
	background-image:url(../images/banner2.png);
	height: 260px;
}
.main{
	background-color: #B7E7FF;
	height: auto;
	padding:0 10px;
}
.main .main-top{
    padding: 20px 0;
}
.main .main-content{
	padding-bottom: 10px;
}
.main .btn{
	border-radius: 5px;
	width: 25%;
	height: 26px;
	background-repeat: no-repeat;
    float: left;
	padding:0 10px;
}
.main .btn-vote{
	background-color: transparent;
	color: #3A97C0;
	border: 2px solid #3A97C0;
}
.main .btn-rank{
	background-color: #3A97C0;
	border: 2px solid #3A97C0;
}

/*搜索框*/
.main .search{ 
	float: left; 
	width: 150px; 
	height: 26px; 
	position: relative; 
	background-color: transparent;
	background-image: url(../images/shu.png);
	background-repeat: no-repeat;
	background-position: 81% 50%;
    background-size: 1px;
}
.main .borRad {
	border-radius: 5px;
	border: 2px solid #3A97C0;
}
.main .search .search_text {
	outline:none;
	position: absolute;
	left: 5px;
	top: 1px;
	width: 400px;
	height: 26px;
	font-size: 14px;
	color: #3A97C0;
	border: 0;
	line-height: 26px;
}
.main .search .submit {
	outline:none;
	position: absolute;
	top: 1px;
	right: 0;
	width: 30px;
	height: 26px;
	background: url(../images/search.png) no-repeat center center;
	_width: 17px;
	_background-position: center center;
	border: 0;cursor: pointer;
    background-size: 20px;
}

/*投票*/
.main .box{
	border: 2px solid #3A97C0;
	border-radius: 5px;
	width: 43%;
	height: auto;
	float: left;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding: 3px;
}
.main .box:nth-child(2n){
    margin-right: 0;
}
.main .box-pic{
	width: 98%;
	border-radius: 5px;
	border: 2px solid #3A97C0;
    /*height: 100px;*/
    overflow: hidden;
}
.main .box-pic .img{
	height:100%;
    width: 100%;
    /*height: 200px;*/
    /*background: url(/2017/logotoupiao/data/uploads/logo/201706/20170602094522_9914_2544.jpg) 0px center / 100% no-repeat;*/
    /*background-size: 100% 100%;*/
}
.main .box-info{
	width: 60%;
	color: #3A97C0;
	font-size: 14px;
	padding-left: 3%;
	display: inline;
}
.main .box-info p{
	width: 100%;
    height: 44px;
}
.main .box-btn{
	width: 30%;
	display: inline;
	/*padding-right: 5px;*/
    text-align: right;
}
.main-detail{
	background:#CDEEFF;
	height: auto;
}
.main-detail .main-top{}
.main-detail .main-content{
	background:url(../images/bg.png) repeat-y;
	height: auto;
    background-size: 100% 14%;

}
/*vote*/
.vote_box{
    margin: 0 8%;
    padding-top: 2%;
}
.vote_box .vote_img img{
	width:98%;
	height: 100%;
	border:2px solid #3A97C0;
	border-radius: 5px;
}
.vote_box .vote_info{
	padding:15px 0;
}
.vote_box .vote_info .vote_nickname{
	color: #000000;
	font-size: 14px;
    /*width: 550px;*/
    overflow: hidden;
}
.vote_box .vote_info .vote_sum{
	color: #000000;
	font-size: 12px;
	 /*width: 250px;*/
    text-align: right;

}
.vote_box .vote_content {
	padding: 15px 0;
}
.vote_box .vote_content p{
	color: #000000;
	font-size: 14px;
}
.vote_btn_area{
    padding: 25px;
}
.vote_btn{
	width: 49%;
	display: inline-block;
}

/*qrcode*/
.qrcode{
    padding-top: 50px;
}
.qrcode_box{
	border: 1px solid #3A97C0;
	border-radius: 5px;
	width: 65%;
	margin: 0 auto;
	padding:3px;
    margin-bottom: 80px;
}
.qrcode_text{
    padding: 5px 0;
}
.content_detail{
    background: #CDEEFF;
    height: 100%;
}