/*
	*雷锋网
	*试用公共部分css
	*version2.0
	
*/

html,body{background: #f2f2f2;}

/*试用步骤*/
.container{width: 1100px;margin: 0 auto;}
.tryout-steps img{float: left;margin-left: 12px;}
.tryout-steps img.first{margin-left: 0}

/*试用产品*/
.tryout-product{padding-top: 25px;}
.tryout-product .title{height: 50px;line-height: 50px;font-size: 24px;}
.tryout-product .title a{float: right;font-size: 14px;color: #333;}
.tryout-product .list li{float: left;width: 320px;margin-left: 16px;margin-bottom: 16px;width: 356px;padding: 0 0 16px 0;overflow: hidden;background: #fff;}
.tryout-product .list li.first,
.tryout-product .list li:nth-child(3n+1){margin-left: 0;}

.tryout-product .list li .periods{height: 40px;line-height: 40px;text-align: center;background: #fafafa;font-size: 14px;}
.tryout-product .list li .pic{width: 356px;height: 243px;position: relative;/*margin: 0 18px;*/}
/*申请状态*/
.tryout-product .list li .pic .status{position: absolute;height: 28px;line-height: 28px;color: #fff;background: #e95c4d;width: 85px;text-align: center;border-top-right-radius: 14px;border-bottom-right-radius: 14px;font-size: 13px;left: 0;top: 10px;}
/*即将开始*/
.tryout-product .list li .pic .willStart,
.tryout-product .list li .pic .soonafter{background: #2f76ec;}
/*体验中*/
.tryout-product .list li .pic .experience{background: #3f4258;}
/*筛选名单中*/
.tryout-product .list li .pic .filter{background: #676563;}
/*已结束*/
.tryout-product .list li .pic .end{background: #a8a8a8;}
.tryout-product .list li .pic .warn{cursor: pointer;position: absolute;right: 20px;top: 10px;color: #666;font-size: 13px;}
.tryout-product .list li .pic .warn em{display: inline-block;vertical-align: -5px;margin-right: 3px;background: url(../../images/tryout_spirits.png) no-repeat -7px -52px;width: 23px;height: 20px;}
/*取消提醒*/
.tryout-product .list li .pic .warn.get{color: #ed8b2c;}
.tryout-product .list li .pic .cancel{color: #b7b7b7;}
.tryout-product .list li .pic .cancel em{background-position: -34px -80px;width: 18px;height: 18px;}
.tryout-product .list li .pic .timer{position: absolute;bottom: 0;left: 18px;width: 320px;height: 36px;line-height: 36px;text-align: center;color: #fff;background: rgba(153, 153, 153, 0.71);font-size: 12px;}
.tryout-product .list li .pic .timer em{display: inline-block;background: url(../../images/tryout_spirits.png) no-repeat -11px -81px;width: 15px;height: 15px;vertical-align: middle;margin-right: 6px;}
.tryout-product .list li .txt {padding: 0 18px;}
.tryout-product .list li .txt .headline{padding-top: 12px;font-size: 14px;text-align: center;display: block;white-space: normal;overflow: hidden;text-overflow:ellipsis;}
.tryout-product .list li .txt .datas{text-align: center;font-size: 12px;color: #888;padding-top: 12px;}
.tryout-product .list li .txt .datas .amount{float: left;}
.tryout-product .list li .txt .datas .integral{float: right;}
.tryout-product .list li:hover{
	transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: all;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-box-shadow: 0 -1px 30px rgba(0,0,0,0.28);
    -moz-box-shadow: 0 -1px 30px rgba(0,0,0,0.28);
    -o-box-shadow: 0 -1px 30px rgba(0,0,0,0.28);
    box-shadow: 0 -1px 30px rgba(0,0,0,0.28);
}

/*精品报告*/
.tryout-report{padding-top: 40px;}
.tryout-report .container{width: 1160px;}
.tryout-report .title{font-size: 24px;padding: 10px 0 10px 30px;}
.tryout-report .list li{position: relative;}
.tryout-report .list li.noCnt{padding: 50px 30px;color: #686868;}
.tryout-report .list li .shadow{position: absolute;opacity: 0;filter:alpha(opacity=0);left: 0;top: -1px;right: 0;bottom: 1px;background: #fff;box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.08);border-radius: 2px;}
.tryout-report .list li .box{margin:0 30px;position: relative;width:1100px;border-bottom: 1px solid #E0E0E0;padding: 20px 0;overflow: hidden;height: 175px;}
.tryout-report .list li .box .pic{display: block;width: 274px;float: left;}
.tryout-report .list li .box .pic img{display: block;}
.tryout-report .list li .box .txt{float: left;padding: 0 40px 0 30px;width: 580px;}
.tryout-report .list li .box .headline{font-size: 18px;color: #333;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.tryout-report .list li .box .descri{font-size: 14px;color: #666;height: 78px;line-height: 26px;overflow: hidden;margin: 15px 0;}
.tryout-report .list li .box .msg{line-height: 38px;} 
.tryout-report .list li .box .msg a{font-size: 14px;color: #888;}
.tryout-report .list li .box .msg .loveBtn{width: 94px;display: inline-block;}
.tryout-report .list li .box .msg .loveBtn em{display: inline-block;vertical-align: middle;margin-right: 10px;background: url(../../images/tryout_spirits.png) no-repeat -9px -111px;width: 26px;height: 22px;}
.tryout-report .list li .box .msg .loveBtn.loved {color: #ff6969;}
.tryout-report .list li .box .msg .loveBtn.loved em{background-position: -9px -147px;}
.tryout-report .list li .box .msg .cmt em{display: inline-block;margin-right: 6px;background: url(../../images/tryout_spirits.png) no-repeat -13px -182px;width: 17px;height: 15px;vertical-align: -3px;}
.tryout-report .list li .box .avater{text-align: center;font-size: 14px;width: 100px;padding-left: 35px;height: 160px;padding-top: 15px;float: left;border-left: 1px dashed #E0E0E0}
.tryout-report .list li .box .avater img{border-radius: 50%;}
.tryout-report .list li .box .avater .nums span{font-weight: bold;}
.tryout-report .list li .shadow{
    -webkit-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05)
    -moz-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05)
    transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05)
    -o-transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05)
}
.tryout-report .list li:last-child .box{border-bottom: 0;}
.tryout-report .list li:hover .shadow{opacity: 1;filter:alpha(opacity=100);}
.tryout-report .list li:hover .box .headline{color: #dd6e4c;}
.tryout-report .list .lookMore a{display: block;margin: 0 30px;height: 40px;line-height: 40px;text-align: center;background: #fafafa;color: #717171;font-size: 14px;}

/*达人试用*/
.tryout-expert{padding-top: 40px;}
.tryout-expert .title {padding-bottom: 8px;}
.tryout-expert .title .fl{font-size: 24px;}
.tryout-expert .title .fr{font-size: 14px;color: #ec692f;width: 118px;height: 38px;text-align: center;line-height: 40px;border: 1px solid #DFDFDF;border-radius: 5px;background: #fafafa;}
.tryout-expert .title .fr em{display: inline-block;vertical-align: middle;background: url(../../images/tryout_spirits.png) no-repeat -11px -206px;width: 29px;height: 26px;}
.tryout-expert .list li{float: left;width: 201px;padding: 30px 32px 25px 32px;margin-left: 13px;background: #fff;margin-bottom: 16px;}
.tryout-expert .list li.first,
.tryout-expert .list li:nth-child(4n+1){margin-left: 0;}
.tryout-expert .list li .pic {text-align: center;}
.tryout-expert .list li .pic a{display: block;font-size: 16px;}
.tryout-expert .list li .pic a img{border-radius: 50%;}
.tryout-expert .list li .pic .name{padding-top: 8px;}
.tryout-expert .list li .datas{border-top:1px dashed #F0F0F0;margin-top: 16px;padding: 12px 0;font-size: 14px;color: #888;}
.tryout-expert .list li .datas .fans{float: left;}
.tryout-expert .list li .datas .experNums{float: right;}
.tryout-expert .list li .datas .fans span,
.tryout-expert .list li .datas .experNums span{color: #333;padding-left: 10px;}
.tryout-expert .list li .btns a{display: block;height: 33px;line-height: 33px;text-align: center;color: #fff;font-size: 14px;border: 1px solid #E1632D;background: #EC6931;border-radius: 3px;}
.tryout-expert .list li .btns a:hover{opacity: 0.8;filter:alpha(opacity=80);}
/*已关注*/
.tryout-expert .list li .btns.haveAtten a{background: #676563;border-color: #676563;}
.tryout-expert .list li .btns.haveAtten:hover a{/*border-color:#E1632D;background: #EC6931;*/background: #676563;border-color: #676563;}
.tryout-expert .list li .btns.haveAtten a em{display: inline-block;display: none;vertical-align: middle;background: url(../../images/tryout_spirits.png) no-repeat -14px -240px;width: 10px;height: 8px;;}

/*提醒弹窗*/
.mask{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 1}
.warn-pop{display: none;z-index: 9;position: fixed;width: 446px;background: #fff;/*top: 200px;*/left: 50%;margin-left: -226px;border-radius:5px;}
.warn-pop .tit{font-size: 16px;color: #333;text-align: center;height: 62px;line-height: 62px;border-bottom: 1px solid #E8E8E8;position: relative;}
.warn-pop .tit em{display: inline-block;vertical-align: middle;background: url(../../images/tryout_spirits.png) no-repeat  -59px -112px;width: 21px;height: 21px;margin-right: 8px;}
.warn-pop .tit .closePop{position: absolute;right: 18px;top: 18px;background: url(../../images/tryout_spirits.png) no-repeat -89px -113px;width: 17px;height: 17px;cursor: pointer;}
.warn-pop .desci{font-size: 14px;color: #666;padding: 20px 35px;line-height: 22px;}
.warn-pop .btns{padding: 0 35px 45px 35px;}
.warn-pop .btns a{width: 170px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;border-radius: 4px;}
.warn-pop .btns a.eBtn{float: left;background: #61564c;}
.warn-pop .btns a.pBtn{float: right;background: #e95c4d;}