@charset "utf-8";
@-webkit-keyframes fadeIn {
0% {opacity: 0.5;}
20% {opacity: 0.5;}
50% {opacity: 0.7;}
75% {opacity: 0.75;}
100% {opacity: 1;}
}

body{background-color:#f5f5f5;}

.viewleft{float:left;width:1000px;text-align:left;margin:10px 0 0 0;}
.viewleft .protit{float:left;width:calc(100% - 2px);border:#d1d2d3 solid 1px;background-color:#fff;}
.viewleft .protit li{float:left;}
.viewleft .protit .l1{width:calc(100% - 150px);overflow:hidden;}
.viewleft .protit .l1 .s1{float:left;margin:20px 0 0 19px;width:32px;}
.viewleft .protit .l1 .s1 img{height:20px;}
.viewleft .protit .l1 .s2{float:left;font-size:22px;line-height:30px;margin:15px 0;width:calc(100% - 51px);}
.viewleft .protit .l2{float:right;width:150px;}
.viewleft .protit .l2 a{float:right;width:60px;margin:15px 15px 0 0;font-size:14px;text-align:center;height:28px;line-height:28px;border:#eee solid 1px;}

.viewleft .yulang{float:left;width:100%;background-color:#fff;margin:10px 0 0 0;}
.viewleft .yulang .u1{float:left;line-height:36px;width:100%;background-color:#c5c5c5;height:36px;color:#000;font-size:14px;font-weight:700;}
.viewleft .yulang .u1 li{float:left;}
.viewleft .yulang .u1 .l1{padding:0 0 0 10px;width:270px;background-color:#c5c5c5;}
.viewleft .yulang .u1 .l2{width:calc(100% - 480px);text-align:center;padding-left:100px;}
.viewleft .yulang .u1 .l3{width:90px;text-align:right;padding-right:10px;}
.viewleft .yulang .u1 .l3 a{float:right;width:44px;color:#555;margin:8px 0 0 0;font-size:12px;font-weight:100;background-color:#efefef;text-align:center;line-height:20px;}
.viewleft .yulang .ziplist{float:left;width:280px;height:550px;overflow-y:scroll;background-color:#fbfbfb;}
.viewleft .yulang .ziplist .bigall{float:left;background:url(../img/all.png) left center no-repeat;line-height:20px;padding:0 0 0 20px;height:20px;margin:10px 0 0 10px;clear:both;}
.viewleft .yulang .ziplist .yiji{float:left;border-left:#999999 solid 1px;clear:both;margin:0 0 0 13px;}
.viewleft .yulang .ziplist .yiji .list0{float:left;line-height:15px;clear:both;padding:3px 0 3px 12px;color:#0d5ff3;background:url(../img/yih.png) left center no-repeat;}
.viewleft .yulang .ziplist .yiji .list0:hover{color:#fe1182;}
.viewleft .yulang .ziplist .yiji .list0 img{margin-right:3px;}
.viewleft .yulang .ziplist .yiji .list1{color:#fe1182;}
.viewleft .yulang .ziplist .yiji .listn{float:left;line-height:15px;clear:both;padding:3px 0 3px 12px;color:#333;background:url(../img/yih.png) left center no-repeat;}
.viewleft .yulang .ziptp{float:left;width:calc(100% - 280px);height:540px;overflow-y:scroll;padding:0 0 10px 0;}
.viewleft .yulang .ziptp .tp{float:left;width:calc(100% - 18px);border:#cccccc solid 1px;margin:8px;text-align:center;}
.viewleft .yulang .ziptp .tp .d1{float:left;position:relative;z-index:1;width:100%;}
.viewleft .yulang .ziptp .tp .d1 img{max-width:100%;}
.viewleft .yulang .ziptp .tp .d2{float:left;position:relative;z-index:2;width:100%;}
.viewleft .yulang .ziptp .tp .d2 img{max-width:50%;opacity:0.6;}
.viewleft .yulang .ziptp .tpnum{float:left;width:100%;margin:5px 0;color:#888888;font-size:14px;font-weight:700;text-align:center;}
.viewleft .yulang .ziptp .notp{float:left;width:100%;font-size:25px;color:#999;text-align:center;line-height:40px;padding:50px 0 0 0;}
.viewleft .yulang .ziptp .notp a{color:#999;}

.viewleft .zygs{float:left;text-align:left;width:calc(100% - 52px);margin:20px 0 0 0;border:#e5e5e5 solid 1px;padding:15px 25px;background-color:#fff;}
.viewleft .zygs li{float:left;margin-right:15px;}
.viewleft .jubao{float:left;width:100%;height:55px;background-color:#3f5260;text-align:center;}
.viewleft .jubao li{float:left;}
.viewleft .jubao .l1{}
.viewleft .jubao .l1 a{float:left;width:75px;height:23px;padding:32px 0 0 0;color:#fff;background:url(img/jb.png) center 11px no-repeat;border-right:#757a7d solid 1px;}
.viewleft .jubao .l2{color:#fff;padding:0 0 0 19px;line-height:55px;}
.viewleft .jubao .l3{float:right;}
.viewleft .jubao .l3 a{float:left;width:106px;padding:0 0 0 18px;line-height:55px;background:url(img/down.png) 86px center no-repeat;color:#fff;font-size:15px;text-align:left;background-color:#db5b5a;}
.viewleft .gjc{float:left;text-align:left;width:calc(100% - 52px);border:#e5e5e5 solid 1px;padding:18px 25px;background-color:#fff;}
.viewleft .zyms{float:left;text-align:left;width:calc(100% - 52px);margin:20px 0 0 0;border:#e5e5e5 solid 1px;padding:18px 25px;background-color:#fff;font-size:14px;}
.viewleft .zyms strong{font-size:12px;}
.viewleft .wxts{float:left;text-align:left;width:calc(100% - 52px);margin:20px 0 0 0;border:#e5e5e5 solid 1px;padding:16px 25px;background-color:#fff;line-height:23px;font-size:13px;}
.viewleft .wxts strong{font-size:14px;}
.viewleft .wxts img{max-width:100%;}

.viewleftbig{width:100%;}

.viewright{float:right;width:235px;text-align:left;margin-top:10px;}
.viewright .buy{float:left;width:163px;color:#fff;font-size:18px;background:url(../img/down.png) 50px center no-repeat;padding-left:70px;line-height:40px;border:#ea005d solid 1px;background-color:#db5b5a;}

.viewright #vipmoney{float:left;width:233px;border:#ddd solid 1px;background-color:#fff;margin:10px 0 0 0;}
.viewright #vipmoney .djmcap{float:left;width:233px;height:37px;background-color:#f2f2f2;font-weight:700;line-height:37px;}
.viewright #vipmoney .djmcap li{float:left;}
.viewright #vipmoney .djmcap .l1{width:80px;padding-left:10px;}
.viewright #vipmoney .djmcap .l2{width:70px;}
.viewright #vipmoney .djmcap .l3{width:73px;}
.viewright #vipmoney .djm{float:left;width:233px;height:27px;border-bottom:#E5E5E5 solid 1px;}
.viewright #vipmoney .djm li{float:left;padding:5px 0 0 0;}
.viewright #vipmoney .djm .l1{width:80px;padding-left:10px;}
.viewright #vipmoney .djm .l2{width:70px;}
.viewright #vipmoney .djm .l3{width:73px;}
.viewright #vipmoney .djkt{float:left;width:233px;}
.viewright #vipmoney .djkt li{float:left;}
.viewright #vipmoney .djkt .l1{width:213px;padding:10px 10px 0 10px;height:30px;}
.viewright #vipmoney .djkt .l1 a{float:left;font-size:14px;width:100%;color:#fff;border-radius:4px;padding:5px 0 0 0;height:25px;background-color:#EC3A34;text-align:center;}
.viewright #vipmoney .djkt .l1 a:hover{text-decoration:none;}
.viewright #vipmoney .djkt .l2{padding:10px;}

.viewright .cap{float:left;border:#eeeeee solid 1px;padding-left:37px;width:196px;margin:10px 0 0 0;background:url(../img/d.png) 10px center no-repeat;line-height:45px;height:45px;font-size:15px;background-color:#f8f8f8;}
.viewright .cap li{float:left;}
.viewright .cap .l1{width:100px;}
.viewright .cap .l2{width:86px;text-align:right;font-size:12px;}

.viewright .plist{float:left;width:233px;border:#E5E5E5 solid 1px;background-color:#fff;border-top:0;padding:0 0 12px 0;}
.viewright .plist li{float:left;}
.viewright .plist .l1{width:209px;margin:12px 12px 0 12px;}
.viewright .plist .l1 a{float:left;clear:both;width:209px;line-height:20px;}
.viewright .plist .l1 img{float:left;width:16px;height:16px;margin:2px 0 0 0;}
.viewright .plist .l1 .s1{float:left;padding:0 0 0 6px;width:187px;}
.viewright .plist .l1 a:hover .s1{text-decoration:underline;}
.viewright .xgss{float:left;width:221px;border:#E5E5E5 solid 1px;background-color:#fff;border-top:0;padding:6px;}
.viewright .xgss a{float:left;border:#bcc6cf solid 1px;padding:0 9px;border:#bcc6cf solid 1px;border-radius:21px;margin:6px;line-height:21px;}
.viewright .xgss a:hover{background-color:#e2edf8;}
.viewrightfix{float:right;margin-left:1015px;position:fixed;}