/*
Theme Name: imgimg
*/

*{margin:0;padding:0;line-height:25px;font-style: normal;list-style: none;}
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}

html {
    margin: 0 auto;
    background: #333;
    max-width: 800px;
}
.index_bg {
    margin: 20px auto;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.topall{
}
.top{overflow: hidden;background: #ddd;height: 25px;padding: 15px 15px;}
.top .logo{
    float: LEFT;
    width: 70px;
}
.top .logo a{
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.top .s1{
    float: right;
    position: relative;
    width: 160px;
	
	
	
	
}
.top .s2{
    width: 155px;
    border: none;
    line-height: 25px;
    height: 25px;
    border-radius: 5px;
    padding: 0 0 0 5px;
    color: #900;
    background: #f1f1f1;
}
.top .s3{
    position: absolute;
    border: none;
    right: 0px;
    top: 0;
    line-height: 25px;
    font-size: 15px;
    background: #f1f1f1;
    width: 25px;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
}


.link{
    padding: 30px 0;
    text-align: center;
}
.link a{
    font-size: 15px;
    margin: 0 10px;
}



.topr{
    float: right;
    margin: 0 0 0 5px;
}
.topr a{
    margin-left: 15px;
    font-size: 18px;
    color: #333;
    float: right;
    cursor: pointer;
}



.fa{
    margin-right: 3px;
}






.n{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.n a{
    font-size: 14px;
    color:#333;
    float: left;
    width: 14.28%;
    text-align: center;
    line-height: 20px;
    padding: 15px 0;
}
.n a:hover{color:#000}
.n i,.n em{
    display: block;
    font-style: normal;
    line-height: 22px;
    height: 22px;
    background: #eee;
    width: 22px;
    margin: 0 auto;
    border-radius: 5px;
	
}
.n em{

}

.idex{
    overflow: hidden;
}
.idex_box{}

.flr{float: right;font-weight: normal !important;font-size: 14px !important;color: #333;display:none}




.tt{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 15px;
}
.ttli{
    float: right;
}
.ttli a{font-size: 16px;margin: 0 0 0 20px;padding-bottom: 5px;}
.ttli .no{
    color: #333;
    font-weight: bolder;
    border-bottom: 2px solid #000;
}
.tt h1{
    font-size: 16px;
    color: #666;
    float: left;
}

.utt .ttli{float:none}
.uindex{min-height:700px}
.pinfo{
    font-size: 14px;
    color: #111;
    margin: 15px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    border-radius: 5px;
    }
.pinfo p{
    border-bottom: 1px dashed #ddd;
    line-height: 45px;
    padding: 0 15px;
    color: #555;
}
.pinfo b{color:#333}
.utt .ttli .no{}
.utt .ttli a{margin: 0 20px 0 0;}





.idex_box ul{}
.lp1{
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    margin: 15px 15px 0 15px;
    padding-bottom: 15px;
}
.lp1 .tx{
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 15px;
}
.lp1 .tx a{
    display: block;
}
.lp1 .tx img{
    width: 100%;
}
.lp1 .fr{
    float: left;
    width: calc(100% - 115px);
}
.lp1 .name{}
.lp1 .name a{
    font-size: 16px;
    font-weight: bold;
}
.lp1 .tit{line-height: 18px;}
.lp1 .tit a{
    font-size: 14px;
    line-height: 18px;
}
.lp1 .img{
    overflow: hidden;
    margin-top: 10px;
    margin-right: -1%;
}
.lp1 .img div{
    float: left;
    width: 32.33%;
    margin-right: 1%;
}
.lp1 .img span{
    height: 0px;
    display: block;
    padding-bottom: 145%;
    background: #c3c3c3;
    overflow: hidden;
}
.lp1 .img img{
    width: 100%;
    height: auto;
}

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


.mtlist{
    margin-left: 15px;
    overflow: hidden;
}
.mtlist .li{
    float: left;
    width: calc(20% - 15px);
    margin: 15px 15px 0 0;
}
.mtlist .li a{
    display: block;
    position: relative;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
}
.mtlist .li span{
    height: 0px;
    display: block;
    overflow: hidden;
    padding-bottom: 100%;    border-radius: 5px;
}
.mtlist .li img{
    width: 100%;
    height: auto;
}
.mtlist .li b{
    font-size: 14px;
    display: block;
    line-height: 30px;
    height: 26px;
    overflow: hidden;
}
.mtlist .li i{font-style: normal;line-height: 15px;display: block;color: #999;}

.jglist{
    margin: 15px auto;
    background: #fff;
}
.jglist a{
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    height: 50px;
    position: relative;
}
.jglist a:hover{}
.jglist i{
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    background: #AD1D23;
    color: #fff;
    text-align: center;
    font-size: 28px;
    border-radius: 50px;
    margin-right: 12px;
    font-style: normal;
}
.jglist em{float: right;color: pink;border: 1px solid pink;font-size: 12px;padding: 0 5px;font-style: normal;border-radius: 3px;height: 28px;line-height: 28px;margin-top: 8px;}
.jglist span{
    line-height: 50px;
    font-size: 18px;
    color: #333;
}

.tagtop{
    padding: 15px;
    line-height: 55px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.tagtop .tx{
    float: left;
    width: 65px;
    height: 65px;
    border-radius: 100px;
    overflow: hidden;
}
.tagtop .tx span{
    height: 0;
    display: block;
    padding-bottom: 100%;
    overflow: hidden;
}
.tagtop .tx img{
    width: 100%;
}
.tagtop .name{
    float: left;
    line-height: 55px;
    font-size: 20px;
    margin-left: 15px;
}
.tagtop .pics{
    float: right;
    line-height: 55px;
    font-size: 16px;
    color: #999;
}
.tagtop .gz{
    float: right;
    margin-left: 30px;
    height: 25px;
    margin-top: 15px;
}
.tagtop .gz span{
    cursor: pointer;
}
.tagtop .gz i{
    font-size: 16px;
    color: red;
}
.tagtop .gz a{
    font-size: 16px;
    color: red;
}

.subscribed i,.subscribed a{color: #999 !important;}




.loop2{
    /* margin-left: 15px; */
    /* padding-bottom: 15px; */
    overflow: hidden;
    min-height: 650px;
}
.lp2{
    float: left;
    width: 33.33%;
    /* margin: 15px 15px 0 0; */
    position: relative;
}
.lp2 a{}
.lp2 span{
    height: 0px;
    display: block;
    padding-bottom: 145%;
    overflow: hidden;background: #c3c3c3;
}
.lp2 img{
    width: 100%;
}
.lp2 i{
    position: ABSOLUTE;
    right: 5px;
    top: 0px;
    color: #fff;
}
.lp2 p{
    height: 25px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%;
}

.single{}
.single h1{
    padding: 15px;
    font-size: 15px;
    color: #333;
    line-height: 20px;
}
.simg{}
.simg img{width:100%;height:auto;vertical-align: top;min-height:220px}

.simgb{
    padding: 10px 10px 35px;
    text-align: center;
    font-size: 15px;
	border-bottom: 10px solid pink;
}
.simgb p{
    margin-top: 5px;
    line-height: 35px;
}
.simgb p a{
    color: #fff;
    padding: 2px 10px;
    background: #c4937e;
    border-radius: 2px;
    margin: 0 5px;
}
.simgb p a:hover{background:red}

.simgb i{
    color: red;
    padding: 0 5px;
    font-size: 17px;
}

.sf{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}
.sf1{
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    height: 50px;
    overflow: hidden;
    border-top: 1px solid pink;
}
.sf a{
    font-size: 16px;
    display: block;
    float: left;
    line-height: 50px;
    text-align: center;
}
.sf .a1{
    background: linear-gradient(to right,#111 ,#777);
    color: #fff;
    width: 34%;
}
.sf .a2{
    border-left: 1px solid #ddd;
    width: calc(22% - 1px);
}


.nall{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
}
.nall1{
    max-width: 800px;
    margin: 0px auto 0;
    background: #555;
}
.nall_li{
    padding: 15px 15px 0px;
    border-bottom: 1px dashed #ddd;
}
.nall_li a{
    background: #eee;
    color:#333;
    display: inline-block;
    margin-right: 15px;
    padding: 0 10px;
    border-radius: 2px;
    margin-bottom: 15px;
}
.nall_li a:hover{
	color:#fff;
	background:red}
.bars1{
    color: pink;
    font-size: 25px !important;
    float: right;
    cursor: pointer;
}







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

#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{
    display: none;
}



.f{
    text-align: center;
    padding: 20px;
    border-top: 1px solid #ddd;
}
.f a{
    color: red;
    padding: 0 10px;
}



.umlist{}
.umlist .li{
    width: calc(12.5% - 15px);
}
.umlist .li i{display:none}
.wu{
    margin: 15px;
    font-size: 14px;
}

.liuyan{
    margin: 15px;
}



.swiper-wrapper .swiper-slide{
    float: left;
    width: 20%;
    margin-right: 15px;
    overflow: hidden;
}
.swiper-slide a{
    display: block;
    width: 100%;
    text-align: center;
}
.swiper-slide span{height: 0px;display: block;padding-bottom: 100%;overflow: hidden;border-radius: 5px;}
.swiper-slide img{
    width: 100%;
}
.swiper-slide b{line-height: 35px;height: 35px;overflow: hidden;display: block;}



#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 right, #333, #999);border: none;color: #fff;border-radius: 3px;margin-top: 10px;} .commentlist { } .commentlist .li {background: #f2f2f2;margin-top: 15px;padding: 10px;color: #bbb;} .commentlist .li a {} .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: #ddd;padding: 10px;border-left: 3px solid #333;}




.shengji{}
.shengji label{
    margin-right: 5px;
}
.shengji select{
    width: 200px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.shengji button{
    border: none;
    background: linear-gradient(to right,#111 ,#777);
    color: #fff;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    border-radius: 4px;
    width: 200px;
}
.shengji p{
    line-height: 25px;
    margin: 5px 0;
    padding: 0 15px 5px 15px;
}










@media screen and (max-width: 767px){
	
	.top,.tt{padding:10px;}
	.n a{padding:10px 0}
	
	.lp1{margin: 10px 10px 0 10px;padding-bottom: 10px;}
	.lp1 .img{margin-top: 5px;}
	
	.index_bg{margin:0;border-radius:0}
	.ttli a{font-size:14px;margin: 0 0 0 8px;}
	.lp1 .tx{width: 45px;height: 45px;margin-right: 10px;}
	.lp1 .fr{width: calc(100% - 55px);}
	
	.mtlist{margin-left: 10px;}
	.mtlist .li{width:calc(33.33% - 10px);margin: 10px 10px 0 0;}
	.mtlist .li a{padding-bottom: 10px;}
	
	.tagtop{padding:10px;}
	
	
	.page_navi a, .page_navi span.page-numbers{
    padding: 2px 10px;
    margin: 10px 3px 10px 5px;
    }
	.lp2{width:50%}
	.lp2 p{
    height: 35px;
    line-height: 15px;
    text-align: left;
    padding: 0 8px;
    width: auto;
}
	.a2{font-size: 12px !important;}
	.topr a{    margin-left: 10px;}
	.utt .ttli a{margin: 0 10px 0 0;}
	.umlist .li{
    width: calc(20% - 10px);
}
	.umlist .li b{ font-size: 12px;}
	.wu{
    margin: 10px;
}
	.pinfo p{
    padding: 0 10px 5px 10px;
    line-height: 35px;
}
	.pinfo{margin:10px}
	.liuyan{margin:10px;}
	.nall_li{}
	.nall_li a{
    margin-right: 8px;
}

	
	.n{margin:0 10px;}
	.swiper-wrapper .swiper-slide{margin-right: 10px;}
}