/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%;color:#999;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.h1{font-size:3rem}.h2{font-size:2rem}.h3{font-size:1.5rem}.h4{font-size:1.125rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.font-family-inherit{font-family:inherit}.font-size-inherit{font-size:inherit}.text-decoration-none{text-decoration:none}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.line-height-1{line-height:1rem}.line-height-2{line-height:1.125rem}.line-height-3{line-height:1.5rem}.line-height-4{line-height:2rem}.list-style-none{list-style:none}.underline{text-decoration:underline}.truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-reset{list-style:none;padding-left:0}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.left{float:left}.right{float:right}.fit{max-width:100%}.max-width-1{max-width:24rem}.max-width-2{max-width:32rem}.max-width-3{max-width:48rem}.max-width-4{max-width:64rem}.border-box{box-sizing:border-box}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0,.mx0{margin-left:0}.mx0{margin-right:0}.my0{margin-top:0;margin-bottom:0}.m1{margin:.5rem}.mt1{margin-top:.5rem}.mr1{margin-right:.5rem}.mb1{margin-bottom:.5rem}.ml1,.mx1{margin-left:.5rem}.mx1{margin-right:.5rem}
.my1{margin-top:.5rem;margin-bottom:.5rem}
.m2{margin:1rem}.mt2{margin-top:1rem}.mr2{margin-right:1rem}.mb2{margin-bottom:1rem}.ml2,.mx2{margin-left:1rem}.mx2{margin-right:1rem}
.my2{margin-top:1rem;margin-bottom:1rem}.m3{margin:1.5rem}.mt3{margin-top:1.5rem}.mr3{margin-right:1.5rem}.mb3{margin-bottom:1.5rem}
.ml3,.mx3{margin-left:1.5rem}.mx3{margin-right:1.5rem}.my3{margin-top:1.5rem;margin-bottom:1.5rem}.m4{margin:2rem}.mt4{margin-top:2rem}
.mr4{margin-right:2rem}.mb4{margin-bottom:2rem}.ml4,.mx4{margin-left:2rem}.mx4{margin-right:2rem}.my4{margin-top:2rem;margin-bottom:2rem}.mr6{margin-right:3rem}
.mxn1{margin-left:-.5rem;margin-right:-.5rem}.mxn2{margin-left:-1rem;margin-right:-1rem}.mxn3{margin-left:-1.5rem;margin-right:-1.5rem}
.mxn4{margin-left:-2rem;margin-right:-2rem}.ml-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.p0{padding:0}
.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0,.px0{padding-left:0}.px0{padding-right:0}.py0{padding-top:0;padding-bottom:0}
.p1{padding:.5rem}.pt1{padding-top:.5rem}.pr1{padding-right:.5rem}.pb1{padding-bottom:.5rem}.pl1{padding-left:.5rem}.py1{padding-top:.5rem;padding-bottom:.5rem}
.px1{padding-left:.5rem;padding-right:.5rem}.px15{padding-left:.75rem;padding-right:.75rem}.p2{padding:1rem}.pt2{padding-top:1rem}.pr2{padding-right:1rem}
.pb2{padding-bottom:1rem}.pl2{padding-left:1rem}.py2{padding-top:1rem;padding-bottom:1rem}.px2{padding-left:1rem;padding-right:1rem}.p3{padding:1.5rem}
.pt3{padding-top:1.5rem}.pr3{padding-right:1.5rem}.pb3{padding-bottom:1.5rem}.pl3{padding-left:1.5rem}.py3{padding-top:1.5rem;padding-bottom:1.5rem}.px3{padding-left:1.5rem;padding-right:1.5rem}.p4{padding:2rem}.p5{padding:3rem}.pt4{padding-top:2rem}.pr4{padding-right:2rem}.pb4{padding-bottom:2rem}.pl4{padding-left:2rem}.py4{padding-top:2rem;padding-bottom:2rem}.px4{padding-left:2rem;padding-right:2rem}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-14{width:10%}.col-15{width:11.1111%}.col-17{width:14.2857%}.col-2{width:16.66667%}.col-2-5{width:20%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width:40.06rem){.sm-col{float:left;box-sizing:border-box}.sm-col-right{float:right;box-sizing:border-box}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}}@media (min-width:52.06rem){.md-col{float:left;box-sizing:border-box}.md-col-right{float:right;box-sizing:border-box}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}}@media (min-width:64.06rem){.lg-col{float:left;box-sizing:border-box}.lg-col-right{float:right;box-sizing:border-box}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:40.06rem){.sm-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:52.06rem){.md-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:64.06rem){.lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.content-start{-ms-flex-line-pack:start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.content-center{-ms-flex-line-pack:center;align-content:center}.content-between{-ms-flex-line-pack:justify;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-last{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.border{border-style:solid;border-width:1px}.border-top{border-top-style:solid;border-top-width:1px}.border-right{border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px}.border-left{border-left-style:solid;border-left-width:1px}.border-none{border:0}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.hide{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media (max-width:40rem){.xs-hide{display:none}}@media (min-width:40.06rem) and (max-width:52rem){.sm-hide{display:none}}@media (min-width:52.06rem) and (max-width:64rem){.md-hide{display:none}}@media (min-width:64.06rem){.lg-hide{display:none}}.display-none{display:none}*{box-sizing:border-box}body{font-family:Arial,sans-serif;min-width:315px;overflow-x:hidden;font-smooth:always;-webkit-font-smoothing:antialiased}main{max-width:700px;margin:0 auto}p{padding:0;margin:0}.ampstart-accent{color:#003f93}#content:target{margin-top:calc(0px - 3.5rem);padding-top:3.5rem}.ampstart-title-lg{font-size:3rem;line-height:3.5rem;letter-spacing:.06rem}.ampstart-title-md{font-size:2rem;line-height:2.5rem;letter-spacing:.06rem}.ampstart-title-sm{font-size:1.5rem;line-height:2rem;letter-spacing:.06rem}.ampstart-subtitle,body{line-height:1.7rem;letter-spacing:normal}.ampstart-subtitle{color:#003f93;font-size:1rem}.ampstart-byline,.ampstart-caption,.ampstart-hint,.ampstart-label{font-size:.875rem;color:#4f4f4f;line-height:1.125rem;letter-spacing:.06rem}.ampstart-label{text-transform:uppercase}.ampstart-footer,.ampstart-small-text{font-size:.75rem;line-height:1.2rem;color:#999;}.ampstart-card{box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.h1,h1{font-size:3rem;line-height:3.5rem}
.h2,h2{font-size:1.5rem;line-height:2.5rem}
.h3,h3{font-size:1.5rem;line-height:2rem}
.h4,h4{font-size:1.125rem;line-height:1.4rem}
.h5,h5{font-size:.875rem;line-height:1.125rem}
.h6,h6{font-size:.75rem;line-height:1rem}
a,a:active,a:visited{color:inherit}
body{
    background: #fff;
    font-family:sans-serif;
    font-weight: 400;
    padding:0!important;
}
.ui.container{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 0 0!important;
}

h1,h2,h3,h4,h5,h6{
    text-transform: capitalize;
}

.modal-open {
    position: fixed;
    width: 100%;
    top: 0;
}

/*begin the own design*/
.ampstart-subtitle, body{
    line-height:1.15;
}
h1{margin:0;padding:0;}
.px0_5{padding-left:0.25rem;padding-right:0.25rem;}
.mxn0_5{margin-left:-0.25rem;margin-right:-0.25rem;}
.mt0_5{margin-top:5px;}
.my12{margin-top:14px;margin-bottom:10px;}
.mb10{
    margin-bottom:10px;
}
.mt1_5{
    margin-top:10px;
}
.font12{font-size:12px!important;}
.adtitle{color:#999!important;}
.uppercase{text-transform:uppercase;}
a{cursor: pointer}
#header_id{width:100%;
    height:35px;
    display: table;
    background-image:linear-gradient(to right, #e7ebe5 0%, #e6ede5 100%);
    box-shadow:0 1px 1px 0 #e6ede5;
}
#header_l{width: 100%;height:44px;background: #fff;}
#header_l .dot_text{
    display:inline-block;
    float:left;
    margin:3px 0 0;
    width:calc(100% - 60px);
    height:40px;
    line-height:40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#header_id h2{
    background:url(/images/logo.png?1) 0 7px no-repeat;
    background-size:100%;
    margin:0;
    width: 100%;
    text-align: center;
    font-size:0px;
    line-height:35px;
    color:#fff;
    text-transform: uppercase;}
header .menu_icon{
    width:44px;
    height:44px;
    background: url(/images/icon/list.png) no-repeat;
    background-size:25px;
    background-position: 10px 14px;
}
header .search{
    background: url(/images/icon/search.png?1) 9px 12px no-repeat;
    background-size: 22px;
    height: 44px;
    width: 44px;
    right: 0px;
    top: 0px;
}
.footer_side ul li {
    padding: 2px 0;
    display: block;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.uiOverlay {
    background-color: rgba(0,0,0,0.7);
    display: none;
    position: fixed;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 18;
}

.uiOverlay.active {
    display: block;
}

.group.blist{
    position:fixed;
    top:44px;
    left: -180px;
    height:calc(100% - 44px);
    background:#e1c9e6;
    z-index:1000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.group.blist.active{
    left:0;
}

.line-before{
    position: relative;
}

.line-before::before{
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to top, transparent 0%, #E5E5E5 100%);
    position: absolute;
    left: 0;
    top: 0;
}

.line-after::after{
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to bottom, transparent 0%, #E5E5E5 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.left_menu_list li{
    width: 100%;
    float: none;
    text-align: left;
    padding-left: 20px;
    padding-right: 15px;
    border-left: 5px solid transparent;
    position: relative;

}

.left_menu_list li p{
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    color: #fff;
}

.left_menu_list li a{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    height:50px;
    text-decoration: none;
}

.menu-top-con li .drop-down-icon{
    display: inline-block;
    width: 13px;
    height:8px;
    background: url("/images/icon/dropdown_white.png") no-repeat center/100%;
}

.menu-top-con li.active .drop-down-icon{
    background: url("/images/icon/dropdown_green.png") no-repeat center/100%;
}

.menu-top-con li p.active .drop-down-icon{
    transform: rotate(180deg);
}

.menu-top-con .menu-drop-down{
    padding-bottom: 16px;
    margin-top: -4px;
    display: none;
}

.menu-top-con .menu-drop-down a{
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 24px;
    position: relative;
    padding-left: 10px;
}

.menu-top-con .menu-drop-down a::before{
    content: '';
    width:3px;
    height:3px;
    background: #fff;
    border-radius:50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.menu-top-con li.active .menu-drop-down a::before {
    background: #6CB027;
}

.menu-top-con li.active{
    background-color: #fff;
    border-color: #6CB027;
}

.menu-top-con li.active p{
    color: #6CB027;
}

.menu-top-con li.active a{
    color: #6CB027 !important;
}

.bottom_menu_fix{
    height:auto;
    width: 100%;
}

.menu-top-con li::after{
    content: '';
    width: calc(100% + 5px);
    height: 1px;
    background: linear-gradient(to bottom, transparent 0%, #fff 100%);
    position: absolute;
    left: -5px;
    bottom: 0;
}

.bottom_menu_fix li::after{
    content: '';
    width: calc(100% + 5px);
    height: 1px;
    background: linear-gradient(to bottom, transparent 0%, #fff 100%);
    position: absolute;
    left: -5px;
    bottom: 0;
}

.top-nav{
    background: #a6d261;
    box-shadow:inset 0px 3px 16px 0px rgba(0, 0, 0, 0.15);
}
nav ul{list-style-type: none;height:40px;text-align: center}
nav ul li{width:33.3%;float:left;text-align: center;height:100%;position: relative;}
nav ul li:not(:last-child){}
nav ul li a{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 500;
    color: #fff!important;
    font-size: 14px;
}
nav ul li a:hover{color:#fff;font-weight: bold;}
@media (max-width:320px){
    nav ul li:not(:last-child){margin-right: 0;}
    .left_menu_list li a,.left_menu_list li p{
        height: 40px;
        line-height: 40px;
    }
}
.top-nav-active
{color:#fff;
    font-weight: bold;
    /*border-bottom:3px solid #a6d261;*/
}
.top-nav-active:after{content:'';position:absolute;width:40px;height:2px;background: #a6d261;margin-left: -46%; margin-top: 38px;  }

.top-nav-active-f1{color:#fff;font-weight: bold;}
.top-nav-active-f1:after{content:'';position:absolute;width:35px;height:2px;background: #a6d261;margin-left: -31%; margin-top: 38px;  }
a.top-nav-active-f2{color:#fff;font-weight: bold;font-size:14px;}
a.top-nav-active-f2:after{content:'';position:absolute;width:40px;height:2px;background: #a6d261;margin-left: -36%; margin-top: 38px;  }

.ad320x100{
    width:320px;
    height:100px;
}
.ad_h100{
    width:100%;
    height:100px;
}
.ad300x250{
    width:300px;
    height:250px;
}
/*body*/
.con-scroll
{overflow-x:scroll;display:-webkit-box;height:90px;margin: 5px 0;  overflow-y: hidden; }
.con-scroll li{
    background: transparent;
    width: 130px;
    /*height:90px;*/
    margin-right: 10px;
    position: relative;border-radius: 2px;
    overflow:hidden;
}
.con-scroll li a{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
}
.con-scroll li a img{
    height:100%;
    width:100%;
}
.con-scroll li .fit{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:flex;
    overflow: hidden;
    background:rgba(0, 0, 0, 0.3);
}
.con-scroll li .fit span{
    color:#fff;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
    font-size:12px;
    line-height:16px;
    margin: 0 auto;
    align-self: center;
    padding:10px;
}
.con-scroll li img{width: 100%;height: 100%;border-radius: 4px;}
.see-more{
    float:right;
    margin-right:15px;
    font-size:12px;
    font-weight:500;
    color:#999;
}
.see-more:after{
    content:'>';
    position: absolute;
    margin-top: 0px;
    margin-left:5px;
}
.suggestion{
    height: 45px;
    margin:19px 0 15px 0;
    width: 100%;
    background-color:#fff;
}
.suggestion:before{content:url(/icon/breed_micons/cat.png?1);     margin-top: -8px;  position: absolute; }
.suggestion:after{
    content:url(/icon/breed_micons/weibiaoti.png);
    position: absolute;
    margin-top:11px;
    right:30px;
}
.suggestion span{
    width:100%;
    text-align: center;
    display: inline-block;
    color:#000;
    font-size: 12px;
    font-weight: 500;
    z-index: 999;
    position: absolute;}
.content{
    box-shadow: none!important;}
.content .dog_item{
    position: relative;
    display: inline-block;
    padding:0 0 8px;
    width:100%;
    background: #fff;
}
.border_shadow{
    border:1px solid rgba(0, 0,0,0.2);
}
/*.content div:nth-child(2n+1){margin-right:1%}*/
.content div img{
    width: 100%;
}
.content div h5{
    font-size: 12px;
    color:#111;
    text-transform: capitalize;
    padding:12px 12px 5px;
    width: 100%;
    position: relative;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.content div p{font-size:11px;color:#999;font-weight:500;
    padding:0 12px 5px;
    width: 100%;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*categories*/
.index-middle{height:205px;border-radius:4px;margin-bottom:5px;background: #fff;border-radius: 6px;}
.index-middle img{width: 100%;height:auto;max-height:170px;border-radius:6px 6px 0 0;}
.index-middle h3{
    font-size: 12px ;color:#333;font-weight:500;
    text-transform: capitalize;margin:10px 15px 0 15px;
    white-space: nowrap;overflow-x: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    line-height:14px;
}
.index-middle p{font-size:12px;color:#999;font-weight:500;text-transform: capitalize;margin:0 0px 15px 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.index-middle i{width:14px;height:14px;    background: url(/icon/breed_micons/wenhao@2x.png) no-repeat;  display: inline-block; margin: 0 0 -4px 5px;}
.index-middle span{width: 90%;  display: inherit;  overflow: hidden;  text-overflow: ellipsis;height:30px;}
.index-middle span:last-child{   width: 30px;height:24px; float: right;  margin-top: -30px;background: url(/icon/breed_micons/weibiaoti.png) no-repeat;background-size:50%;}
.category-content{box-shadow: none!important;}
.category-content .category_item{
    margin-bottom:10px;
    height:90px;
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    box-shadow:2px 2px 6px 2px rgba(0,0,0,0.16);
}
.category_item .right_content{
    position:relative;
    width:52%;
    height:100%;
}
.category_item .see_more{
    width:100px;
    height:30px;
    border-radius:3px;
    color:#fff;
    line-height:30px;
    font-size:12px;
    text-align:center;
    background:#a6d261;
    position:absolute;
    bottom:3px;
    left:30px;
}
.category-content div{
}
.category-content div .img{height:100%;display: inline-block;
    overflow:hidden;
    width: 48%;
    float:left;
    border-radius: 6px 0 0 6px;}
.category-content div .img img{
    width:100%;
    height:100%;
}
.category-content div h3,.category-content div h4{
    margin:0px 15px 0 15px;
    font-weight: 500;
    font-size: 13px;
    color:#111;
    height:70%;
    display:flex;
    line-height:20px;
}
.category-content div h3 span{
    align-self: center;
    display: inline-block;
    text-transform: capitalize;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.category-content div h3 i{
    width:22px;height:22px;    background: url(/icon/breed_micons/wenhao@2x.png) no-repeat;
    position: absolute; margin:2px 0 5px -18px;
}
.category-content div h4{font-size:11px;  font-weight:500;color:#90bd49;text-transform: inherit;margin-top:5px;}
.category-content hr{margin:6px 10px 8px;border-top:1px solid #ececec;border-bottom:none;}
.category-content div p{margin:0 5px 0 10px;  font-size:12px;  overflow: hidden;  text-overflow: ellipsis;  font-weight: 500;  color: #aaa;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  max-height: 31px;line-height: 16px;  }
.category-content p:last-child{font-size:11px;text-align: right;margin-top:5px;}

i.more_dots{
    position:absolute;
    right:15px;
    bottom:15px;
    width:4px;
    height:14px;
    background:url(/images/icon/more_dots.png);
    background-size:100%;
}
.views_cont{
    position:absolute;
    left:15px;
    bottom:15px;
}
.views_cont i.views{
    display:inline-block;
    width:15px;
    height:8px;
    background:url(/images/icon/eye.png);
    background-size:100%;
}
.views_cont span{
    font-size:12px;
    color:rgba(153, 153, 153, 1);
}

/*breedslist*/
.con-picture{
    width:100%;
    height:128px;
    overflow:hidden;
    z-index:10;}
.con-picture .bg1{
    z-index:11;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
.con-picture .bg2{
    z-index:12;
    background: rgba(0,0,0,0.6);
}
.con-picture .bg1,.con-picture .bg2{
    width:100%;
    height:100%;
}
.con-picture .image img{
    width: 100%;
    height:100%;
}
.detail-top-box{
    width:100%;
    height:100%;
    z-index:13;
}
.detail-top-box .left_section{
    padding:0 10px 0 20px;
}
.detail-top-box h1,.detail-top-box h2{
    color:#fff;
    text-transform: uppercase;
}
.detail-top-box .image{
    padding:0 20px 0 0;
    height:97px;
    overflow:hidden;
    margin:0 0 10px;
}
.detail-top-box h2{
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
}
.detail-top-box h2 span{
    margin-right:10px;
}
.detail-top-box p{
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    margin-top:8px;
    color:#bbb;
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
p.txt{
    font-size: 12px;
    color:#999;
}

a.read_more.less:after{
    content:URL(/icon/breed_icons/jiantou-b-g.png);
    position: absolute;
    margin-left: 10px;
    margin-top: 0px;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.oneline{
    overflow:hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
/*screen*/
.screen-content{background: #fff;height:100%;}
.nav-ads-ul li{padding:4px 4% 10px;border-bottom: 1px solid #f3f3f3;}
.nav-ads-ul.idx li{border-bottom: 10px solid #F5F5F5;}
.screen-content.idx{margin-bottom:-10px;}
.nav-ads-ul li:last-child{border-bottom:none;}
.nav-ads-ul li span{
    margin:5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: inline-block;
    color:#333;  font-weight: 500;
    max-width: 100%;  min-width: 30%;
    font-size: 12px;  white-space: nowrap;
    border:1px solid #BFBFBF;
    border-radius: 3px;
    width:100%;
    line-height: 35px;
    height: 35px;
    padding: 0px 12px;
}
.ads-submit{  margin-top:10px;  width: calc(100%  + 1px);  height: 40px;  display: table;  text-align: center;  background-color: #a6d261;  color: #fff;  font-size:16px;  font-weight: bold;  border-radius: 0;  }
.ads-submit span{  display: table-cell;  vertical-align: middle;  cursor: pointer;  }
.nav-ads-ul label{  cursor: pointer;}
.nav-ads-checkbox-active{ border-color:#a6d261!important;color:#7eb32b!important;}
.nav-ads-ul input[type=checkbox] {  display: none;  }
.nav-ads-ul h3{
    margin:10px 0 10px;
    font-weight: 700;
    color:#333;}
.screen-submit{width:100%;height:45px;bottom:0;}
.screen-submit span{float: left;width:50%;text-align: center;font-size:15px;font-weight:500;height:45px;padding-top:15px;  }
.screen-submit span:first-child{ color:#999;background: #f3f3f3;}
.screen-submit span:last-child{ color:#fff;background: #a6d261; }
.screen-submit span:hover{font-weight:bold;color:#fff;}
@media (max-width:320px){
    .nav-ads-ul li span{
        font-size: 10px;
    }
}
.nav-ads-ul li .flex .col-6 span{

}
/*details*/
.detail-container{margin:0 15px;box-shadow: none!important;}

.con-content{
    background:#fff;
    padding:10px 0px 10px;
}
.con-content tr td{
    height:27px;
    overflow: hidden;
    line-height:20px;
    text-overflow: ellipsis;
    padding-bottom: 6px;
}
.con-content tr td:nth-child(2n+1){color:#333;font-size: 12px;font-weight:bold;margin-right:10px;display: inline-block;}
.con-content tr td:nth-child(2n){font-size:11px;font-weight:500;color:#666;}
.con-content tr td .dot{
    display:inline-block;
    width:4px;
    height:4px;
    background:#a6d261;
    margin:0px 15px 2px 8px;
}
div.fill{
    height:15px;
    width:100%;
    background:#f3f3f3;
}
/*hole config*/
.breed-info{background: #fff;margin-top:15px;padding:17px 15px 15px 15px;}
/*quick factors*/
.quick-factors{text-align: center;}
.quick-factors table{text-align: center;border:none;width:auto;display: inline-block;}
.quick-factors table td{ padding-bottom: 6px;}
.quick-factors table td:nth-child(2n+1){text-align: left;color:#333;font-weight: 500;font-size:12px;padding-right:33px;}
.quick-factors table td:nth-child(2n+1):before{content:'';position: absolute;background:#a6d261;width: 4px;height:4px;margin-top:7px;  margin-left:5px;}
.quick-factors .god-star i{background: url(/icon/breed_icons/xingxing.png) no-repeat; height: 14px; width: 14px;  display: inline-block;  vertical-align: middle;opacity: 0.8}
.quick-factors .god-star-i{background: url(/icon/breed_icons/xingxing-y.png) no-repeat;  opacity:1!important;}
.quick-factors table td h3.h5{
    text-transform:uppercase;
    font-size:12px;
    margin:0 0 0 22px;
}
@media (max-width:320px){
    .quick-factors table td:nth-child(2n+1){
        padding-right:13px;
    }
}
/*daily care*/
.bottom_border{
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
}
.daily-table table{text-align: center;width:100%;}
.daily-table table th,.breed-info table td{text-align: center;}
.breed-info-th-get{font-weight: bold!important;color:#000!important;}
.daily-table th span{display: inline-block;position: relative;}
.breed-info-th-get span:after{    content: "";  width: 80%;  height: 2px;  background: #a6d261;  position: absolute;   left:10%; margin-top:24px;}
.daily-table table th{cursor:pointer;font-size:12px;height:36px;color:#999;font-weight:500;min-width: 16%;}

.tab-contents{ counter-reset: index;height:100%;padding:10px 8%; width: 100%;  position: relative;  min-height: 100px; overflow: hidden;}
/*.tab-contents ul li{margin-top:20px;list-style: decimal-leading-zero;font-size:26px;color:#a6d261;margin-left: 43px;}*/
.tab-contents li{margin-left: 10px;list-style-type: disc;}
.tab-contents li p{display: inline-block;}
.tab-contents h2{font-weight: bold;color:#333;font-size:12px;text-transform: uppercase;}
.tab-contents p{  font-weight:500;font-size:12px;color:#666;margin-top:10px;}
.tab-contents ul,.tab-contents ol{margin-left: 10px;list-style-type: disc}
.index{display: block;margin-left:19px;}
.tab-contents .index:before{  content: "0"counter(index);
    counter-increment: index;
    display: inline-block;
    margin-top:3px;
    color: #63a200; font-size: 20px;  font-weight: bold;  text-align: center;  position: absolute;  left: 5%; }

/*footer*/
.footer_side{font-size:10px;text-align:center;font-weight: 500;color:#999;background: #f5f5f5;padding:5px 0 25px 0;margin-top:10px;}
.footer_side a:not(:last-child){margin-right: 6px;}
.footer_side p{font-size:10px;line-height: 1rem;padding:0 5px;}

/*page list*/
.page-list{width: 100%;height: 100%!important;float: left;position: relative;text-align:center;margin-top: 10px;padding:10px 0;background: #fff;}
.page-list a{text-decoration: none;font-weight: 500;color:#999;width: 22px;height:22px;display: inline-block;border-radius: 5px;font-size:12px;border:1px solid #e5e5e5;padding-top:2px;}
.page-disable:hover{color:#999!important;border:1px solid #e5e5e5!important;background: transparent!important;}
.page-list a:hover{color:#fff;background: #a6d261;border:none}
.page-active{color:#fff!important;background: #a6d261;border:1px solid #a6d261;}


.search_area{
    display:none;
    margin:6px 60px 0 0;
    width:calc(100% - 116px) !important;
    transition: width 0.3s;
}

#sr_searchbox{
    width:100%;
    border:1px solid #e5e5e5;
    font-size:12px;
    padding:3px 5px;
    line-height:24px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #ddd;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ddd;
}

.dog_item .image{
    overflow:hidden;
    width:100%;
}

.dog_item .image img{
    width:100%;
    height:100%;
    margin-left:0;
}

.dog_item.breed .image img{
    width:100%;
    height:100%;
    margin-left:0;
    display: block;
    object-fit: cover;
}

.header_back{
    font-size: 20px;
    float:left;
    text-align: center;
    width:40px;
    height:44px;
    display:inline-block;
    background:url(/images/icon/fanhui.png) 11px 14px no-repeat;
    background-size:30%;
}

.top_shadow{
    box-shadow:2px 2px 2px 15px rgba(256,256,256,0.8);
}

.dog_small_img_intro {
    font-size: 12px;
    text-transform: capitalize;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 14px;
    padding-right: 14px;
    color: #999999;

    display: block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dog_small_img {
    padding-right: 15px;
    border-radius:4px;
    margin-bottom: 14px;
}

.div_name {
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: left;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 14px;
    font-weight: bold;
    font-size: 14px;
}

.adtitle {
    border-bottom:0;
    padding:1px 0 2px 0;
    font-size: 12px;
    color: #999;
}

.view_more_square{
    display:block;
    width:100%;
    height:100%;
    background:url(/icon/breed_icons/zhuazi.png) 105% 103% #a6d261 no-repeat;
    background-size:50%;
    color:#fff;
}

.view_more_square div{
    color:#fff;
}

.view_more_square .h4{
    padding:45px 25px 5px;
}

.view_more_square .subtitle{
    padding:0px 25px 10px;
    font-size:13px;
    line-height:17px;
}

.view_more_square .right_arrow{
    margin:0 0 0 25px;
    width:50px;
    height: 26px;
    background: url(/icon/breed_icons/arrow.png) no-repeat;
}

.view_more_rect{
    display: flex;
    width: 100%;
    height: 100%;
    background: url(/images/bg/bg_paw_0.4.png) 109% 50% no-repeat;
    background-size: 37%;
    color: #fff;
    border-radius: 6px;
}

.view_more_rect .paw{
    align-self:center;
    width:42px;
    height:43px;
    background:url(/images/icon/paw.png) no-repeat;
    background-size:100%;
    display:inline-block;
    margin:0 10px 0 30px;
}

@media (max-width:320px){
    .view_more_rect .paw{
        margin:0 10px 0 11px;
    }
}

.view_more_rect div{

}

.view_more_rect .h3{
    align-self:center;
    display:inline-block;
    color:#6CB027;
    font-size:16px;
    font-weight:bold;
}

.view_more_rect .subtitle{
    padding:0px 30px 10px;
    font-size:14px;
    line-height:17px;
}

.view_more_rect .right_arrow{
    margin:25px 0 0 10px;
    width:50px;
    height: 26px;
    float:left;
    background: url(/icon/breed_icons/arrow.png) no-repeat;
}

.breadcrumb .home{
    display:inline-block;
    width:25px;
    height:35px;
    background: url(/icon/breed_icons/tubiao15.png) 0px 10px no-repeat;
}

.breadcrumb .right_arrow{
    display: inline-block;
    width: 25px;
    height: 35px;
    background: url(/icon/breed_icons/cs-xy-1.png) 0 17px no-repeat;
    text-align: center;
    opacity: 0.7;
}

.breadcrumb .inline-block{
    margin:2px auto 0;
    height: 35px;
    line-height:35px;
    text-decoration:none;
}

.screen-content.dialog{
    display:none;
    background:#f5f5f5;
    position:fixed;
    top:84px;
    right:0;
    width:85%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-top:0px;
    z-index:19;
}

.screen-content.dialog ul{
    margin-bottom:80px;
}

.screen-content.dialog .screen-submit{
    width:90%;
}

.screen-content.dialog.active{
    display:block;
}

.nav-ads-ul.layer li{
    border-bottom:10px solid #eeeeee;
}

.screen-content .close_btn{
    width:38px;
    height:36px;
    background: url(/images/closebtn.png) 10px 10px no-repeat;
    background-size: 50%;
    margin: 10px 0 0 -45px;
}

.scroll-container{
    overflow-y: scroll;
    height: 100%;
}

ins {
    margin-left: auto;
    margin-right: auto;
}


.loading{
    margin: 0 auto;
    text-align: center;
}

.loading img{
    width: 50px !important;
}

.shadow{
    position: fixed;
    left:0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    display: none;
    z-index: 9;
}

.div_float_name {
    text-align: center;
    opacity: 0.8;
    font-size: 0.8rem;
    margin: 0 auto;
    display: block;
    height: 20px;
    line-height: 20px;

    background: rgba(0,0,0,0.6);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-weight: bold;
}

.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.align_center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.justify_content{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header-nav{
    box-shadow:0px 3px 16px 0px rgba(0, 0, 0, 0.15);
}

/*nav_header**********************/
.header-nav{
    width: 100%;
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
}

.header-nav ul.nav_left{
    float: left;
}

.header-nav ul.nav_left li {
    float: left;
    display: block;
    height: 50px;
    position: relative;
}

.header-nav ul.nav_left li img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.header-nav ul.nav_left li.img_one img{
    width: 11px;
}

.header-nav ul.nav_left li.img_two img{
    width: 20px;
}
.header-nav ul.nav_left li.img_three{
    width: 40px;
}

.header-nav ul.nav_left li.img_three img{
    width: 24px;
}

.header-nav .nav_right{
    width: 100%;
    padding-left: 130px;
}

header.header_with_menu{
    width:100%;
    max-width:580px;
    margin:0 auto;
    z-index:1001;
}

.ad_border {
    width: 100% !important;
}

.word_con_list{
    padding: 20px 10px 0;
    text-align:center;
}

.w_tittle_list{
    font-size: 27px;
    font-weight: bold;
    color: rgba(51,51,51,1);
    line-height: 38px;
    text-transform:capitalize;
}

.word{

}

.word_b{
    margin: 0 9px 0 8px;
}

.word a{
    font-size: 13px !important;
    font-weight: 400;
    color: rgba(153,153,153,1);
    text-decoration: none;
}

.view_info_con{
    width: 100%;
    height: 30px;
    margin: 20px 0;
    position: relative;
}

.view_info_con::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to top, transparent 0%, #d2d2d2 100%);
}

.view_info_con::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to bottom, transparent 0%, #d2d2d2 100%);
}

.view_info_con p, .view_info_con a{
    font-size: 12px;
    color: #999;
}

.view_info_con p.title{
    max-width: calc(100% - 150px);
}

.view_info p:first-of-type{
    padding-right: 13px;
    margin-right: 13px;
    position: relative;
}

.view_info p:first-of-type::after{
    content: '';
    width: 1px;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, #d2d2d2 100%);
    position: absolute;
    top: 0;
    right: 0;
}

.view_info p img{
    margin-right: 7px;
}

.view_info p:first-of-type img{
    width: 16px;
}

.view_info p:last-of-type img{
    width: 11px;
    vertical-align: middle;
}

.desc_con{
    margin: 34px 15px;
}

.desc_con .desc{
    font-size:14px;
    color:rgba(51,51,51,1);
    line-height:26px;
    max-height: 231px;
    overflow: hidden;
}

.desc_con .desc.active{
    max-height: none;
}

.desc_con .readMoreBtn{
    font-size: 14px;
    color: #999;
    line-height: 23px;
    width: 100px;
    text-transform: capitalize;
}

.desc_con .readMoreBtn img{
    width: 11px;
    vertical-align: middle;
}

.desc_con .readMoreBtn.active img{
    transform: rotate(180deg);
}

.header-nav ul.nav_left li.img_one{
    width: 40px;
    margin-right: 1px;
}

.header-nav ul.nav_left li.img_two{
    width: 36px;
    margin-right: 7.5px;
}

.input input{
    width: 90%;
    margin: 0 auto;
    border-radius: 30px;
    line-height: 24px !important;
    padding: 3px 50px 3px 23px !important;
    border: none;
    outline: none;
    background: #E5E5E5;
    color: #333;
    font-size: 14px !important;
}

.nav_right .input input{
    margin-top: 10px;
}

.input input::-webkit-input-placeholder{
    color: #fff;
    font-size: 14px;
}

.input input::-moz-placeholder{
    color: #fff;
    font-size: 14px;
}

.input input:-ms-input-placeholder{
    color: #fff;
    font-size: 14px;
}

.img_search{
    position: absolute;
    right: 36px;
    top: -2px;
    bottom: 0;
    margin: auto;
    width: 17px;
}

.input{
    padding-right: 15px;
    padding-left: 14px;
    width: 100%;
    position: relative;
    height: 50px;
}

.txt_area{
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 30px;
    margin: 28px 0 66px;
    text-align: center;
    position: relative;
}

.txt_area_con{
    width: 92%;
    margin: 0 auto;
    color: #333;
    font-size: 12px;
}

.img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dog-warning{
    padding: 16px;
    background:rgba(242,222,222,1);
    border:1px solid rgba(235,204,209,1);
    font-size:12px;
    color:rgba(169,68,66,1);
    line-height:18px;
    margin: 0 20px 15px;
}


.ad-list-top-wrapper{
    width: 100%;
    padding: 10px 0;
    background-color: #f5f5f5;
}
header.header{
    background-image:linear-gradient(to right,#e1c9e6 0%,#f8d8b6 100%);
    box-shadow: 0px 0px 3px 0px #f8d8b6;
}
footer.flex{
    background:#2D3032;
    padding:30px 0;
}
footer div.hr{
    border-bottom:1px solid rgba(220,220,220,0.6);
}

/*********************/
/********03122006****/
.pc_container{
    max-width:1114px;
    margin:0px auto 0;
}
.pc_container .left_part{
    width:790px;
    float:left;
}
.pc_container .left_part .ad_auto,.pc_container .left_part .ad_mc{
    margin-left:10px;
}
.pc_container .right_part{
    width:300px;
    float:right;
    margin:15px 0;
}
.pc_container .right_part .ad_300x600_fixed{
    position: -webkit-sticky;
    position: sticky;
    top:20px;
}
.share_area #st-1{
    text-align:left;
}
.adhint span.title{
    font-size:12px;
    color:#777;
    position:absolute;
    top:-13px;
    left:0;
}

.footer_side{
    max-width:580px;
    margin:0 auto;
}
@media(min-width:728px){
    .ui.container{
        max-width:580px;
        padding:0 10px;
        margin-bottom:20px;
    }
}

.grey_bg{
    background:#e9e9e9;
}