html {background-color: #f4f4f4;}

.boxlist {margin-top: 15px;clear: both;}

.boxlist {width: 790px;}
.w1200 .boxlist {width: 990px;}
.boxlist li {position: relative;float: left;width:418px;margin-right: 10px;margin-top: 10px;background: #fff;}
.boxlist li .ygm{display: block;width: 52px;height: 52px;background:url(../images/icon_ygm.png) no-repeat;position: absolute;right: 0;top:0;}
.boxlist li .bhs{display: block;width: 52px;height: 52px;background:url(../images/icon_bhs.png) no-repeat;position: absolute;right: 0;top:0;}
.w1200 .boxlist li {width: 486px;}
.boxlist li:nth-child(2n){margin-right: 0;}
.boxlist li .pic {position: relative;width: 100%;height: 152px;float: left; z-index: 1;}
.w1200 .boxlist li .pic {width: 152px;}
.boxlist li .txt {position: relative;width: 100%;height: 152px;float: left; z-index: 2;}
.w1200 .boxlist li .txt {width: 165px;padding-left: 0;}
.boxlist li .txt p {padding:0 20px;line-height: 30px;font-size: 13px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.w1200 .boxlist li .txt p {padding: 0 10px 0 0;}
.boxlist li .n {margin-top: 10px;font-size: 12px;color: #25af60;}
.boxlist li .n a {margin-right: 10px;font-size: 16px;color: #333;}
.boxlist li .n a:hover {color: #0088cc;}
.boxlist li .red {margin-right: 4px;}
.boxlist li .tp {margin-right: 8px;color: #999;}
.boxlist li .pic a {display: block;}
.boxlist li .pic img {display: block;width: 115px;height: 115px;margin:0 auto;padding:19px 22px 21px 16px;border-radius:50%;}
.boxlist li .bg {position: absolute;left:0;top:0;width: 100%;height: 152px;background-image:url(../images/ty_152.png);background-position: center center;background-repeat: no-repeat;}

.boxlist li:hover {background:#a1e083;box-shadow: 0 0 10px #ABAAAA;z-index: 2;}
.boxlist li:hover .pic {background:#a1e083;}
.boxlist li:hover a ,.boxlist li:hover * {color:#fff;}
.boxlist li:hover .bg {background-image:url(../images/ty_152_h.png);}
.boxlist li:hover .unlock{color:#ff526a;}
.boxlist li.empty {float: none; width: 780px; height: 300px; line-height: 300px; text-align: center; font-size: 14px; margin: 0;}
.w1200 .boxlist li.empty {width: 980px;}
.boxlist li.empty:hover {box-shadow: none; background: #fff;}


.red {color: #ff7300;}
.blue {color: #0088cc;}
.green {color: #25af60;}

.unlock{position:absolute;bottom:30px;right:30px;padding:0 12px 0 30px;height: 22px;line-height: 22px;border:solid 1px #ff5b5f;border-radius: 12px;font-size: 14px;color:#ff526a;cursor: pointer;background-color: #fff;}
.unlock i{display: block;width: 36px;height: 36px;background:url(../images/icon_suo.png) no-repeat center center;position: absolute;left: -10%;top: 50%;margin-top: -18px;}



/* 购买 */
.nos,.nos body {overflow:hidden;}
.nos body {position:relative;}
.popup-buy {display: none; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 888;}
.popup-buy .buy-form {display: none; position: absolute; left: 50%; top: 16%; z-index: 2; width: 620px; margin-left: -310px; background: #fff; border-radius: 5px; overflow: hidden; -webkit-animation: flipInY .5s ease-out; -moz-animation: flipInY .5s ease-out; animation: flipInY .5s ease-out;}
.nos .popup-buy .buy-form {display: block;}
.popup-buy .tit {position: relative; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #fff; background-color: #4185f6; background: -webkit-linear-gradient(left, #5b6af8 , #28a0f5); background: -o-linear-gradient(right, #5b6af8, #28a0f5); background: -moz-linear-gradient(right, #5b6af8, #28a0f5); background: linear-gradient(to right, #5b6af8 , #28a0f5);}
.popup-buy .tit s {position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; background: url('../images/close.png') no-repeat; cursor: pointer; -webkit-transition: all .3s; transition: all .3s;}
.popup-buy .tit s:hover {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.popup-buy .con {padding: 40px 60px;}
.popup-buy dl {margin-bottom: 20px;}
.popup-buy dt {float: left; font-size: 16px; line-height: 40px;color: #333;}
.popup-buy dd {position: relative; overflow: hidden; padding-left: 28px;font-size:22px;color:#ffc155;line-height: 40px;}
.popup-buy dd .btn_cz{width: 90px;height: 36px;border-radius: 4px;font-size: 18px;color:#fff;display: block;text-align: center;line-height: 36px;background-image: -moz-linear-gradient( -35deg, rgb(255,72,147) 0%, rgb(255,98,77) 100%);background-image: -webkit-linear-gradient( -35deg, rgb(255,72,147) 0%, rgb(255,98,77) 100%);background-image: -ms-linear-gradient( -35deg, rgb(255,72,147) 0%, rgb(255,98,77) 100%);float: right;margin-top: 2px;}
.popup-buy dl.resInfo{background-color: rgb(247, 247, 247);box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.09);height: 70px;font-size: 16px;color:#404040;}
.popup-buy dl.resInfo dt{width: 140px;text-align: center;line-height: 70px;}
.popup-buy dl.resInfo dd{line-height: 70px;font-size: 16px;color:#404040;}
.popup-buy dl.resInfo .rline{float:left;width: 2px;height: 30px; margin-top: 20px;background-image: -moz-linear-gradient( 90deg, rgba(196,196,196,0) 0%, rgb(196,196,196) 50%, rgba(196,196,196,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(196,196,196,0) 0%, rgb(196,196,196) 50%, rgba(196,196,196,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(196,196,196,0) 0%, rgb(196,196,196) 50%, rgba(196,196,196,0) 100%);}
.popup-buy dl.dlbuy{position: relative;}
.popup-buy dl.dlbuy #btnBuy{display: block; margin: 40px auto 0; width: 180px; height: 44px; line-height: 44px; border: 0; outline: 0; cursor: pointer; font-size: 16px; color: #fff; background-color: #4285f7; background: -webkit-linear-gradient(left, #5c6bf8 , #27a0f5); background: -o-linear-gradient(right, #5c6bf8, #27a0f5); background: -moz-linear-gradient(right, #5c6bf8, #27a0f5); background: linear-gradient(to right, #5c6bf8 , #27a0f5); box-shadow: 0 3px 10px #4285f7; border-radius: 3px;}
.popup-buy dl.dlbuy .btn_al{position: absolute;bottom: 0;right: 0;font-size: 14px;color:#529bef;}

.popup-buy .mask {position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background: #000; opacity: .4; filter: alpha(opacity=40);}
/*提示*/
p.ptip{ width: 280px;height: 68px;line-height:68px;text-align:center;color:#fff;font-size:16px;border:solid 1px rgb(220, 220, 222);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: rgba(0,0,0,.5);position: absolute;top:50%;left:50%;margin-top:-34px;margin-left:-140px;z-index: 10;}