html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,textarea,legend{margin:0; padding:0;}ol,ul{list-style:none;}:focus{outline:0;}a img{border:0;}img{vertical-align:middle;}table{empty-cells:show;}ins{text-decoration:none;}del{text-decoration:line-through;}cite,i,em{font-style:normal;}b{font-weight:normal;}
div,span,i,a,button,input {-webkit-tap-highlight-color: rgba(0,0,0,0);}
input[type=text],input[type=file],input[type=button],input[type=submit] {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAANSURBVBhXY2BgYGAAAAAFAAGKM+MAAAAAAElFTkSuQmCC");}
::-webkit-scrollbar {display: none;}

/* ----------------------------------------- all */
html,body {width: 100%; height: 100%; line-height: 1.7; font-family: "Microsoft YaHei", simsun; background: #F7F4EB; color: #333;}
a {text-decoration: none; color: #333;}
a:hover {text-decoration: underline; color: #333;}
img {height: 100%;}
input {font-family: "Microsoft YaHei", simsun; }
.w100 {width: 100%; vertical-align: middle;} .h100 {height: 100%;}
.tc {text-align: center;} .tl {text-align: left;} .tr {text-align: right;}
.fl {float: left;} .fr {float: right;}
.pr {position: relative;} .pa {position: absolute;} .leftTop {left: 0; top: 0;}
.z1 {z-index: 1;} .z2 {z-index: 2;} .z3 {z-index: 3;}
.show {display: block;} .hide {display: none;}

.ylpsf-wrap {width: 100%; max-width: 640px; margin: 0 auto; padding-bottom: 50px;}

.ylpsf-focus {overflow: hidden; margin: 0 auto;}
.ylpsf-focus img {width: 100%; height: auto;}
.ylpsf-focus .swiper-pagination {bottom: 4px;}
.ylpsf-focus .swiper-pagination-bullet-active {background: #0A955C;}

.ylpsf-title {padding: 20px 0;}
.ylpsf-title2 {padding-bottom: 0;}

.ylpsf-tbox-bt {height: 44px; box-sizing: border-box; padding-left: 10px; border-bottom: 1px solid #F3E4C7; font-weight: normal; font-size: 18px; line-height: 44px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABYCAYAAADfoya1AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADPSURBVDhPfc7bbsIwEEVR//83civlUmjjkIsdO4FO90iVGKQRD/toPZ4gj1k0iwqqooDyFr+MBiYwgTsgFxlkHwkkCY8liWYxgtHFPHB5MLgzGuhBb1EBgQ50HpZ6Ey0sBRBoQesjgihhnqJooAGNi/wj2hM1f4tmkACBK7i+4AIuEgqjhTJ+iebiDM5gAARO4CRhYjSLIziCHhA4gINBZrSQu0/RLPZg7+L2IVpIjGaxAzsX7Va0J0ZGAxuwcREBgTVYv8UQV6IZNID+sZI/PKSk11wEAAQAAAAASUVORK5CYII=") repeat-x; color: #232481;}
.ylpsf-tbox-con {display: none; box-sizing: border-box; padding: 10px;}
.ylpsf-tbox-con-show {display: block;}
.ylpsf-tbox-con .lr {min-height: 173px; box-sizing: border-box; padding-left: 132px; border-bottom: 1px dotted #ccc;}
.ylpsf-tbox-con .lr .imgs {width: 122px; height: 162px; left: 0; top: 0;}
.ylpsf-tbox-con .lr .bt {height: 36px; overflow: hidden; border-bottom: 1px solid #DBDBDB; line-height: 30px;}
.ylpsf-tbox-con .lr .bt h2 {float: left; font-size: 18px; color: #232480;}
.ylpsf-tbox-con .lr .bt a {float: right;}
.ylpsf-tbox-con .list {overflow: hidden; padding: 10px 0;}
.ylpsf-tbox-con .list li {float: left; width: 100%;}
.ylpsf-tbox-con .list li a {float: left; width: 100%; overflow: hidden; box-sizing: border-box; padding: 2px 0 2px 8px; white-space: nowrap; text-overflow: ellipsis; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAATSURBVBhXYzA2Nv6PjEkWMP4PAFBRGYFc2d1DAAAAAElFTkSuQmCC") no-repeat left center; background-size: 2px 2px;}
.ylpsf-tbox-con .list li:first-child a {padding: 0; margin-bottom: 4px; font-size: 16px; background: none; color: #232480;}
.ylpsf-tbox-con .datu {overflow: hidden;}
.ylpsf-tbox-con .datu a {display: block; width: 100%; overflow: hidden;}
.ylpsf-tbox-con .datu span {display: block;}
.ylpsf-tbox-con .datu span img {width: 100%;}
.ylpsf-tbox-con .datu span i {width: 100%; height: 34px; box-sizing: border-box; padding: 0 10px; font-size: 16px; line-height: 34px; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff; position: absolute; left: 0; bottom: 0;}
.ylpsf-tbox-con .datu cite {display: block; padding: 8px 0 10px; color: #666;}
.ylpsf-tbox-con .datu cite i {color: #0A955C;}

.ylpsf-test {overflow: hidden;}
.ylpsf-test a {width: 50%; top: 0;}
.ylpsf-test .a1 {left: 0;}
.ylpsf-test .a2 {right: 0;}

.ylpsf-ask {box-sizing: border-box; padding: 0 10px;}
.ylpsf-ask li {width: 100%; overflow: hidden; padding: 10px 0; border-top: 1px dotted #ccc;}
.ylpsf-ask li:first-child {border-top: none;}
.ylpsf-ask li a {float: left; width: 100%;}
.ylpsf-ask li p {width: 100%; box-sizing: border-box; padding-left: 26px; position: relative;}
.ylpsf-ask li p span {width: 20px; height: 20px; overflow: hidden; border-radius: 100%; font-size: 14px; line-height: 20px; text-align: center; color: #fff; position: absolute; left: 0; top: 3px;}
.ylpsf-ask li p i {color: #0A955C;}
.ylpsf-ask li p:first-child {padding-bottom: 6px; font-size: 16px;}
.ylpsf-ask li p:first-child span {background: #232480;}
.ylpsf-ask li p:last-child {color: #666;}
.ylpsf-ask li p:last-child span {background: #0A955C;}

.ylpsf-more {padding: 10px 0; text-align: center;}
.ylpsf-more a {display: inline-block; padding: 0 20px; border-radius: 20px; font-size: 16px; line-height: 32px; background: #232480; color: #fff;}

.ylpsf-video {padding: 0 10px; box-sizing: border-box;}
.ylpsf-video li {width: 100%; padding: 10px 0; border-top: 1px dotted #ccc;}
.ylpsf-video li:first-child {border-top: none;}
.ylpsf-video li .vs {width: 100%; overflow: hidden;}
.ylpsf-video li p {width: 100%; overflow: hidden; padding-top: 10px; color: #666;}
.ylpsf-video li p strong {display: block; padding-bottom: 4px; font-weight: normal; font-size: 16px; color: #333;}
.ylpsf-video li p i {color: #0A955C;}

.ylpsf-product {box-sizing: border-box; padding: 0 10px;}

.ylpsf-tool {width: 100%; height: 40px; overflow: hidden; background: rgba(0,0,0,.35); position: fixed; left: 0; bottom: 0;}
.ylpsf-tool a {float: left; width: 50%; height: 100%; overflow: hidden; font-size: 18px; line-height: 40px; text-align: center; background: #0A955C; color: #fff;}
.ylpsf-tool a:first-child {position: relative; left: -10px;}
.ylpsf-tool a:hover {text-decoration: none; color: #fff;}