*{margin:0 auto;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;}
body{font-family:"Microsoft YaHei";color:#000;background-color:#fff;font-size:14px;}ul,li{list-style:none;margin:0;padding:0;}em,i{font-style:normal;}a,a:link,a:visited,a:hover,a:active{color:#000;text-decoration:none}img{vertical-align:bottom;}
input,textarea,select{-webkit-text-size-adjust:none;-webkit-appearance:none;outline:none;font-size:14px;height:25px;line-height:25px;border:0;color:#333;border-radius:0;font-family:"Microsoft YaHei", Arial;}:focus{outline:0;}

#header{width:94%;padding:0 3%;position:fixed;background:#000;z-index:100;}
#header .nav{width:100%;max-width:414px;margin:0 auto;position:relative;}
#header .nav a{width:20%;float:left;}#header .nav img{width:100%}
#header .nav a:nth-child(1){width:38%;margin-right:2%}
#header .nav a img:nth-child(2),#header .nav a.current img:nth-child(1){display:none;}
#header .nav a img:nth-child(1),#header .nav a.current img:nth-child(2){display:block;}


#main{width:94%;padding:0 3%;max-width:414px;margin:0 auto;position:relative;}
#main .public{width:100%;float:left;}
#main .Upload{height:8%;max-height:40px;line-height:38px;font-size:16px;font-weight:700;text-align:center;background:#000;color:#fff;left:0;bottom:0;position:fixed;z-index:100;}

#main .select .box-pr{position:relative;} 
#main .select .prize{float:left;height:30px;width:100%;padding:0 1%;background-color:#000;color:#fff;letter-spacing:-1px;}
#main .select i{display:block;position:absolute;right:8px;top:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #fff;}

#slide{position:relative;overflow:hidden;margin-top:15%;}
#slide,#slide #scroll,#slide li{width:300px;height:150px;float:left;}
#slide ul{position:static;}
#slide span{width:8px;height:8px;float:left;margin-left:8px;background-color:#666;border-radius:50%;line-height:0;font-size:0;overflow:hidden;cursor:pointer;}
#slide span.curr,#slide span:hover{background-color:#000;}
#slide #dico{width:100%;padding-top:4px;height:12px;left:0;bottom:0;position:absolute;background-color:rgba(255,255,255,0.5);}


#main h2{font-size:16px;line-height:18px;background:#000;color:#fff;margin:2% 0;padding:1px 0;}
#main .news{margin-bottom:15%;}
#main .news li{float:left;width:100%;position:relative;line-height:25px;}
#main .news li hr{border:dashed 1px #000;position:absolute;width:98%;left:0;top:50%;}
#main .news li em,#main .news li i{background:#fff;position:relative;z-index:2;}
#main .news li i{float:right;}
#main .prize-list li{width:100%;float:left;}
#main .prize-list li a{width:49%;float:left;margin-left:2%;overflow:hidden;}
#main .prize-list li a img{width:100%;}
#main .prize-list li a:nth-child(1){margin-left:0}
#main .prize-list li{margin:2% 0 0 0}
#main .prize-list li:nth-child(1){margin:0}


#main .news-list{padding-bottom:40px;margin-top:13%;}
#main .news-list li{width:100%;float:left;margin-top:6%;line-height:22px;}
#main .news-list li p{width:100%;float:left;}
#main .news-list li p:nth-child(1) em,#main .news-list li p:nth-child(3) span{background-color:#000;color:#fff;float:left;font-size:16px;}
#main .news-list li p:nth-child(3) span{font-size:14px;padding:1px 10px 0 10px;margin-right:10px;}
#main .news-list li p:nth-child(2){margin:3% 0;letter-spacing:1px;}

#main .d-block{width:8%;height:30px;float:left;background-color:#000;font-size:0;line-height:0;position:relative;}
#main .d-block i{display:block;position:absolute;left:36%;top:8px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #fff;}
#main .sel-list{width:100%;float:left;margin:17% 0 10px 0;position:relative;}
#main .sel-list .select{width:89%;float:right;} 

#main .info p:nth-child(2){font-size:16px;margin-top:10px;}#main .info p:last-child{padding-bottom:70px;}
#main .title{font-size:18px;background-color:#000;color:#fff;margin:10px 0;}
#main .depict{font-size:16px;line-height:24px;margin-bottom:30px;}
#main .d-border{border-bottom:1px solid #000;margin:10px 0}
#main .d-border .title{margin:0;}

#main .user-list li{width:100%;float:left;margin-bottom:10px;}#main .user-list li p{width:100%;float:left;position:relative;margin-top:10px}#main .user-list li p:nth-child(2){margin-top:5px;}
#main .user-list .avatar{width:60px;height:60px;border:#000 solid 2px;border-radius:50%;float:left;}
#main .user-list .name{width:45%;float:left;padding:20px 0 0 15px;font-size:18px;letter-spacing:-1px;overflow:hidden;}
#main .user-list .num{float:right;padding-top:25px;font-size:12px;}
#main .user-list .like{float:right;width:50px;text-align:center;font-size:16px;background-color:#000;color:#fff;height:30px;line-height:30px;margin:18px 2.5% 0 5px;}
#main .user-list .good{width:50px;text-align:center;color:#000;font-size:22px;position:absolute;top:0;right:2.5%;opacity:0}
#main .user-list .ani-good{animation:ani-good 1s;-webkit-animation:ani-good 1s;-moz-animation:ani-good 1s;}
@keyframes ani-good{0%{opacity:1;top:0;}100%{opacity:0;top:-70%;}}
@-webkit-keyframes ani-good{0%{opacity:1;top:0;}100%{opacity:0;top:-50%;}}
@-moz-keyframes ani-good{0%{opacity:1;top:0;}100%{opacity:0;top:-50%;}}

#main .user-list .pic-list i{width:31%;float:left;margin:1% 0 1% 1%;border:1px solid #000;overflow:hidden;position:relative;cursor:pointer;}
#main .user-list .pic-list i img{width:100%;}
#main .user-list .more{text-align:center;font-size:16px;border-bottom:1px solid #000;padding-bottom:10px;margin-top:5px;}
#main .user-list .more i{display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #000;}
#main .user-list .more i.up{border-bottom:9px solid #000;border-top:0;}


#main .enroll{margin-bottom:30px;}
#main .enroll a{height:35px;padding:5px 0;}
#main .enroll a.reg{color:#fff;font-size:16px;text-align:center;line-height:16px;width:92%;background-color:#000;float:left;}
#main .enroll .d-block i{top:10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:11px solid #fff;}
#main .from{width:94%;margin:0 auto;}
#main .from li{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:30px}
#main .from .black{font-size:16px;background-color:#000;color:#fff;width:120px;height:32px;line-height:32px;text-align:center;display:block;}
#main .from .portrait,#main .from .portrait img{width:90px;height:90px;}#main .from .portrait img{border-radius:50%;}
#main .from .upload-button{margin-top:10px;}

#main .from .input-list{margin-top:-30px;margin-bottom:15px;}
#main .from .input-list p{width:100%;float:left;font-size:16px;padding:4% 0 0 0;border-bottom:solid 1px #000;}
#main .from .input-list p:last-child{border:0;}
#main .from .input-list input{background-color:#fff;width:52%;font-size:16px;}
#main .from .input-list textarea{width:97%;height:120px;line-height:20px;font-size:16px;border:solid 1px #000;padding:5px 1%;margin-top:10px;}
#main .from .upload-pic{float:left;width:100%;}
#main .from .pic-list,#main .from .pic-list p{width:100%;float:left;}
#main .from .pic-list{margin-bottom:15px;}
#main .from .pic-list p{line-height:20px;font-size:12px;}#main .from .pic-list p a{float:right;color:#e50000}
#main .from .submit{width:100%;font-size:20px;height:48px;line-height:48px;}

#main .judge-list li{width:100%;float:left;border-top:#000 solid 1px;margin-bottom:20px;}
#main .judge-list .judge-pic{width:30%;border:#000 solid 2px;float:left;}
#main .judge-list .details{width:65%;float:right;}
#main .judge-list .details b{background-color:#000;color:#fff;font-size:16px;font-weight:normal;}
#main .judge-list .details p{line-height:20px;margin-top:10px;}

#main .w-about{margin-top:15%;}

.pop-box{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.8);left:0;top:0;z-index:999;}

.pop-box .b-slide{width:100%;max-width:414px;margin:15% auto 0 auto;position:relative;overflow:hidden;}
.pop-box .b-slide li{width:100%;float:left;font-size:16px;line-height:22px;color:#fff;}
.pop-box .b-slide li img{width:96%;border:#fff solid 5px;}
.pop-box .b-slide li p{width:92%;float:left;margin-bottom:5px;padding:0 4%;}
.pop-box .b-slide li p:nth-child(1){width:100%;float:left;padding:0;}

@media only screen and (width:320px){ 
     #main .news-list li p:nth-child(1),#main .user-list .name b{font-size:16px;}
     #main .news-list li p:nth-child(1) span{margin-left:4%;padding:0 5px;}
     #main .news-list li p:nth-child(2),#main .info p:nth-child(2),#main .from .input-list p,#main .from .input-list input,#main .from .input-list textarea,.pop-box .b-slide li{font-size:14px;}
     #main .news-list li p:nth-child(3),#main .news{font-size:12px;}
     #main .select .prize{letter-spacing:-1.5px;}
     #main .user-list .name{width:30%;}
}

@media only screen and (width:360px){ 
     #slide,#slide #scroll,#slide li{width:340px;height:170px;}
}
@media only screen and (width:375px){ 
     #slide,#slide #scroll,#slide li{width:352px;height:176px;}
}
@media only screen and (width:400px){ 
     #slide,#slide #scroll,#slide li{width:376px;height:188px;}
}
@media only screen and (min-width:414px){ 
     #slide,#slide #scroll,#slide li{width:390px;height:195px;}
}
@media only screen and (min-width:600px){ 
     #slide,#slide #scroll,#slide li{width:414px;height:207px;}
}

#slide .o-control{width:30px;height:39px;top:205px;position:absolute;cursor:pointer;background:url(../images/button.png?3) no-repeat;background-size:30px 78px;}
#slide #goback{left:0;background-position:0 0;}
#slide #forward{right:0;background-position:0 -39px;}
#main .review-best img{width:100%; margin-bottom:16px;
-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.46) inset;
   -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.46) inset; 
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.46) inset;
position: relative; *zoom: 1;}