@charset "utf-8";

.main{width:1200px;margin:0 auto;overflow:hidden;padding-bottom: 60px;}

.main-l{width: 850px;float:left;background: #fff;}

.main-r{float:left;margin-left: 10px;width: 340px;background: #fff;}

/*related-recommend*/

.list_ul{display:none;padding: 0 30px;}

.list_ul.active{display:block}

.list_ul li{padding:30px 0;overflow:hidden;border-bottom:1px solid #ebebeb}

.list_ul_t{overflow:hidden}

.list_ul_t>p{float:left;width:50px;height:50px;background: #ff5555;margin-right:15px;text-align:center;font-size:16px;color:#fff;}

.list_ul_t i{display:block;font-style:normal;margin-top:7px}

.list_ul_t span{font-size:12px}

.list_ul_t span:before{content:'';display:inline-block;width:9px;height:10px;background: url(../img/jlt.png) -45px -40px no-repeat;margin-right:4px;}

.list_ul_do{float: left;width: 725px;}

.list_ul_do a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343434;font-size:16px;height: 16px;line-height: 16px;}

.list_ul_do p{color: #666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 12px;line-height: 12px;font-size: 12px;margin-top: 17px;display: block;}

.list_ul_to{margin-top:15px;overflow:hidden}

.list_ul_to>i{float:left;font-style:normal;display:inline-block;width:66px;text-indent:15px;color: #cd9355;height: 22px;line-height: 22px;}

.list_ul_tag{float:left;overflow:hidden;width:600px;height:22px}

.list_ul_tag a{float:left;height:22px;border-radius:11px;border: solid 1px #cd9355;display:inline-block;text-decoration:none;color: #cd9355;padding:0 19px;margin-right:8px;box-sizing:border-box;transition: all .3s ease;}

.list_ul_tag a:hover{color: #fff;background: #cd9355;}

.list_ul_to>span{float:right;color:#666}

.list_ul_to>span time{color:#999}

.list_ul li:last-child {border: none;}

.related-recommend .global-title, .relevant-news .global-title {border-bottom: 1px solid #f8f8f8;padding: 0 30px;}

.related-recommend .global-title h5,.relevant-news .global-title h5 {height: 70px;line-height: 70px;}

.related-recommend .global-title .tit-more,.relevant-news .global-title .tit-more {height: 70px;line-height: 70px;}

.related-recommend {border-top: 10px solid #f8f8f8;}

.tit-more {float: right;color: #cd9355;font-size: 14px;}
/* 内容页插入单个商品样式 */
.shoplist{ width:550px; margin:-10px auto 0;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);}
.shoplist a {text-decoration: none;}
.shoplist dl a{ text-decoration:none;}
.shoplist dl{ position: relative; background:#fcfcfc;padding:5px;border: 1px solid #dddddd; margin-bottom:5px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out; }
.shoplist dl:hover{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-ms-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);-o-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);}
.shoplist dl dt{ width:150px; height:150px;position: absolute; left:5px; top:5px;}
.shoplist dl dt img{ width:150px; height:150px; border-radius:5px;max-width: 100%;}
.shoplist dl dd{ margin-left:165px; min-height: 150px;}
.shoplist dl dd p{font-size:15px; line-height: 1.8em; font-weight: normal; color: #333; position: relative;text-indent:0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.shoplist dl dd p span.tm{width: 44px; position:relative; height: 20px; display: inline-block;position: relative; left: 0px; top: 5px;text-indent: 0;margin-right: 7px;}
.shoplist dl dd p span.tm:after{ position:absolute; left:0;top:0;  width:100%; height:100%; background:#F00; color:white; font-size:13px; content:"天猫";text-align: center;border-radius:5px;line-height: 20px;}

.shoplist dl dd p span.jd{width: 44px; position:relative; height: 20px; display: inline-block;position: relative; left: 0px; top: 5px;text-indent: 0;margin-right: 7px;}
.shoplist dl dd p span.jd:after{ position:absolute; left:0;top:0;  width:100%; height:100%; background:#F00; color:white; font-size:13px; content:"京东";text-align: center;border-radius:5px;line-height: 20px;}

.shoplist dl dd p a{color: #333; text-decoration: none;}
.shoplist dl dd p a:hover{color: #ff3366;}
.shoplist .shoplist_info{  height: 40px; margin-top: 5px; position: relative;}

.shoplist .shoplist_info_quan{position: absolute; left: 0px; color:#999;width: 124px; height: 33px;line-height: 32px;font-size:15px;}
.shoplist dl dd p a{color: #333; text-decoration: none;}
.shoplist .shoplist_info_quan em{ font-style:normal; font-size:14px;color:#999; }


.shoplist .shoplist_info_sell{ position: absolute; right:6px; color:#999;line-height:30px; font-size:14px;}
.shoplist .shoplist_link{ color:#F00; margin-top: 5px; font-size:16px;}
.shoplist .shoplist_link b{color:#F00; font-size:25px;}
.shoplist .shoplist_link .rmb{font-size: 14px;color: #fd3636;margin-right: 3px;font-family: Arial, Helvetica, sans-serif;}
.shoplist .shoplist_link .yuanjia{ margin-left:15px;font-size: 14px;color:#999;font-family: Arial, Helvetica, sans-serif;}
.shoplist .shoplist_link em{ font-style: normal; text-decoration: line-through; }
.shoplist .shoplist_gosee{ position: absolute;right:10px; bottom: 10px; padding:2px 10px;height: 25px; background: #006baf; color: #fff; text-align: center; line-height:25px; font-size:15px;}
.shoplist .shoplist_gosee a{color: #fff; text-decoration: none;}

/**/

.soft_con_box{padding: 30px 0 0;}

.soft_con_h3{font-size: 24px;color: #333;font-weight: normal;line-height: 40px;margin: 0 30px;display: block;}

.soft_con_p1{overflow: hidden;display: block;margin: 10px 30px 0;height: 18px;}

.soft_con_p1 span,.soft_con_p1 a{float: left;margin-right: 25px;padding-left: 25px;position: relative;font-size: 12px;height: 18px;line-height: 20px;color: #999;}

.soft_con_p1 .xb:before{content:'';position:absolute;top: 50%;left:0;width: 13px;height: 16px;background: url(../img/jlt.png) -22px -115px no-repeat;transform: translateY(-50%);}

.soft_con_p1 .yd:before{content:'';position:absolute;top: 3px;left:0;width: 15px;height: 14px;background: url(../img/jlt.png) -39px -115px no-repeat;}

.soft_con_p1 .fx:before{content:'';position:absolute;top: 2px;left:0;width: 18px;height: 18px;background: url(../img/jlt.png) -58px -115px no-repeat;}

.soft_con_p1 .jb:before{content:'';position:absolute;top: 2px;left:0;width: 18px;height: 18px;background: url(../img/jlt.png) -78px -115px no-repeat;}

.soft_con_p2{font-size: 16px;height: 16px;line-height: 16px;overflow: hidden;margin: 35px 30px 0;position: relative;color: #333;font-weight: bold;display: block;}

.soft_con_p2:after{content:'';width: 90%;background: #ebebeb;position: absolute;right: 0;top: 50%;height: 1px;}

/**/

.soft_detail{margin-top: 20px;overflow: hidden;}

.soft_detail_header{float: left;}

.soft_d_t{overflow: hidden;position: relative;}

.soft_d_t>a{float: left;width: 50px;height: 50px;border-radius: 50%;background: #fff;padding: 2px;box-sizing: border-box;position: relative;z-index: 2;margin-right: 7px;}

.soft_d_t>a img{width: 100%;height: 100%;display: block;border-radius: 50%;}

.soft_d_do{float: left;position: relative;}

.soft_d_do span.xb{height: 20px;background: #cd9355;position: relative;line-height: 20px;color: #fff;left: -21px;top: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;padding: 0 24px 0 20px;display: block;}

.soft_d_do span.xb:after{content:'';width: 20px;height: 20px;background: #fff;position: absolute;top: 0;right: -15px;transform: rotate(45deg);}

.soft_d_do time{margin-top: 12px;display: block;color: #999;font-size: 12px;height: 12px;line-height: 12px;}

.soft_detail_zan{float: right;overflow: hidden;border: solid 1px #eeeeee;box-sizing: border-box;}

.soft_detail_zan a{float: left;width: 80px;position: relative;line-height: 34px;color: #999;text-indent: 41px;}

.soft_detail_zan .zan{border-right:1px solid #eeeeee;}

.soft_detail_zan .zan:before{content:'';width: 15px;height: 15px;position: absolute;background: url(../img/jlt.png) -78px -92px no-repeat;top: 9px;left: 21px;transition: all .3s ease;}

.soft_detail_zan .cai:before{content:'';width: 15px;height: 15px;position: absolute;background: url(../img/jlt.png) -78px -76px no-repeat;top: 11px;left: 21px;transition: all .3s ease;}

.soft_detail_zan a:hover:before {background-position-x: -93px;}

.soft_txt {max-height: 650px;overflow: hidden;margin: 0 30px;}

.soft_txt p {display: block;color: #333;font-size: 16px;line-height: 35px;margin: 20px auto 0;}

.soft_txt h3{display:block;font-size:18px;height:20px;line-height:20px;margin:20px 0 10px;color:#333;}

.soft_txt a{display:block;}

.soft_txt img{display:block;margin:20px auto;max-width: 100%;}

.soft_txt.active {max-height:none;}

.soft_open{position: absolute;bottom: 0;width: 100%;left: 0;}

.soft_open a{display: block;position: relative;line-height: 40px;color: #ed1f40;text-align: center;margin: 0 auto;height: 40px;text-indent: -30px;font-size: 16px;}

.soft_open a:after{content:'';position: absolute;top: 44%;right: 43%;transform: translateY(-50%) rotate(45deg);width: 7px;height: 7px;border: solid 1px #f02747;border-color: transparent #f02747 #f02747 transparent;}

.soft_open:before {content: "";display: block;width: 100%;height: 300px;position: absolute;bottom: 0;left: 0;background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(#ffffff00), to(#ffffffed));z-index: 0;}

.soft_detail_box{position: relative;border-bottom: 1px solid #ebebeb;padding-bottom: 50px;overflow: hidden;margin: 0 30px 10px;}

.soft_con_box .soft_detail_box:last-child{padding-bottom: 30px;margin-bottom: 0;border: none;}

/* edit-recommend */

.edit-recommend {padding: 24px 15px 30px;border-top: 1px solid #f0f0f0;}

.list_right_ul li:before{content: "";position: absolute;top: 50%;left: 0;background: #5e5e5e;width: 2px;height: 2px;transform: translateY(-50%);transition: all .3s ease;}

.list_right_ul li{overflow:hidden;font-size:14px;margin-top: 22px;position: relative;padding-left: 12px;transition: all .3s ease;}

.list_right_ul span{max-width: 66px;overflow: hidden;float:left;color: #666;font-size: 14px;height: 14px;line-height: 14px;}

.list_right_ul a{width: 172px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left: 5px;font-size: 14px;height: 14px;line-height: 14px;color: #666;}

.list_right_ul time{float:right;text-align:right;font-size: 12px;height: 14px;line-height: 14px;color: #999;}

.list_right_ul li:hover:before {border: 4px solid #f03d55;border-color: transparent transparent transparent #f03d55;background: transparent;left: 10px;}

.list_right_ul li:hover {padding-left: 25px;}

.list_right_ul {margin-top: 10px;overflow: hidden;}

/* hot-label */

.hot-label {padding: 24px 15px 30px;border-top: 1px solid #f0f0f0;}

.label-list a {float: left;width: 94px;height: 33px;border-radius: 16.5px;border: solid 1px #f0f0f0;margin: 15px 0 0 10px;text-align: center;line-height: 33px;color: #999;font-size: 14px;transition: all .3s ease;}

.label-list {overflow: hidden;margin: 15px 0 0 -10px;}

.label-list a:hover {color: #fff;background: #ed1f40;border-color: #ed1f40;}

/* relevant-news */

.relevant-news {padding-bottom: 40px;border-top: 10px solid #f8f8f8;}

.rel-list {overflow: hidden;margin: 0 30px;}

.rel-list li {display: block;overflow: hidden;margin-top: 25px;}

.relimg {float: left;width: 220px;height: 140px;position: relative;overflow: hidden;}

.relimg img {display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.rel-cen {float: left;margin-left: 20px;width: 550px;}

.rel-title {display: block;color: #ef2243;font-size: 16px;line-height: 16px;width: 100%;height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 7px;}

.rel-cen p {display: block;width: 100%;color: #666;font-size: 14px;line-height: 27px;margin-top: 16px;height: 50px;overflow: hidden;}

.rel-info {overflow: hidden;margin-top: 30px;height: 12px;line-height: 12px;color: #999;}

.rel-info em {float: right;}

.rel-more {display: block;width: 115px;height: 25px;border-radius: 13px;color: #e91839;border: 1px solid #e91839;font-size: 12px;text-indent: 27px;position: relative;line-height: 24px;margin: 50px auto 0;cursor: pointer;}

.rel-more:before{content:'';width: 5px;height: 5px;border: 1px solid #e91839;border-top: none;border-right: none;position: absolute;top: 45%;left: 11px;transform: rotate(-45deg) translateY(-50%);}

.rel-more:after {content: '';width: 12px;height: 12px;border: 1px solid #e91839;border-radius: 50%;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);}