@charset "utf-8";
/* CSS Document */

.fleft {float: left;}
.fright {float: right;}
#viewpage{ font-size:14px; color:#333; text-align:center; width:1225px; clear: both; margin: 0 auto;}
#viewpage * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }
#viewpage i{ display:block; margin:0 auto; background:url(http://udedu.com/shihunye/zhangfenbang.png) no-repeat;}
#viewpage .btn01{ display:block; margin:0px auto; text-decoration:none; color:#fff; background-color:#ffa200; font-size:24px; width:315px; height:50px; line-height:50px; border-radius:10px; cursor:pointer; margin-bottom:10px;}
#viewpage .btn02{ width:366px; height:60px ;margin:40px auto; line-height:60px; border-radius:30px;}
#viewpage .cffa200{ color:#025ed9;}
#viewpage .slidesjs-pagination { position: absolute; left:50%; bottom: 15px; z-index: 20; }
#viewpage .slidesjs-pagination-item { text-align: center; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; margin: 5px; BACKGROUND: #f1f1f1; float: left; }
#viewpage .slidesjs-pagination-item a { line-height: 20px; display: block; color: transparent; }
#viewpage .slidesjs-pagination-item:hover, .slidesjs-pagination-item .active { background: #ffcc00; opacity: 1; width: 20px; height: 20px; border-radius: 50%; }

#viewpage .v-box { padding:auto;}
#viewpage .v-box-bg01{ width:100%; height:866px; margin:0 auto; background:center no-repeat;}
#viewpage .v-box-bg02{ width:100%; height:676px; margin:0 auto; background:center no-repeat; padding:40px 0 20px;}
#viewpage .v-box-bg03{ background-color:#ffcc00;}
 
 
 

#viewpage .slider ul li p{ color:#666; margin-top:25px; text-align:left; line-height:24px;}
#viewpage .slider ul li .cart{ position:absolute; width:53px; height:53px; top:0; left:0; background-position:-750px -445px;}
#viewpage .slider ul li .cart-g{ background-position:-529px -830px;}
#viewpage .slider ul li .cart-j{ background-position:-603px -830px;}
#viewpage .slider ul li .cart-c{ background-position:-675px -830px;}
#viewpage .slider ul li .cart-z{ background-position:-750px -830px;}
#viewpage .slider ul li:hover{ color:#fff; background-color:#52b5f3;}
#viewpage .slider ul li:hover h3,#viewpage .slider ul li:hover p{ color:#fff;}
#viewpage .slider ul li:hover .u-img{ border-color:#fda201;}
#viewpage .slider-box{ position:relative;}
#viewpage .slider-box .scontrol span{ position:absolute; top:170px; width:60px; height:60px; border-radius:50%; cursor:pointer; line-height:60px; background-color:rgba(0,0,0,0.3); text-decoration:none; color:#fff; font-size:40px; font-family:"宋体"; font-weight:bold;}
#viewpage .slider-box .scontrol span:hover{ background-color:rgba(0,0,0,0.5);}
#viewpage .slider-box .scontrol span.cleft{ left:-80px; text-indent:-4px;}
#viewpage .slider-box .scontrol span.cright{ right:-80px; text-indent:6px;}
#viewpage .v-list{ padding:0; margin:20px 0; margin-left:-67px;}
#viewpage .v-list li{ float:left; width:295px; padding:45px 30px 40px; height:305px; background-color:#fff; margin-left:67px;}
#viewpage .v-list li i{ width:110px; height:110px;}
#viewpage .v-list .v-list-01{ background-position:-527px -533px;}
#viewpage .v-list .v-list-02{ background-position:-670px -533px;}
#viewpage .v-list .v-list-03{ background-position:-526px -658px;}
#viewpage .v-list h3{ font-size:24px; border-bottom:1px dashed #00cc99; padding:20px 0; margin-bottom:20px; font-weight:normal;}
#viewpage .v-list p{ color:#666; line-height:30px;}

#viewpage .ul-block.fleft{ width:748px; height:523px; border:1px solid #52b5f3;overflow:hidden; }
#viewpage .ul-block.fleft li{ overflow:hidden; height:149px; padding-top:25px; width:710px; text-align:left; margin:0 auto; border-bottom:1px solid #e6e6e6;}
#viewpage .ul-block .user{ float:left; width:96px; height:96px;}
#viewpage .ul-block .user img{ width:96px; height:96px; border-radius:50%;}
#viewpage .ul-block .user-info{ width:600px; float:right;}
#viewpage .ul-block.fleft li p{ font-size:16px; line-height:24px; margin-top:15px;}
#viewpage .bg{ display:inline-block; color:#fff; border-radius:5px; line-height:24px; padding:0 10px; background-color:#52b5f3;}


#viewpage .score{width:430px; height:523px;overflow:hidden; border:1px solid #52b5f3;}
#viewpage .score .rtlt{ line-height:50px; font-size:24px; text-align:center; color:#fff; background:#52b5f3;}
#viewpage .score .rtlt i{ display:inline-block; width:45px; height:50px; background-position:-671px -443px; vertical-align:bottom;}
#viewpage .score h4{ font-size:18px; border-top:1px solid #666666; width:320px; margin:40px auto 15px; color:#333333;}
#viewpage .score h4 span{ display:block; background-color:#fff; padding:0 15px; width:80px; margin:-13px auto 0;}
#viewpage .score .ul-block{ height:260px; margin-bottom:30px; overflow:hidden; font-size:16px; color:#666666; }
#viewpage .score .ul-block li{ line-height:33px; height:33px; overflow:hidden;}
#viewpage .score .ul-block li span{ margin-left:80px; width:100px; display:inline-block;}
#viewpage .bg02{ background-color:#ffa200;}
