@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,th,td,footer,header,main,nav,span {margin:0; padding:0 }


.m-top-xs{margin-top: 10px;}
.m-top-md{margin-top: 20px;}
.m-top-sm{margin-top: 30px;}
.m-top-lg{margin-top: 40px;}
a{text-decoration: none!important;}
.hr{height: 20px;w}

/*底部*/
.footer-top{width: 95%;margin:0 auto;height: 50px;border-top: 1px solid #666666;border-bottom: 1px solid #666666;margin-top: 37px;}
.footer-left{width: 70%;float: left;}
.footer-right{width: 30%;float: right;text-align: right;}
a.about{color:#666666;line-height: 50px;text-decoration: none;margin-right: 15px; }
a.contact{color:#666666;line-height: 50px;text-decoration: none; }

/*登陆页*/
body{width: 100%;position: absolute;font-size: 18px;color: #330000}
#indexlogin{background-image: url(../images/bg1.png);}
.login{min-height: 60px;position: absolute;left: 0;top: 110px;height: auto;background: none;margin:0 auto;width: 100%}
.logoshow{text-align: center;}
.logoshow span{font-weight: bold;font-size: 8px;}
.index-txt{position: relative;top: 60px;}
.index-txt2 span{border-bottom: 5px solid #0099ff;padding-bottom: 10px;}
.index-txt p,.index-txt2 p{text-align: center;font-weight: bold;letter-spacing: 5px;line-height: 35px;}
.index-txt2{position: relative;top: 90px;}
.index-input{position: relative;top: 190px;text-align: center;}
.username{width: 430px;height: 50px;padding-left: 10px; font-size: 16px;}
 .useremail{width: 430px;height: 50px;padding-left: 10px; font-size: 16px;}
.denglu{margin-top: 25px;}
.zhuce{margin-top: 25px;}
a.newuser{color: #666666;text-decoration: none;position: relative;top: 15px;padding-bottom: 50px;}
@media screen and (min-width: 10px) and (max-width: 450px){
.username,.useremail,.denglu img,.zhuce img{width: 90%}
.zhuce{margin-bottom: 50px;}

}

/*新用户*/
#main-newuser{background-image: url(../images/bg2.png);}
.navbar-default{border:none;}

.navbar-default .navbar-nav>li>a{font-size: 16px;color: #000}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: rgba(231, 231, 231, 0)}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color:hsl(0, 15%, 97%)}
.dropdown-menu{text-align: center;min-width: 75px;}
.dropdown-menu>li>a{font-size: 15px;padding: 7px 20px;}
.nav>li>a{padding: 10px 30px;}
ul.nav.navbar-nav.navbar-right{margin-right: 15px;}
.navbar-brand{padding: 0;margin-left: 50px;}
.navbar-nav>li>.dropdown-menu{margin-right: 15px;}
.newuser-txt{position: relative;top: 200px;letter-spacing: 1px;}
.newuser-txt p{text-align: center;line-height: 35px;font-size: 3rem;font-weight: bold;}
.newuser-txt .thistxt{margin-top: 30px;letter-spacing: 2px;}
.newuser-xian{width: 100px;height: 5px;background-color:#330000;margin:0 auto;margin-top: 30px;}
.newuser-btn a{padding: 25px 100px; border: 3px solid #330000; display: inline; text-align: center;color: #330000;font-weight: bold;text-decoration: none;}
.newuser-btn{position: relative; top: 350px; text-align: center;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}

@media screen and (min-width: 10px) and (max-width: 450px){
.navbar-brand{margin-left: 15px;width: 70%}
.navbar-brand img{width: 55%;position: relative;top: 11px;}
nav.navbar.navbar-default{margin-top: 20px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: rgb(237, 236, 246);}
.newuser-txt{top: 50px;}
.newuser-btn{top: 160px;padding-bottom: 100px;}
.newuser-txt p{font-size: 2rem}
}



/*性格测试*/
.text-txt{position: relative;top: 80px;font-size: 3.5rem}
.text-txt p{text-align: center;letter-spacing: 5px;line-height: 35px;}
.check {height: 50px; margin-bottom: 20px; text-align: center; } 
 button.que {width: 200px; height: 50px; border-radius: 5px; background-color: #fff; outline: none; font-weight: bold; }
span.orlike {color: #797575; font-size: 15px; margin-left: 6px; position: absolute; margin-top: 15px; } 
.ganxinqu{    position: relative; top: 125px;}
button.seav{width: 200px; height: 50px; border-radius: 5px; background-color: #99cc33; outline: none; font-weight: bold;color: #fff}



/*选择写作类型*/
.xiezuo-txt a{font-size: 3.8rem;padding: 15px 115px; border: 3px solid #666; display: inline; text-align: center;color: #666;text-decoration: none;}
.xiezuo-txt{margin-top: 30px; text-align: center;}
.xiezuo-show{margin-top: 46px;letter-spacing: 2px;}
.xiezuo-show p{text-align: center;line-height: 35px;font-size: 2rem;font-weight: bold;}
.xiezuo-color1{width: 108%;height: 170px;background-color: #336699;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color2{width: 108%;height: 170px;background-color: #669999;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color3{width: 108%;height: 170px;background-color: #99cc99;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color4{width: 108%;height: 170px;background-color: #669966;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color5{width: 108%;height: 170px;background-color: #999933;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color6{width: 108%;height: 170px;background-color: #cccc99;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color7{width: 108%;height: 170px;background-color: #669999;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color8{width: 108%;height: 170px;background-color: #99cc99;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color9{width: 108%;height: 170px;background-color: #999933;margin-top: 5px;text-align: center;display: table;}
.xiezuo-color1:hover{background-color: #4d85bd}
.xiezuo-color2:hover{background-color: #7fabab}
.xiezuo-color3:hover{background-color: #6fbb6f}
.xiezuo-color4:hover{background-color: #3f923f}
.xiezuo-color5:hover{background-color: #848416}
.xiezuo-color6:hover{background-color: #a0a061}
.xiezuo-color7:hover{background-color: #366969}
.xiezuo-color8:hover{background-color: #6e906e}
.xiezuo-color9:hover{background-color: #6f6f1f}

span.xiezuo-name{color: #fff;text-align: center;display: table-cell;vertical-align:middle; font-size: 2rem;}
p.footer-txt{text-align: center;color: #666666}
@media screen and (min-width: 10px) and (max-width: 450px){
	.text-txt{font-size: 2.6rem;} 
	.xiezuo-txt a{padding: 20px 90px;font-size: 2.5rem;}

} 
@media screen and (min-width: 10px) and (max-width: 850px){
	.xiezuo-color1{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color2{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color3{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color4{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color5{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color6{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color7{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color8{width: 90%;margin:0 auto;margin-top: 5px;}
	.xiezuo-color9{width: 90%;margin:0 auto;margin-top: 5px;}

} 



/*互助圈*/
.helptopbg{margin-top:60px;}
.helptopbg img{width: 100%;}
p.check_we{text-align: center;color: #666666;font-size: 3.2rem}
.check_we a{color: #666666;letter-spacing: 2px;}
.check_we a:hover{color: #4e4747;}
.tongdao{width: 80%;margin: 0 auto;margin-top: 60px;}
.tongdao h2{text-align: center;font-weight: bold;margin-bottom: 50px;}
.tongao-main{width: 100%;}
.tongao-main .row{border:1px solid #330000;}
.huzhu-title h3{margin-bottom: 30px;font-weight: bold;}
.huzhushowtext{    padding: 30px;padding-top: 20px;}
.huzhu-body p,.huzhu-body h3{color: #666666}
.more{display: block;width: 100%;text-align: right;color: #333;padding-right:20px;padding-top: 10px;}
.more:hover{color: #000}
.m-top-xx{margin-top: 120px;}
.helpbottombg img{position: relative; z-index: -1; width: 100%;}
 .helpbottombg{position: relative; z-index: -2;}
 @media screen and (min-width: 10px) and (max-width: 450px){
	.huzhushowtext{padding:5px;}

}

/*写作*/
.write-title{text-align: center;position: relative;top: 55px;}
.write-title h4{width: 50%;margin:0 auto;font-weight: bold;line-height: 30px;}
.write-input{position:relative;top: 85px;text-align: center;}
textarea{padding-left: 10px;padding-top: 3px;}
.write-Tips{position: absolute;right: 45px;}
.write-show{position: absolute; right: 1px; z-index: 99; width: 430px; top: 40px;padding: 10px;border: 1px solid #600;background: #fff;} 
.write-Tips a{color: #330000;font-size: 1.5rem;}
.write-text2,.write-text3{margin-top: 20px;}
.write-show p{padding-left: 15px;border-left: 5px solid #0099ff;}