@charset "UTF-8";
* { margin: 0px; padding: 0px; }

body { font-family: "Microsoft Yahei",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; color: #222; overflow-x: hidden; }
body p { margin: 0; }

ul li { list-style: none; }

img { border: none; }

a { color: #222; text-decoration: none; }

em, i { font-style: normal; }

.clearfix { zoom: 1; }

.clearfix:after { clear: both; height: 0px; font-size: 0px; visibility: hidden; display: block; content: " "; }

input, textarea, button { resize: none; outline: none; border: 0 none; font-family: "Microsoft Yahei"; margin: 0; background: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #859999; }

input::-ms-clear { display: none; }

.flexstyle, .tag-list .lidiv, .chsy-list .divhov .pimg, .pet-sort dd .pimg a, .fanyan-list li .pimg, .list-search dt, .detail-top dt, .tuijian-list .pimg, .result-list dt, .yiliao-list .pimg { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.hide { display: none !important; }

.tran, .main-sort .curicon span, .pet-sort dd .pimg a, .choose-tit ul p span { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.imghov { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.imghov:hover { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.over { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

html, body { height: 100%; }

.icon-sprite, .icon-book, .icon-cha, .icon-cur, .icon-cwsy, .icon-deta1, .icon-deta2, .icon-deta3, .icon-deta4, .icon-deta5, .icon-deta6, .icon-deta7, .icon-deta8, .icon-deta9, .icon-ding, .icon-fang, .icon-gou, .icon-hu, .icon-jcsp, .icon-jian, .icon-liicon, .icon-mao, .icon-playcion, .icon-re, .icon-san, .icon-siy1, .icon-siy2, .icon-siy3, .icon-solo, .icon-sx, .icon-sy, .icon-te, .icon-wt, .icon-xl, .icon-xun, .icon-xzcw, .icon-yi, .icon-you, .icon-yue { background-image: url('../skin_img/icon-other.png'); background-repeat: no-repeat; }

.icon-book { background-position: -87px -326px; height: 56px; width: 53px; }

.icon-cha { background-position: -22px 0; height: 26px; width: 25px; }

.icon-cur { background-position: 0 -76px; height: 5px; width: 7px; }

.icon-cwsy { background-position: 0 -558px; height: 49px; width: 131px; }

.icon-deta1 { background-position: 0 -190px; height: 29px; width: 87px; }

.icon-deta2 { background-position: 0 -224px; height: 29px; width: 87px; }

.icon-deta3 { background-position: 0 -161px; height: 29px; width: 87px; }

.icon-deta4 { background-position: 0 -467px; height: 29px; width: 87px; }

.icon-deta5 { background-position: 0 -326px; height: 29px; width: 87px; }

.icon-deta6 { background-position: 0 -438px; height: 29px; width: 87px; }

.icon-deta7 { background-position: 0 -292px; height: 29px; width: 87px; }

.icon-deta8 { background-position: 0 -382px; height: 29px; width: 87px; }

.icon-deta9 { background-position: 0 -258px; height: 29px; width: 87px; }

.icon-ding { background-position: -47px 0; height: 76px; width: 18px; }

.icon-fang { background-position: -87px -292px; height: 34px; width: 34px; }

.icon-gou { background-position: -11px -76px; height: 62px; width: 57px; }

.icon-hu { background-position: 0 -878px; height: 76px; width: 136px; }

.icon-jcsp { background-position: 0 -656px; height: 52px; width: 131px; }

.icon-jian { background-position: -87px -258px; height: 34px; width: 34px; }

.icon-liicon { background-position: -87px -161px; height: 8px; width: 11px; }

.icon-mao { background-position: -79px -496px; height: 62px; width: 57px; }

.icon-playcion { background-position: -120px -161px; height: 16px; width: 15px; }

.icon-re { background-position: -87px -382px; height: 56px; width: 50px; }

.icon-san { background-position: -7px -76px; height: 6px; width: 4px; }

.icon-siy1 { background-position: -87px -190px; height: 8px; width: 11px; }

.icon-siy2 { background-position: -98px -161px; height: 8px; width: 11px; }

.icon-siy3 { background-position: -109px -161px; height: 8px; width: 11px; }

.icon-solo { background-position: 0 -138px; height: 23px; width: 140px; }

.icon-sx { background-position: 0 -708px; height: 18px; width: 64px; }

.icon-sy { background-position: 0 -496px; height: 36px; width: 79px; }

.icon-te { background-position: -98px -190px; height: 34px; width: 34px; }

.icon-wt { background-position: -65px 0; height: 18px; width: 64px; }

.icon-xl { background-position: -64px -708px; height: 18px; width: 64px; }

.icon-xun { background-position: 0 -726px; height: 76px; width: 136px; }

.icon-xzcw { background-position: 0 -607px; height: 49px; width: 131px; }

.icon-yi { background-position: 0 -802px; height: 76px; width: 136px; }

.icon-you { background-position: -87px -224px; height: 34px; width: 34px; }

.icon-yue { background-position: 0 0; height: 23px; width: 22px; }

.icon { display: inline-block; }

/*$index-spacing: 10px;	//设置图标的间距-对smart(智能)排版不起作用
@import "index/*.png";
@include all-index-sprites;*/
.contentd { min-height: 100%; position: relative; }

.top { height: 140px; background-color: #fff; }

.wrap { width: 1200px; margin: 0 auto; }

.logo { margin-top: 5px; float: left; }
.logo a { float: left; }
.logo span { float: left; margin: 50px 0 0 8px; }

.rg-search { float: right; height: 42px; border: 3px solid #ffd800; border-radius: 50px; margin-top: 46px; position: relative; margin-right: 380px;}
.rg-search input { width: 240px; height: 26px; line-height: 26px; float: left; padding: 8px 22px; font-size: 16px; }
.rg-search button { width: 72px; line-height: 36px; float: left; font-size: 15px; color: #775300; background: #ffd800 url(../skin_img/pet.png) 50px 9px; border-radius: 50px; margin: 3px 3px 0 0; cursor: pointer; text-indent: 17px; text-align: left; }
.rg-search button:hover { background-color: #ffe764; color: #bd8400; }

.resou-box { position: absolute; left: 0; right: 0; overflow: hidden; top: 52px; color: #666; height: 20px; overflow: hidden; padding-left: 18px; }
.resou-box a { color: #666; }
.resou-box a:hover { color: #ff5a00; }
.resou-box a + a { margin-left: 14px; }

.mainmenu { height: 64px; background: #ffd800 url(../skin_img/menu_bg.png); position: relative; }
.mainmenu .psy { float: left; margin-top: 14px; }
.mainmenu .psy a { display: block; font-size: 18px; color: #222; text-align: center; line-height: 36px; padding: 0 20px; position: relative; }
.mainmenu .psy a:before, .mainmenu .psy a:after { display: none; content: ''; background: url(../skin_img/pet.png) -70px -39px; position: absolute; left: 0; top: 0; width: 9px; height: 36px; }
.mainmenu .psy a:after { left: auto; right: 0; background-position: -80px -39px; }
.mainmenu .psy a:hover, .mainmenu .psy a.on { color: #fff; background-color: #222; }
.mainmenu .psy a:hover:before, .mainmenu .psy a:hover:after, .mainmenu .psy a.on:before, .mainmenu .psy a.on:after { display: block; }

.menuwrap { position: relative; height: 64px; overflow: hidden; clear: both;}
.menuwrap dl { float: left; margin: 10px 0 0 70px; position: relative; }
.menuwrap dl.on dt a { color: #fff; background-color: #222; position: relative; }
.menuwrap dl.on dt a i { background-position: -341px -9px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: 18px; }
.menuwrap dl.on dt a:before, .menuwrap dl.on dt a:after { display: block; }
.menuwrap dt { float: left; cursor: pointer; height: 54px; }
.menuwrap dt a { font-size: 18px; color: #222; display: inline-block; line-height: 36px; padding: 0 16px; margin-top: 5px; }
.menuwrap dt a i { float: right; content: ''; width: 10px; height: 6px; background: url(../skin_img/pet.png) -341px -1px; margin: 17px 0 0 8px; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.menuwrap dt a:before, .menuwrap dt a:after { display: none; content: ''; background: url(../skin_img/pet.png) -70px -39px; position: absolute; left: 0; top: 0; width: 9px; height: 36px; }
.menuwrap dt a:after { left: auto; right: 0; background-position: -80px -39px; }
.menuwrap dd { margin-left: 0; width: 270px; float: left; }
.menuwrap dd a { font-size: 13px; color: #222; line-height: 22px; display: inline-block; margin-left: 15px; }
.menuwrap dd a:hover { color: #a73b00; }

.xiala-menu { position: absolute; left: 0; right: 0; top: 64px; background-color: #222; z-index: 5; }
.xiala-menu .wrap { display: none; padding-top: 30px; }
.xiala-menu .wrap.on { display: block; }
.xiala-menu dl { padding-left: 98px; position: relative; line-height: 26px; }
.xiala-menu dt { position: absolute; left: 0; top: 0; color: #fff; }
.xiala-menu dd a { display: inline-block; height: 26px; padding: 0 14px; position: relative; background-color: #3d3d3d; color: #bcbcbc; max-width: 88px; overflow: hidden; }
.xiala-menu dd a:before, .xiala-menu dd a:after { display: block; content: ''; width: 7px; height: 26px; background: url(../skin_img/pet.png) -258px 0; position: absolute; left: 0; top: 0; }
.xiala-menu dd a:after { left: auto; right: 0; background-position: -266px 0; }
.xiala-menu dd a:hover { background-color: #ffd800; color: #222; }
.xiala-menu li { width: 108px; height: 26px; float: left; margin-bottom: 15px; }
.xiala-menu .pbt { border-top: 1px solid #3d3d3d; margin-top: 24px; padding: 25px 0; }
.xiala-menu .pbt a { color: #fff; }
.xiala-menu .pbt a:hover { color: #ffd800; }
.xiala-menu .pbt a + a { margin-left: 55px; }

.mainslider { width: 100%; min-width: 1200px; position: relative; height: 340px; overflow: hidden; }
.mainslider .bd { width: 1200px; position: absolute; left: 50%; top: 0; margin-left: -600px; }
.mainslider .bd li { height: 340px; }
.mainslider .bd img { width: 1200px; height: 340px; }
.mainslider .bd a { display: block; }
.mainslider .tempWrap { overflow: visible !important; }
.mainslider .pn-btn { position: absolute; width: 100%; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0.3); }
.mainslider .pn-btn i { display: block; width: 19px; height: 36px; position: absolute; right: 50px; top: 50%; margin-top: -18px; background: url(../skin_img/pet.png) -23px -57px; }
.mainslider .pn-btn.prev { left: -50%; margin-left: -600px; }
.mainslider .pn-btn.next { left: 50%; margin-left: 600px; }
.mainslider .pn-btn.next i { left: 50px; background-position: -43px -57px; }
.mainslider .pn-btn:hover { background: rgba(0, 0, 0, 0.2); }

.main { width: 1200px; margin: 0 auto; margin-top: 28px; padding-bottom: 270px; }

.main-sort { width: 1200px; margin: 0 auto; position: relative; text-align: center; }
.main-sort ul { display: inline-block; position: relative; z-index: 1; }
.main-sort ul:before, .main-sort ul:after { display: block; content: ''; width: 442px; height: 20px; background: url(../skin_img/cwxz_bg.png) repeat-x; position: absolute; left: -463px; top: 50%; margin-top: -10px; }
.main-sort ul:after { left: auto; right: -463px; -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.main-sort ul.on:before, .main-sort ul.on:after { background-image: url(../skin_img/cwxz_yu.png); }
.main-sort li { float: left; position: relative; }
.main-sort li a { display: block; }
.main-sort li a.on, .main-sort li a:hover { background: url(../skin_img/pet.png) no-repeat -1px -97px; }
.main-sort li a.icon-mao { position: relative; }
.main-sort li a.icon-mao.on, .main-sort li a.icon-mao:hover { background: url(../skin_img/pet.png) no-repeat -59px -97px; }
.main-sort li a.tshide:before { display: block; content: ''; width: 112px; height: 54px; background: url(../skin_img/pet.png) -149px -78px; position: absolute; left: 55px; top: -23px; }
.main-sort li span { display: block; }
.main-sort .libg { position: absolute; height: 100%; background-color: #fff; left: -468px; z-index: 1; }
.main-sort .bg2 { left: auto; right: -463px; }
.main-sort .chose { margin: 10px 16px 0 16px; }
.main-sort .curicon { position: absolute; width: 272px; left: 50%; bottom: -13px; margin-left: -136px; height: 13px; }
.main-sort .curicon span { position: absolute; display: block; top: 0; left: 24px; }
.main-sort .curicon span:before { display: block; content: ''; width: 57px; height: 57px; border-radius: 60px; background-color: #ffd800; position: absolute; left: 50%; top: -61px; margin-left: -30px; }
.main-sort .curicon span.remo { -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -webkit-transition: all 0s ease-out; transition: all 0s ease-out; }
.main-sort .curicon span.on { left: 245px; }
.main-sort.cwsy { margin-top: 40px; }
.main-sort.cwsy ul:before, .main-sort.cwsy ul:after { height: 30px; margin-top: -14px; width: 500px; background: url(../skin_img/cwsy_rg.png) repeat-x; left: -500px; }
.main-sort.cwsy ul:after { background-image: url(../skin_img/cwsy_rg.png); left: auto; right: -500px; }
/*../skin_img/shipin_bg.png*/
/*../skin_img/shipin_rg.png*/
.main-sort.jcsp ul:before, .main-sort.jcsp ul:after { height: 23px; margin-top: -7px; width: 510px; background: url() repeat-x; left: -520px; }
.main-sort.jcsp ul:after { background-image: url(); left: auto; right: -520px; -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }

.main-tag { text-align: center; margin-top: 12px; }
.main-tag ul { display: inline-block; }
.main-tag li { float: left; }
.main-tag li + li { margin-left: 10px; }
.main-tag a { float: left; line-height: 26px; padding: 0 10px; background-color: #e6e6e6; position: relative; font-size: 12px; color: #222; min-width: 38px; }
.main-tag a:before, .main-tag a:after { display: block; content: ''; background: url(../skin_img/pet.png) 0 -31px; width: 7px; height: 26px; position: absolute; left: 0; top: 0; }
.main-tag a:after { left: auto; right: 0; background-position: -8px -31px; }
.main-tag a:hover { background-color: #ffd800; }

.main-infro { margin-top: 20px; }

.tag-list { width: 783px; float: left; }
.tag-list ul { margin: -18px 0 0 -33px; }
.tag-list li { width: 239px; float: left; margin: 18px 0 0 33px; position: relative; }
.tag-list li:hover .li-hover { opacity: 1; filter: alpha(opacity=100); }
.tag-list .lidiv { width: 239px; height: 178px; position: relative; overflow: hidden; }
.tag-list .lidiv img { min-width: 100%; height: 100%; -webkit-flex-shrink: 0; flex-shrink: 0; }
.tag-list .li-hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255, 216, 0, 0.7); opacity: 0; filter: alpha(opacity=0); -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.tag-list .li-hover a { float: left; margin: 24px 0 0 42px; position: relative; }
.tag-list .li-hover a span, .tag-list .li-hover a em, .tag-list .li-hover a i { display: block; margin: 0 auto; }
.tag-list .li-hover a em { color: #222; margin-top: 2px; }
.tag-list .li-hover a span { border: 2px solid #222; border-radius: 38px; width: 34px; height: 34px; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; -webkit-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; }
.tag-list .li-hover a:hover span { background: #222 url(../skin_img/pet.png) -31px -2px; box-shadow: 0 5px 12px 0 rgba(176, 50, 0, 0.3); }
.tag-list .li-hover a:hover span.icon-fang { background-position: -69px -2px; }
.tag-list .li-hover a:hover span.icon-you { background-position: -107px -2px; }
.tag-list .li-hover a:hover span.icon-jian { background-position: -145px -2px; }
.tag-list .phuang { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.tag-list .phuang a { display: block; height: 100%; width: 100%; margin: 0; }
.tag-list .txtdiv { text-align: center; margin-top: 8px; height: 40px; overflow: hidden; }
.tag-list .txtdiv a { display: inline-block; font-size: 18px; color: #222; line-height: 40px; position: relative; }
.tag-list .txtdiv a:before, .tag-list .txtdiv a:after { display: block; content: ''; position: absolute; width: 13px; height: 16px; background: url(../skin_img/pet.png) -36px -39px; left: -22px; top: 50%; margin-top: -7px; }
.tag-list .txtdiv a:after { left: auto; right: -22px; background-position: -50px -39px; }
.tag-list .txtdiv a:hover { color: #ff5a00; }
.tag-list .txtdiv a:hover:before { background-position: -90px -39px; }
.tag-list .txtdiv a:hover:after { background-position: -104px -39px; }

.baike-list { width: 366px; float: right; background-color: #f7f7f7; padding-bottom: 35px; }
.baike-list ul { padding: 0 35px; margin-top: 25px; }
.baike-list li { width: 100%; float: left; }
.baike-list li a { display: block; }
.baike-list li a:hover .ptit, .baike-list li a:hover .ptxt { color: #ff5a00; }
.baike-list li p { overflow: hidden; }
.baike-list li .ptit { font-size: 18px; color: #222; font-weight: bold; line-height: 40px; height: 40px; }
.baike-list li .ptxt { color: #666; line-height: 20px; height: 60px; overflow: hidden; }
.baike-list li + li { padding-top: 40px; background: url(../skin_img/baike_bg.png) repeat-x 0 20px; }

.baike-banner { background-color: #fff; height: 128px; position: relative; }
.baike-banner p img { width: 100%; display: block; }
.baike-banner p:before, .baike-banner p:after { display: block; content: ''; width: 3px; height: 24px; border-radius: 10px; background-color: #ebebeb; position: absolute; left: 12px; bottom: -8px; }
.baike-banner p:after { left: auto; right: 12px; }
.baike-banner a { display: block; position: absolute; width: 38px; line-height: 20px; border-radius: 20px; text-align: center; font-size: 12px; color: #fff; background-color: #ff9200; right: 10px; bottom: 27px; }
.baike-banner a:hover { background-color: #ff5a00; }
.baike-banner:before, .baike-banner:after { display: block; content: ''; width: 7px; height: 7px; border-radius: 10px; background-color: #fff; position: absolute; left: 10px; bottom: -12px; }
.baike-banner:after { left: auto; right: 10px; }

.chsy-list { margin-top: 20px; }
.chsy-list dl { width: 366px; float: left; }
.chsy-list dl + dl { margin-left: 50px; }
.chsy-list dt { height: 131px; padding: 18px 30px 0 30px; background: url(../skin_img/cwsy_bg1.png); position: relative; }
.chsy-list dd { border: 4px solid #ffeeeb; border-top: none; padding: 26px; height: 301px; }
.chsy-list .dl2 dt { background-image: url(../skin_img/cwsy_bg2.png); }
.chsy-list .dl2 .dt-top { color: #ff7f40; }
.chsy-list .dl2 .dt-tag a { background-color: #ffd6c2; color: #ff8045; }
.chsy-list .dl2 .dt-tag a:before { background-position: -214px 0; }
.chsy-list .dl2 .dt-tag a:after { background-position: -241px 0; }
.chsy-list .dl2 .dt-tag a:hover { background-color: #ff7f40; }
.chsy-list .dl2 dd { border-color: #fff1e1; }
.chsy-list .dl2 .divpre { color: #ff7f40; }
.chsy-list .dl2 .divhov a:hover .ptit { color: #f04f00; }
.chsy-list .dl2 .divhov .ptit { color: #ff7f40; }
.chsy-list .dl2 .divhov .ptxt { color: #ffc7ab; }
.chsy-list .dl3 dt { background-image: url(../skin_img/cwsy_bg3.png); }
.chsy-list .dl3 .dt-top { color: #a5c800; }
.chsy-list .dl3 .dt-tag a { background-color: #dbe6a4; color: #8ea22d; }
.chsy-list .dl3 .dt-tag a:before { background-position: -222px 0; }
.chsy-list .dl3 .dt-tag a:after { background-position: -231px 0; }
.chsy-list .dl3 .dt-tag a:hover { background-color: #a5c800; }
.chsy-list .dl3 dd { border-color: #f7f7e2; }
.chsy-list .dl3 .divpre { color: #94b300; }
.chsy-list .dl3 .divhov a:hover .ptit { color: #657b00; }
.chsy-list .dl3 .divhov .ptit { color: #94b300; }
.chsy-list .dl3 .divhov .ptxt { color: #c0d263; }
.chsy-list .dt-top { position: relative; height: 76px; padding-left: 163px; color: #ff634a; }
.chsy-list .dt-top .picon { position: absolute; left: 10px; top: 0; }
.chsy-list .dt-top .ppin { font-size: 14px; }
.chsy-list .dt-top .pzhong { font-size: 30px; font-weight: bold; }
.chsy-list .dt-top .pbt { font-size: 12px; }
.chsy-list .dt-tag { margin-top: 10px; height: 26px; overflow: hidden; }
.chsy-list .dt-tag a { display: inline-block; font-size: 12px; color: #ff634a; line-height: 26px; padding: 0 12px; position: relative; background-color: #ffd6cf; }
.chsy-list .dt-tag a:before, .chsy-list .dt-tag a:after { display: block; content: ''; width: 7px; height: 26px; background: url(../skin_img/pet.png) -205px 0; position: absolute; left: 0; top: 0; }
.chsy-list .dt-tag a:after { left: auto; right: 0; background-position: -250px 0; }
.chsy-list .dt-tag a:hover { background-color: #ff634a; color: #fff; }
.chsy-list .dt-tag a + a { margin-left: 5px; }
.chsy-list li { width: 100%; float: left; }
.chsy-list li.on .divpre { display: none; }
.chsy-list li.on .divhov { display: block; }
.chsy-list .divpre { font-size: 14px; color: #ff8370; line-height: 38px; height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chsy-list .divpre i { float: left; margin: 16px 8px 0 0; }
.chsy-list .divhov { height: 75px; padding: 18px 0; padding-left: 120px; position: relative; display: none; }
.chsy-list .divhov .pimg { position: absolute; left: 0; top: 18px; width: 100px; height: 75px; overflow: hidden; }
.chsy-list .divhov .pimg img { min-width: 100%; height: 100%; -webkit-flex-shrink: 0; flex-shrink: 0; }
.chsy-list .divhov a { display: block; }
.chsy-list .divhov a:hover .ptit { color: #f32200; }
.chsy-list .divhov p { overflow: hidden; }
.chsy-list .divhov .ptit { font-size: 16px; color: #ff634a; line-height: 30px; min-height: 60px; }
.chsy-list .divhov .ptxt { color: #ffc4ba; line-height: 24px; height: 48px; }

.pet-sort { margin-top: 35px; }
.pet-sort dl { width: 365px; float: left; }
.pet-sort dl + dl { margin-left: 50px; }
.pet-sort dt { height: 92px; position: relative; padding-left: 210px; color: #222; }
.pet-sort dt .pimg { position: absolute; left: 40px; bottom: 0; }
.pet-sort dt .pimg img { display: block; }
.pet-sort dt .ptit { font-size: 30px; font-weight: bold; padding-top: 25px; }
.pet-sort dd { height: 130px; padding: 30px 20px 30px 144px; position: relative; background-color: #f7f7f7; }
.pet-sort dd .pimg { position: absolute; left: 20px; top: 30px; width: 110px; height: 130px; overflow: hidden; }
.pet-sort dd .pimg a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.pet-sort dd .pimg img { min-width: 100%; height: 100%; -webkit-flex-shrink: 0; flex-shrink: 0; }
.pet-sort dd .ptxt { line-height: 34px; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pet-sort dd .ptxt a { color: #222; }
.pet-sort dd .ptxt a.on { color: #ff5a00; }
.pet-sort dd .ptxt:hover a { color: #ff5a00; }

.hiden { opacity: 0; filter: alpha(opacity=0); z-index: 0 !important; }

.fanyan-title { text-align: center; margin-top: 60px; padding-bottom: 8px; border-bottom: 2px solid #ededed; }
.fanyan-title ul { display: inline-block; position: relative; }
.fanyan-title li { float: left; position: relative; z-index: 1; }
.fanyan-title li + li { margin-left: 20px; }
.fanyan-title li a { float: left; padding: 0 15px; line-height: 33px; position: relative; font-size: 16px; }
.fanyan-title li a:before, .fanyan-title li a:after { display: block; content: ''; background: url(../skin_img/pet.png) 0 -60px; width: 8px; height: 33px; position: absolute; left: 0; top: 0; }
.fanyan-title li a:after { left: auto; right: 0; background-position: -10px -60px; }
.fanyan-title li a.on, .fanyan-title li a:hover { background-color: #ffd800; }
.fanyan-title li a.on { font-size: 20px; }

.fanyan-list { padding-bottom: 40px; min-height: 230px; }
.fanyan-list ul { margin-left: -80px; }
.fanyan-list li { float: left; width: 215px; padding-left: 120px; height: 75px; position: relative; margin: 40px 0 0 80px; }
.fanyan-list li p { overflow: hidden; }
.fanyan-list li a { display: block; }
.fanyan-list li a:hover .ptit { color: #ff5a00; }
.fanyan-list li .pimg { position: absolute; left: 0; top: 0; width: 100px; height: 75px; overflow: hidden; }
.fanyan-list li .pimg img { min-width: 100%; height: 75px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.fanyan-list li .ptit { font-size: 16px; color: #222; line-height: 30px; height: 30px; }
.fanyan-list li .ptxt { color: #999; line-height: 24px; height: 48px; }

.footer { background: url(../skin_img/footer_bg.png); margin-top: 50px; position: absolute; left: 0; right: 0; bottom: 0; }
.footer .plogo { text-align: center; padding: 42px 0; }
.footer .plogo img { width: 120px; }
.footer .pbt { font-size: 12px; color: #363636; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.1); }
.footer .pbt span + span { margin-left: 35px; }
.footer .pbt a { color: #222; }
.footer .pbt a:hover { color: #000; }
.footer .pbt a[href='/map/'] { font-size: 14px; }

.errorbox { text-align: center; padding: 200px 0 270px 0; }
.errorbox .pnone { font-size: 24px; margin: 25px 0 10px 0; }
.errorbox .pback { font-size: 16px; }
.errorbox .pback a { color: #ff3600; }
.errorbox .pback a:hover { color: #ff8868; }

.pz-choose .xiala-menu { position: static; background: none; }
.pz-choose .xiala-menu dl { padding-left: 116px; }
.pz-choose .xiala-menu dt { color: #222; font-weight: bold; }
.pz-choose .xiala-menu dd a { background-color: #e6e6e6; color: #222; }
.pz-choose .xiala-menu dd a span, .pz-choose .xiala-menu dd a em { float: left; padding: 0; }
.pz-choose .xiala-menu dd a em { display: none; background-color: #ffc400; }
.pz-choose .xiala-menu dd a:hover { background-color: #ffd800; }
.pz-choose .xiala-menu dd a:hover em { background-color: #ff8400; }
.pz-choose .xiala-menu dd a:before { background-position: 0 -31px; }
.pz-choose .xiala-menu dd a:after { background-position: -8px -31px; }
.pz-choose .xiala-menu dd a.on { background-color: #ffd800; padding-right: 0; }
.pz-choose .xiala-menu dd a.on span { padding-right: 7px; }
.pz-choose .xiala-menu dd a.on em { display: block; }
.pz-choose .xiala-menu li { width: 134px; }

.choose-lf { width: 920px; float: left; }

.choose-tit { padding-bottom: 16px; height: 62px; border-bottom: 2px solid #ededed; margin-bottom: 30px; }
.choose-tit .pcho { float: left; line-height: 57px; width: 116px; color: #222; font-weight: bold; }
.choose-tit ul { float: left; position: relative; }
.choose-tit ul p { position: absolute; left: 0; right: 0; bottom: -4px; }
.choose-tit ul p span { position: absolute; display: block; top: 0; left: 25px; }
.choose-tit ul p span.on { left: 101px; }
.choose-tit li { float: left; width: 57px; height: 62px; }
.choose-tit li a { display: block; }
.choose-tit li a.on, .choose-tit li a:hover { background: url(../skin_img/pet.png) no-repeat -1px -97px; }
.choose-tit li a.icon-mao.on, .choose-tit li a.icon-mao:hover { background: url(../skin_img/pet.png) no-repeat -59px -97px; }
.choose-tit li + li { margin-left: 18px; }

.cho-search { float: right; height: 32px; border: 2px solid #e6e6e6; border-radius: 50px; margin-top: 20px; padding-right: 2px; }
.cho-search input { width: 220px; padding: 5px 18px; height: 22px; line-height: 22px; }
.cho-search button { width: 56px; line-height: 28px; border-radius: 30px; background-color: #e6e6e6; text-align: center; color: #666; cursor: pointer; }
.cho-search button:hover { background-color: #222; color: #fff; }

.choose-rg { width: 230px; float: right; margin-top: 20px; position: relative; }
.choose-rg ul { margin-left: -10px; padding: 15px 0 35px 0; min-height: 125px; }
.choose-rg li { float: left; margin: 15px 0 0 10px; }
.choose-rg li a { float: left; }
.choose-rg li a:hover em { background-color: #ff8400; }
.choose-rg li span, .choose-rg li em { float: left; }
.choose-rg li em { background-color: #ffc400; }
.choose-rg .pbtn { text-align: center; }
.choose-rg .pbtn a { color: #ff3600; }
.choose-rg .pbtn a:hover { color: #ff8868; }
.choose-rg .pbg { position: absolute; width: 224px; left: 13px; top: 13px; bottom: -13px; border: 3px solid #222; background-color: #ffd800; }
.choose-rg .whitbg { position: relative; background-color: #fff; padding: 24px 19px 16px 19px; border: 3px solid #222; }

.chosrg-tit { line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #222; position: relative; }
.chosrg-tit:before, .chosrg-tit:after { display: block; content: ''; width: 10px; height: 40px; background: url(../skin_img/pet.png) -118px -39px; position: absolute; left: 0; top: 0; }
.chosrg-tit:after { left: auto; right: 0; background-position: -129px -39px; }

.pubav { line-height: 26px; height: 26px; display: block; background-color: #ffd800; position: relative; }
.pubav span { padding: 0 7px 0 14px; min-width: 42px; text-align: center; color: #222; }
.pubav:before, .pubav:after { display: block; content: ''; width: 7px; height: 26px; background: url(../skin_img/pet.png) 0 -31px; position: absolute; left: 0; top: 0; }
.pubav:after { left: auto; right: 0; background-position: -8px -31px; }

.page { text-align: center; padding: 45px 0; }
.page a, .page span { display: inline-block; min-width: 40px; text-align: center; line-height: 40px; background-color: #f0f0f0; font-size: 18px; color: #222; margin: 0 2px; }
.page span, .page a:hover { background-color: #ffd800; }
.page em { margin: 0 8px; }
.page .atab { position: relative; text-indent: -9999px; }
.page .atab:before { display: block; content: ''; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -9px; width: 11px; height: 11px; border: 2px solid #222; border-left: none; border-bottom: none; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.page .atab.prev:before { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; }
.page.pad30 { padding: 0; }

.list-search { position: relative; margin: 30px 0; }
.list-search dl { border: 3px solid #222; background-color: #fff; position: relative; }
.list-search dl a { display: block; padding: 30px; padding-left: 243px; position: relative; height: 190px; }
.list-search dt { position: absolute; left: 30px; top: 30px; width: 183px; height: 190px; overflow: hidden; }
.list-search dt img { min-width: 100%; height: 190px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.list-search dd p { overflow: hidden; }
.list-search .ptit { line-height: 60px; height: 60px; font-size: 40px; color: #222; }
.list-search .pinfro { margin: 15px 0; }
.list-search .pinfro span { line-height: 30px; display: inline-block; }
.list-search .pinfro span em { float: left; background-color: #e6e6e6; padding: 0 23px; border-radius: 50px; margin-right: 8px; }
.list-search .pinfro span + span { margin-left: 33px; }
.list-search .ptxt { color: #999; line-height: 26px; height: 52px; }
.list-search .icon-re { position: absolute; right: 30px; top: 0; }

.seabg { position: absolute; left: 20px; right: -20px; top: 20px; bottom: -20px; border: 3px solid #222; background-color: #ffd800; }

.listsea-none { text-align: center; padding: 90px 0; }
.listsea-none .ptit { font-size: 24px; }
.listsea-none .pbtn { font-size: 16px; margin-top: 15px; }
.listsea-none .pbtn a { color: #ff3600; }
.listsea-none .pbtn a:hover { color: #ff8868; }
.listsea-none .ptips { font-size: 16px; color: #ff3600; margin-top: 15px; }
.listsea-none.padding { padding: 100px 0 130px 0; }

.detail-box { background-color: #fff; margin-top: 50px; padding: 40px 60px; position: relative; margin-top: -28px; }

.ding { position: absolute; left: 62px; bottom: -52px; }
.ding.rg { left: auto; right: 62px; }

.detail-top dl { padding-left: 310px; position: relative; height: 195px; }
.detail-top dt { position: absolute; left: 0; top: -86px; top: -27px; width: 250px; height: 260px; height: 202px; border: 10px solid #e6e6e6; overflow: hidden; background: #fff; }
.detail-top dt img { height: 202px; -webkit-flex-shrink: 0; flex-shrink: 0; display: block; }
.detail-top dd { position: relative; }
.detail-top .divtit { font-size: 40px; line-height: 42px; margin-bottom: 6px; font-weight: normal; }
.detail-top .divbg { position: absolute; top: -40px; right: 0; }

.ie8 .detail-top dt div { display: table; height: 100%; width: 100%; }
.ie8 .detail-top dt span { display: table-cell; vertical-align: middle; height: 100%; }
.ie8 .detail-top dt img { height: 202px; }

.body-hui { background: #f7f7f7; }

.xx-list ul { margin-left: -10px; }
.xx-list li { float: left; margin: 10px 0 0 10px; }
.xx-list p { float: left; }
.xx-list .plf { width: 72px; line-height: 30px; background-color: #e6e6e6; text-align: center; border-radius: 30px; margin-top: 5px; }
.xx-list .prg { width: 170px; margin-left: 8px; line-height: 20px; height: 40px; display: table; }
.xx-list .prg span { display: table-cell; vertical-align: middle; }

.detail-star { margin-top: 25px; }
.detail-star ul { margin-left: -133px; }
.detail-star li { float: left; margin: 25px 0 0 133px; }
.detail-star li p { float: left; }
.detail-star li p span { display: block; }
.detail-star li .prg { margin-left: 8px; }
.detail-star li .star { float: left; width: 173px; height: 32px; background: url(../skin_img/pet.png) -145px -37px; }
.detail-star li .star4 { background-position: -181px -39px; }
.detail-star li .star3 { background-position: -217px -39px; }
.detail-star li .star2 { background-position: -253px -39px; }
.detail-star li .star1 { background-position: -289px -39px; }
.detail-star li .star0 { background-position: -326px -39px; }

.infro-box { background-color: #fff; margin-top: 20px; padding-top: 30px; }

.infro-title { margin: 0 60px; padding-bottom: 20px; }
.infro-title ul { display: block; }
.infro-title a { font-size: 16px; }
.infro-title a.on { font-size: 20px; }

.infro-novel { padding: 0 58px 40px 58px; }

.novel-tit { font-size: 24px; font-weight: bold; text-align: center; padding-top: 58px; }
.novel-tit h1 { font-size: 30px; }

.novel-time { text-align: center; margin-top: 10px; }
.novel-time span { margin: 0 20px; color: #999; }

.novel-text { line-height: 34px; margin-top: 20px; }
.novel-text img { margin: 10px 0; width: auto !important; max-width: 90%; }
.novel-text a { color: #ff5a00; text-decoration: underline; }

.bz-text { text-indent: 2em; }

.pet-jieshao { margin: 30px 0; }
.pet-jieshao li { float: left; width: 246px; background: #fff url(../skin_img/libg1.png) right bottom no-repeat; padding: 40px 60px 35px 60px; }
.pet-jieshao li + li { margin-left: 50px; }
.pet-jieshao .libg2 { background-image: url(../skin_img/libg2.png); }
.pet-jieshao .libg3 { background-image: url(../skin_img/libg3.png); }
.pet-jieshao .ptit { margin-bottom: 10px; }
.pet-jieshao .ptxt { line-height: 36px; height: 36px; overflow: hidden; }
.pet-jieshao .ptxt a:hover { color: #ff5a00; }

.pubg { display: inline-block; padding: 0 17px; line-height: 33px; height: 33px; overflow: hidden; background-color: #ffd800; font-size: 20px; position: relative; font-weight: normal; }
.pubg:before, .pubg:after { display: block; content: ''; background: url(../skin_img/pet.png) 0 -60px; width: 8px; height: 33px; position: absolute; left: 0; top: 0; }
.pubg:after { left: auto; right: 0; background-position: -10px -60px; }
.pubg.little { line-height: 26px; height: 26px; padding: 0 11px; font-size: 14px; }
.pubg.little:before, .pubg.little:after { width: 7px; height: 26px; }
.pubg.little:before { background-position: 0 -31px; }
.pubg.little:after { background-position: -8px -31px; }
.pubg.mid { line-height: 32px; height: 32px; font-size: 14px; }
.pubg.mid:before, .pubg.mid:after { width: 8px; height: 32px; background-position: -300px 0; }
.pubg.mid:after { background-position: -310px 0; }

.tuijian-box { background-color: #fff; margin-top: 30px; padding: 30px 60px 44px 60px; }
.tuijian-box.mat50 { margin-top: 30px; }

.tuijian-list { margin-top: 20px; }
.tuijian-list ul { margin-left: -30px; }
.tuijian-list li { float: left; margin-left: 30px; }
.tuijian-list li a { display: block; }
.tuijian-list li a:hover .ptxt span { color: #ff5a00; }
.tuijian-list li a:hover .ptxt span:before { background-position: -286px 0; }
.tuijian-list li a:hover .ptxt span:after { background-position: -286px -15px; }
.tuijian-list .pimg { width: 165px; height: 124px; overflow: hidden; }
.tuijian-list .pimg img { min-width: 100%; height: 124px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.tuijian-list .ptxt { text-align: center; margin-top: 3px; height: 24px; overflow: hidden; }
.tuijian-list .ptxt span { display: inline-block; position: relative; font-size: 16px; color: #111; max-width: 165px; height: 24px; }
.tuijian-list .ptxt span:before, .tuijian-list .ptxt span:after { display: block; content: ''; position: absolute; width: 11px; height: 14px; background: url(../skin_img/pet.png) -274px 0; left: -22px; top: 50%; margin-top: -7px; }
.tuijian-list .ptxt span:after { left: auto; right: -22px; background-position: -274px -15px; }
.tuijian-list .daquan .pimg { width: 105px; position: relative; }
.tuijian-list .daquan .pimg img { min-width: 100%; width: 105px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.tuijian-list .daquan .pimg:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0px solid #222; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.tuijian-list .daquan a:hover .pimg:before { border-width: 4px; }
.tuijian-list .jscp-ul { margin: -35px 0 0 -48px; }
.tuijian-list .jscp-ul li { margin: 35px 0 0 48px; }
.tuijian-list .jscp-ul .pimg { width: 158px; height: 117px; }
.tuijian-list .jscp-ul .ptxt { width: 160px; }
.tuijian-list .xxsp-ul .ptxt { width: 165px; }
.tuijian-list .splb-ul .ptxt { font-size: 18px; }
.tuijian-list .splb-ul .playbg { top: 55px; }
.tuijian-list .splb-ul .icon-playcion { top: 72px; }

.tuinone-box { width: 835px; margin: 0 auto; }

.tuinone-list ul { margin: -18px 0 0 -28px; }
.tuinone-list li { margin: 18px 0 0 28px; }
.tuinone-list .lilast .pimg { position: relative; }
.tuinone-list .lilast .pimg:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0px solid #222; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; opacity: 0; filter: alpha(opacity=0); }
.tuinone-list .lilast a:hover .pimg:before { border-width: 4px; opacity: 1; filter: alpha(opacity=100); }
.tuinone-list .ptxt span { max-width: 95px; }
.tuinone-list .pimg { width: 144px; height: 108px; overflow: hidden; }
.tuinone-list .pimg img { min-width: 100%; height: 108px; -webkit-flex-shrink: 0; flex-shrink: 0; }

.jcsp-list li { position: relative; }
.jcsp-list .play { position: absolute; left: 50%; }
.jcsp-list .playbg { top: 33px; width: 50px; height: 50px; margin-left: -25px; border-radius: 50px; background-color: #1c1b1b; opacity: .3; filter: alpha(opacity=30); }
.jcsp-list .icon-playcion { margin-left: -7.5px; top: 51px; }
.jcsp-list .ptxt { font-size: 16px; line-height: 40px; height: 40px; }
.jcsp-list a:hover .ptxt { color: #ff5a00; }
.jcsp-list a:hover .playbg { opacity: .8; filter: alpha(opacity=80); }

.mat50 { margin-top: 50px; }

.result-box { margin-top: 70px; }

.tab-title { margin: 0; }

.result-list dl { padding-left: 245px; position: relative; margin-top: 30px; }
.result-list dt { position: absolute; left: 0; top: 0; width: 216px; height: 160px; overflow: hidden; }
.result-list dt img { min-width: 100%; height: 160px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.result-list dt a { display: block; }
.result-list dd { height: 160px; }
.result-list dd p { overflow: hidden; }
.result-list dd .pysj, .result-list dd .pyzz { display: inline-block; color: #999; margin-top: 12px; height: 20px; overflow: hidden; }
.result-list dd .pysj { float: right; }
.result-list dd .ptit, .result-list dd h2 { line-height: 32px; height: 32px; overflow: hidden; }
.result-list dd .ptit a, .result-list dd h2 a { font-size: 26px; font-weight: bold; }
.result-list dd .ptit a:hover, .result-list dd h2 a:hover { color: #ff5a00; }
.result-list dd .ptit a:hover em, .result-list dd h2 a:hover em { color: #ff5a00; }
.result-list dd .ptit .hong, .result-list dd h2 .hong { font-size: 24px; margin-right: 10px; }
.result-list dd .ptit em, .result-list dd h2 em { color: #ff3600; }
.result-list dd .ptit .pubg, .result-list dd h2 .pubg { vertical-align: text-bottom; background-color: #ffd6cf; font-size: 16px; color: #ff634a; margin-right: 8px; }
.result-list dd .ptit .sy, .result-list dd h2 .sy { background-color: #edddd1; color: #a68368; }
.result-list dd .ptit .yl, .result-list dd h2 .yl { background-color: #dbe6a4; color: #8ea22d; }
.result-list dd .ptit .hl, .result-list dd h2 .hl { background-color: #ffd6c2; color: #ff8045; }
.result-list dd .ptit .sp, .result-list dd h2 .sp { background-color: #C68DC8; color: #5C345E; }
.result-list dd .ptxt { color: #999; line-height: 26px; height: 78px; overflow: hidden; margin-top: 12px; }
.result-list dd .ptxt a { color: #d8bc24; margin-left: 5px; }
.result-list dd .ptxt a:hover { color: #ff5a00; }
.result-list dd .pyue { line-height: 23px; color: #999; margin-top: 13px; }
.result-list dd .pyue i { float: left; margin-right: 8px; }

.wzlb-list dl { margin-top: 50px; }

.main-lf { width: 783px; float: left; }

.main-rg { width: 366px; float: right; }
.main-rg .baike-list { float: none; }

.rg-box { margin-top: 30px; background: #f7f7f7 url(../skin_img/rgbox_bg.png) no-repeat; padding: 35px; }
.rg-box.yl { background-image: url(../skin_img/rgbox_yl.png); }
.rg-box.hu { background-image: url(../skin_img/rgbox_hu.png); }

.rg-title i { display: inline-block; vertical-align: text-top; margin-left: 4px; }
.rg-title span { font-size: 18px; font-weight: bold; display: inline-block; position: relative; }
.rg-title span:before { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 13px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(247, 247, 247, 0)), color-stop(100%, rgba(247, 247, 247, 0.8))); background: -moz-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.8) 100%); background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.8) 100%); }

.xun-list { margin-right: -30px; }
.xun-list ul { margin-left: -10px; }
.xun-list li { float: left; margin: 20px 0 0 10px; }
.xun-list li a { background-color: #e6e6e6; }
.xun-list li a:hover { background-color: #ffd800; }

.yiliao-list li { width: 100%; float: left; margin-top: 20px; height: 75px; }
.yiliao-list a { display: block; padding-left: 120px; position: relative; }
.yiliao-list a:hover .ptit { color: #ff5a00; }
.yiliao-list .pimg { position: absolute; left: 0; top: 0; width: 100px; height: 75px; overflow: hidden; }
.yiliao-list .pimg img { min-width: 100%; height: 75px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.yiliao-list p { overflow: hidden; }
.yiliao-list .ptit { font-size: 16px; line-height: 30px; height: 30px; }
.yiliao-list .ptxt { color: #999; line-height: 24px; height: 48px; }

.huli-list { margin-top: 5px; }
.huli-list li { width: 100%; float: left; line-height: 36px; height: 36px; overflow: hidden; }
.huli-list li a:hover { color: #ff5a00; }

.mat0 { margin-top: 0; }

.weizhi { width: 1200px; margin: 0 auto; line-height: 50px; color: #999; }
.weizhi a { color: #999; }
.weizhi span { display: inline-block; margin: 0 8px; vertical-align: middle; }

.novel-detail { background-color: #fff; }
.novel-detail .novel-tit { padding-top: 25px; }

.novel-yuesl { margin-top: 30px; margin-bottom: 30px; }
.novel-yuesl p { text-align: center; }
.novel-yuesl p span { display: inline-block; }
.novel-yuesl .ptxt { font-size: 18px; color: #888; margin-top: 5px; }

.pad30 { padding: 30px 0; }

.novel-other { margin-top: 30px; }
.novel-other p { float: left; width: 100%; line-height: 28px; height: 28px;}
.novel-other p a { font-size: 16px; }
.novel-other p a:hover { color: #ff5a00; }
.novel-other p + p { float: right; }

.novel-tab { background-color: #fff; margin-top: 30px; padding: 30px 60px; }

.novel-list { margin-top: 27px; }
.novel-list ul { margin-left: -35px; }
.novel-list li { width: 314px; line-height: 38px; height: 38px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; margin-left: 35px; }
.novel-list li i { display: inline-block; vertical-align: middle; margin-right: 8px; }
.novel-list li a { color: #666; }
.novel-list li a:hover { color: #ff5a00; }

.hui-rg .baike-list, .hui-rg .rg-box { background-color: #fff; }
.hui-rg .baike-banner { background-color: #f7f7f7; }
.hui-rg .baike-banner:before, .hui-rg .baike-banner:after { background-color: #f7f7f7; }
.hui-rg .rg-box { background-image: url(../skin_img/rghui_bg.png); }
.hui-rg .rg-box.yl { background-image: url(../skin_img/rghui_yl.png); }
.hui-rg .rg-box.hu { background-image: url(../skin_img/rghui_hu.png); }
.hui-rg .pubg.mid:before { background-position: -320px 0; }
.hui-rg .pubg.mid:after { background-position: -330px 0; }

.pinz-list { margin-top: 15px; }
.pinz-list ul { margin: 0 0 -27px -30px; }
.pinz-list li { width: 216px; float: left; margin: 0 0 27px 30px; }
.pinz-list li a:hover .ptxt span:before, .pinz-list li a:hover .ptxt span:after { background-position: -90px -39px; }
.pinz-list li a:hover .ptxt span:after { background-position: -104px -39px; }
.pinz-list .pimg { width: 216px; height: 160px; }
.pinz-list .pimg img { min-width: 100%; height: 160px; -webkit-flex-shrink: 0; flex-shrink: 0; }
.pinz-list .ptxt { margin-top: 5px; }
.pinz-list .ptxt span { font-size: 18px; }
.pinz-list .ptxt span:before, .pinz-list .ptxt span:after { width: 13px; height: 16px; background-position: -36px -39px; }
.pinz-list .ptxt span:after { background-position: -50px -39px; }

.shu { width: 100% !important; height: auto !important; }

.ie8 .mainslider .pn-btn { background: url(../skin_img/sliderbg.png); }
.ie8 .footer .pbt { background: url(../skin_img/sliderbg.png); }
.ie8 .page .atab { text-indent: 0; }
.ie8 .page .atab:before { display: none; }

.mapbox { padding: 35px 40px 40px 40px; background-color: #fff; }
.mapbox dl + dl { margin-top: 40px; }
.mapbox dt { font-size: 24px; color: #222; font-weight: bold; }
.mapbox dd { margin: 8px 0 0 -8px; }
.mapbox dd a { display: inline-block; padding: 0 17px; min-width: 57px; text-align: center; line-height: 34px; font-size: 14px; color: #222; position: relative; background-color: #e6e6e6; margin: 10px 8px 0 8px; }
.mapbox dd a:before, .mapbox dd a:after { display: block; content: ''; position: absolute; left: 0; top: 0; width: 9px; height: 34px; background: url(../skin_img/pet.png) no-repeat -355px 0; }
.mapbox dd a:after { left: auto; right: 0; background-position: -365px 0; }
.mapbox dd a:hover { background-color: #ffd800; }

.plink { text-align: center; margin: -23px 0 18px 0; }
.plink a { margin: 0 5px; }

.jbbk-choose { margin-top: 20px; }
.jbbk-choose .xiala-menu { overflow: hidden; }
.jbbk-choose .xiala-menu dl { padding-left: 80px; }
.jbbk-choose .xiala-menu dd { margin-right: -35px; }
.jbbk-choose .xiala-menu li { width: 105px; }

.jbbk-list dl { margin-top: 0; padding: 20px 0; }
.jbbk-list dl + dl { border-top: 1px dashed #e5e5e5; }
.jbbk-list dd { height: auto; }
.jbbk-list dd .ptxt { height: auto; }

#ad {width: 200px;height: 325px;background: url(/statics/images/help/wx2.png);position: absolute;left: 35px;top: 550px;z-index: 9999; /*bottom: 0;*/}
#top_down {float: right;position: relative;left: 60%;top: 40px;}
#top_down_show {width: 400px;position: absolute;top: 120px;z-index: 111;right: 150px;}
#top_down_show img{width: 180px}
.index-list {width: 500px;}
.index-list dl{height: 100px;}
.index-list dd{margin-left: -25px;}
.index-list img {height: 120px !important;width: 150px !important;margin-top: -20px !important;}
.index-title-other {background-color: rgb(255, 216, 0);font-size: 18px;display: block;width: 80px;  height: 40px; text-align: center;margin-left: 160px;line-height: 40px;border-radius: 50px}
.index-time {float: left !important;}
.index-title {font-size: 16px;display: block;}
/*# sourceMappingURL=pet.css.map */