/*
Theme Name: XRW2
*/

blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:400}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px "Microsoft YaHei","Microsoft YaCSimSu",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif;color:#333;outline:0}
a{color:#666}
a:hover{color:#333}
a,a:hover,a:visited{-webkit-transition:color .2s linear,background-color .3s linear,border-color .3s linear;-moz-transition:color .2s linear,background-color .3s linear,border-color .3s linear;-o-transition:color .2s linear,background-color .3s linear,border-color .3s linear;-ms-transition:color .2s linear,background-color .3s linear,border-color .3s linear;transition:color .2s linear,background-color .3s linear,border-color .3s linear}
html{
    background: #faf6f4;
}
.fright{float:right}

.load-more {
    clear: both;
    display: block;
}
.load-more a {display:block;color:#333;width:210px;height:44px;line-height:44px;padding-left:22px;margin:40px auto 0;text-align:left;border:1px solid #38322f;border-radius:5px;font-size:14px;background: url("f/icon-more.png") 146px center no-repeat #fff;}
.load-more a:hover {background-color:#c5947e;color:#fff;border-color:#c5947e}

.app{float: right;}

#h{
    background: #fff;
    height: 80px;
}
.h{
    overflow: hidden;
    width: 90%;
    min-width: 960px;
    margin: 0px auto;
    line-height: 30px;
    padding: 25px 0;
    position: relative;
    height: 30px;
}
.logo{
    float: left;
}
.logo a{
    color: #900;
    font-size: 30px;
    font-weight: bold;
}
.hnav{
    float: right;
}
.hnav span{
    border-left: 1px solid #ddd;
    margin: 0 10px;
    padding: 0 10px;
    border-right: 1px solid #ddd;
}
.hnav a,.hs1{
    font-size: 15px;
    color: #333;
    padding: 0 10px;
}
.hnav a:hover{
    color:#c4937e
}
.hnav span a{
    color: #333;
}
.hnav span a:hover{
    color: #900;
}

.hnav span a:nth-child(1){

}
.hnav span a:nth-child(2){
}
.hnav span a:nth-child(3){}
.hnav span a:nth-child(4){}



.hs{
    display: none;
    position: absolute;
    width: calc(100% - 200px);
    background: #fff;
    top: 0;
    right: 0;
}
.hs .s1{
    height: 30px;
    30px: 0;
    padding: 25px 0;
    line-height: 30px;
    text-align: right;
}
.hs .s2{
    width: 290px;
    line-height: 30px;
    height: 28px;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 0 5px;
    color: #900;
    font-size: 13px;
}
.hs .s3{
    height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    border: 1px solid #eee;
    color: #000;
    margin: 0 15px 0 0px;
    background: #ccc;
}
.hs .s3 i{
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
.hs .s4{
    font-size: 30px;
    line-height: 30px;
    color: #F26B7F;
    height: 30px;
    display: block;
    float: right;
    cursor: pointer;
    padding: 0 10px;
}
.hs1{
    float: right;
    cursor: pointer;
}
.hs1 i{font-weight: bold;background: #333;color: #fff;display: block;width: 30px;text-align: center;padding: 3px 0;border-radius: 3px;line-height: 16px;margin-top: 4px;}


#n{
    background: linear-gradient(to right,#111,#555);
}
.n{
    width: 90%;
    min-width: 960px;
    line-height: 55px;
    margin: 0 auto;
    height: 55px;
    overflow: hidden;
}
.n a{
    color: #fff;
    font-size: 15px;
    display: block;
    padding: 0 14px;
}
.n a:hover{background:#900;color:#fff}
.n .swiper-slide{width:auto;float:left}

.loop{
    width: 90%;
    min-width: 960px;
    margin: 20px auto 0;
}
.inloop{    margin: 30px auto 0;}
.inh0{margin-bottom: 50px;}

.tagh{
    overflow: hidden;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
}
.tagh_img{
    height: 150px;
}
.tagh_img img{
    width: 150px;
    border-radius: 150px;
}
.tagh_img span {
    display: block;
    overflow: hidden;
    height: 150px;
    width: 150px;
    margin: 0 auto;
    border-radius: 1000px;
}
.tagh p{
    margin: 10px 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #555;
}
.tagh p span{
    margin: 0 10px;
}
.fa{
    margin-right: 5px;
}
.tagh_name ,.tagh p a,.sttop_guanzhu .fa{
    color: #AD1D23;
}
.tagh_ct{}

.subscribed a,.subscribed .fa{color: #555 !important;}

.loop2{
    overflow: hidden;
    margin: 0 -1%;
}
.loop2 li{
    float: left;
    width: 14.66%;
    margin: 25px 1% 0;
    overflow: hidden;
    background: #fff;
    position: relative;
    padding-bottom: 10px;
}
.loop2 .img{
    display: block;
}
.loop2 .img span{
    height: 0px;
    padding-bottom: 150%;
    display: block;
    background: #fff;
}
.loop2 .img img{
    width: 100%;
    height: auto;
}
.loop2 .if{
    overflow: hidden;
    line-height: 18px;
    padding: 8px 12px;
    height: 18px;
}
 .if1 a{
    color: #AD1D23;
    padding: 0 2px;
    border-radius: 2px;
}
 .if1 a:hover{background:#AD1D23;color:#fff}
 .if3 a{}
 .if3 a:hover{ color: #AD1D23 !important;}

.loop2 .if1{
    float: left;
    margin-right: 5px;
}
.loop2 .if2{
    float: left;
}
.loop2 .if3{
    float: right;
    margin-right: -2px;
    width: 55px;
    overflow: hidden;
    height: 18px;
    text-align: center;
}
.loop2 .tit{
    border-top: 1px dashed #ddd;
    font-size: 13px;
    line-height: 20px;
    margin: 0 12px;
}
.loop2 .tit a{height:20px;display:block;overflow: hidden;margin-top: 10px;}
.loop2 .lip{
    position: absolute;
    bottom: 88px;
    left: 10px;
    background: rgba(0, 0, 0, 0.4);
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 100px;
    color: #fff;
}
.loop2 .tx {
    position: absolute;
    bottom: 88px;
    right: 10px;
    width: 51px;
    height: 51px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    overflow: hidden;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #fff;
}
.loop2 .tx img{
    width: 100%;
    height: auto;
}

.page_navi{clear:both;font-size:14px;overflow:hidden;text-align:center;margin: 15px 0 0;padding-bottom: 15px;}
.page_navi a,.page_navi span.page-numbers{background:#fff;border:1px solid #ddd;color:#999;display:inline-block;font-size:16px;padding:12px 25px;text-decoration:none;margin: 25px 5px 0px 5px;border-radius:2px;}
.page_navi .fa{margin:0}
.page_navi .current{background:#f17c67!important;color:#fff!important;border-color:#f17c67}
.page_navi a:hover{background:#eee none repeat scroll 0 0;color:#f17c67}
.prev,.next,.dots{display:none !important}




 .tt{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
 .tt h3{
    line-height: 40px;
    width: 100px;
    text-align: center;
    border-bottom: 2px solid #c4937e;
    font-size: 16px;
    color: #c4937e;
}
 .ttli{line-height: 40px;}
 .ttli a{font-size: 16px;color: #333;display: inline-block;text-align: center;border-bottom: #ebebeb;padding: 0 20px;}
 .ttli .no{color: #c4937e;border-bottom: 2px solid #c4937e;}
.tt h1{color: #c4937e;border-bottom: 2px solid #c4937e;font-size: 16px;text-align: center;padding: 0 10px;display: inline-block;height: 40px;line-height: 40px;}

.mtlist{
    overflow: hidden;
    margin: 0 -1%;
}
.mtlist .li{
    position: relative;
    width: 6.33%;
    margin: 25px 1% 0;
    float: left;
    background: #fff;
    text-align: center;
	border-radius:4px;overflow:hidden
}
.mtlist .li a{}
.mtlist .li span{
    height: 0px;
    display: block;
    padding-bottom: 100%;
    overflow: hidden;
}
.mtlist .li span img{
    width: 100%;
    height: auto;
}
.mtlist .li b{
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    display: BLOCK;
}
.mtlist .li i,.mtlist .li em{
    display: none;
}



.f{
background: #fff;
    text-align: center;
    margin-top: 25px;
    padding: 25px;
    font-size: 14px;
    border-top: 1px solid #ddd;
}

.wu{
    font-size: 14px;
    margin: 25px 0 0 1%;
    padding: 0 10px;
}



#login{
    margin: 60px auto 0;
    width: 90%;
    min-width: 960px;
    padding-bottom: 40px;
}
#login form{
    max-width: 640px;
    margin: 0 auto;
}

#login p{
}
#login h1{font-size: 20px;margin: 10px 0 20px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #555}
#wp-submit{
    display: block;
    width: 100%;
    margin-top: 10px;
}
.login label{font-size:12px;color:#999;width: 100%;display: block;margin-bottom: 7px;}
.login form .input{min-height: 30px;}
.login form{
    box-shadow: none;
    border: none;
    padding: 0;
}
	#login form p{
    margin-bottom: 10px;
    font-size: 14px;
}
	.message,#login_error{
    background: #fff;
    padding: 10px;
    font-size: 14px;
    color: red;
    margin-bottom: 20px;
    border-left: 3px solid red;
}
.message{}
.login #nav,#backtoblog{padding: 0 0px !important;}
#registerform input,.button-large{
    display: block;
    font-size: 14px;
    width: calc(100% - 12px);
    padding: 4px 5px;
    line-height: 20px;
    margin-top: 5px;
    border: 1px solid #999;
    border-radius: 3px;
}
.submit{    margin: 20px 0 0 0 !important;}
.yqm{
    border-left: 1px solid #AD1D23;
    margin-bottom: 10px !important;
    padding-left: 6px;
    background: #f2f2f2;
    padding: 010px;
}
.yqma{
    display: block;
    color: #AD1D23;
    font-size: 14px;
    line-height: 25px;
}
#invitation_code,#password,#repeat_password{margin-top: 7px !important;}
.forgetmenot label{    width: auto;
    display: inline-block;}


.button2 {
    width: 100%;
    padding: 10px 0;
    font-size: 20px;
    background: linear-gradient(to left,#555 ,#111);
    border: none;
    color: #fff;
    border-radius: 3px;
}

.zhuc{
    margin-top: 25px;
    font-size: 15px;
    text-align: center;
}
.zhuc a{
    color: #3b2e7e;
    margin: 0 10px;
}
#rememberme{
    float: left !important;
    width: 20px !important;
    margin-top: 3px !important;
}
.forgetmenot{}




.simg{
    position: relative;
    /*! background: #000; */
}
#image{
    overflow: hidden;
    width: 90%;
    margin: 0 auto 50px;
    min-width: 960px;
    max-width: 1800px;
}
.simg h1{width: 90%;margin: 30px auto 15px;font-size: 24px;min-width: 960px;max-width: 1800px;}
.simg img{width:100%;height:auto;min-height:400px;float:left;background: #000;}
.simg_bg123123{
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #ebebeb;
    text-align: center;
}
.simg_bg1_x{
    width: 100%;
    height: 350px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 3;
    background-image: linear-gradient(rgba(235, 235, 235, 0), rgba(235, 235, 235, 1));
    text-align: center;
    }
.sp{
    font-size: 16px;
    color: #777;
    text-align: center;
    line-height: 30px;
}
.sp i{
    color: red;
    font-style: italic;
    font-size: 20px;
    padding: 0 10px;
}
.sp .i1{margin-right:10px;}
.sp a{
    display: inline-block;
    padding: 0 20px;
    background: #c4937e;
    color: #fff;
    font-size: 14px;
    margin: 20px 12px 30px;
    border-radius: 3px;
}
.sp .a1{background:red}
.sp .a1:hover{background: #c4937e;}
.lg-sub-html{background: #000  !important;}

.s_fixb {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9;
}.s_fixb a{background: rgba(0,0,0,0.8);line-height: 35px;display: block;width: inherit;margin-top: 10px;color: #fff;padding: 0 10px;border-radius: 4px;font-size: 14px;min-width: 50px;}
.s_fixb a:hover{background: #f34747}
.s_fixb i{width: 15px;}
.heng{border-bottom: 1px solid #ddd;margin-bottom: 15px;margin-top: 30px;}



.huiyuan_zt{
    background: #fff;
    margin: 25px 0 0;
    padding: 15px;
}
.huiyuan_zt p{
    font-size: 14px;
    line-height: 25px;
}

.shengji{
 ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â  ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â line-height: 25px;
    position: relative;
}
.shengji label{
    margin-bottom: 10px;
}
.shengji select{
    border: 1px solid #aaa;
    height: 25px;
    width:150px;
    margin-bottom: 10px;
    cursor: pointer;
}
.shengji button{
    line-height: 32px;
    background: linear-gradient(to left,#555 ,#111);
    border: 1px solid #aaa;
    margin: 0px auto;
    border-radius: 3px;
    text-align: center;
    width: 224px;
    color: #fff;
    font-size: 16px;
}
#paymentForm{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.liuyan{
    margin-top: 25px;
}
#comment-form { overflow: hidden; } .cancel-comment-reply,.comment-reply { text-align: right; } .cancel-comment-reply a { color: #3b2e7e; font-size: 13px; margin-bottom: 10px; display: inline-block; } .comment-input { border: 1px solid #999; padding: 5px; width: calc(100% - 12px); border-radius: 3px; font-size: 14px; line-height: 20px; height: 98px; } .comment-submit { width: 100%; padding: 7px 0; font-size: 20px; background: linear-gradient(to left, #000, red); border: none; color: #fff; border-radius: 3px; margin-top: 10px; } .commentlist { } .commentlist .li { background: #fff; margin-top: 15px; padding: 10px; color: #bbb; } .commentlist .li a { color: #bbb } .commentlist .li .children li { background: #eee; margin-top: 15px; padding: 10px; } .commentlist .li .comment-content { padding: 10px 0; font-size: 14px; color: #000; } .comment-awaiting-moderation { display: none } .comment-body { overflow: hidden; line-height: 25px; position: relative; } .comment-date { float: right; } .nested-comment { background: #333 !important; margin: 0 !important; border-top: 1px solid #eee; } .nested-comment .comment-content{ color:#fff !important; } .comment-content img{ max-width: 200px; height: auto; display: block; margin-bottom: 5px; } .comment-author{ font-size:15px; } .insert-image{ margin-bottom: 10px; height: 25px; line-height: 25px; } .insert-image #image-url{ line-height: 25px; border: 1px solid #999; padding: 0 5px; border-radius: 3px; width: calc(100% - 84px); } .insert-image #insert-image-btn{ width: 60px; height: 26px; border: 1px solid #999; background: #fff; float: right; border-radius: 3px; } .lyp{ font-size: 14px; margin-bottom: 20px; background: #fff; padding: 10px; border-left: 2px solid red; }


.pcn{display:none}



@media screen and (max-width: 1024px){

	.mtlist .li b{font-size:13px;}
	.mn{display: none !important;}
	.pcn{display: block;}
	.n1{}
	
	#h{
    height: 50px;
}
	.h{
    padding: 10px 0;
    min-width: auto;
    width: 96%;
    text-align: center;
}
	.logo a{
    font-size: 24px;
}
	.hnav{
}
	.hnav span{
    border: magenta;
    margin: 0;
}
	.hnav a, .hs1{font-size: 12px;padding: 0;margin: 0 0 0 10px;}
	.hs1 i{
    margin: 5px 0 0;
}
	.hs{
    width: calc(100% - 100px);
}
	.hs .s1{
    padding: 10px 0;
}
	.hs .s4{
    padding: 0;
}
	.hs .s2{
    width: 150px;
}
	.loop{
    min-width: auto;
    margin: 10px auto 0;
    width: 96%;
}
	.loop2 li{
    width: 31.33%;
    margin: 10px 1% 0;
}
	.loop2 .tit a{
    height: 40px;
}
	.loop2 .lip,.loop2 .tx{
    bottom: 108px;
}
	
	.tt h1{
    line-height: 30px;
    height: 30px;
    font-size: 14px;
}
	.n{
    width: 98%;
    min-width: auto;
    line-height: 38px;
    height: 38px;
}
	.n a{
    font-size: 13px;
    padding: 0 3px;
}
	
	
	
	.ttli a{
    padding: 0 10px;
    font-size: 13px;
}
	.ttli{
    line-height: 28px;
}
	
	.mtlist .li{
    width: 14.66%;
    margin: 10px 1% 0;
}
	
	.f{
    margin-top: 20px;
    padding: 15px;
}
	.page_navi{
    margin: 0;
    padding-bottom: 0;
}
	.page_navi a, .page_navi span.page-numbers{
    margin: 20px 3px 0px 3px;
    padding: 6px 12px;
    font-size: 12px;
}
	.s_fixb{
    left: 10px;
    right: auto;
}
	#image{
    width: 100%;
    min-width: auto;
    margin: 0 auto 15px;
}
	
	
	.simg h1{
    width: 100%;
    min-width: auto;
    font-size: 15px;
    margin: 10px 1%;
    line-height: 18px;
}
	.sp{
    font-size: 13px;
}
	.sp .i1{
    font-size: 13px;
}
	.sp a{
    margin: 10px 15px 10px;
}
	.heng{
    margin-top: 15px;
}
	
	
	#login{
    width: 95%;
    min-width: AUTO;
    margin: 20px auto 0;
    padding-bottom: 20px;
}
	.simg img{min-height:250px}
	
	.hnav span a .fa{width:12px;}
	.huiyuan_zt{
    margin: 10px 0 0;
}
	.inloop{margin: 15px auto 0;}
	.inh0{margin-bottom:30px}
   .load-more a {
        margin: 15px auto 0;
    }
	

	.hs .s3{margin:0 7px}
	.hnav span {
        padding: 0;
    }
}



@media screen and (max-width: 767px){

.mtlist .li{width: 23%;}
.loop2 li {width: 48%; }

	
}



@media screen and (max-width: 340px){
    .hnav span {
        padding: 0 4px;
    }
    .hnav span a {
        margin: 0 0 0 5px;
    }
    .hs .s2 {
        width: 105px;
    }
	.hs .s3{margin:0 5px;}
	.hnav span a .fa{display:none}

}












