@charset "utf-8";
/* CSS Document */

.main{margin-top: 40px;margin-bottom: 40px;}

/******preview********/
#preview{margin: 20px 0px;}
#preview #imghead{display:inline-block; vertical-align:top;cursor: pointer;}

.main .per_head{ height:70px; border:1px solid #e1e1e1;background: #fff;}
.per_head a{width:38px; height:70px; line-height:70px; display:block; border-right:1px solid #e4e4e4; float:left;}
.per_head a:hover{ background:#2fa52d;}
.per_head a i{ background:url("../img/arr_sp.png") no-repeat; height:18px; width:12px; margin-top:25px; margin-left:13px; display:block;}
.per_head a:hover i{ background-position:0 -18px}
.main .per_head em{font-size: 20px;color:#000;line-height: 70px; padding-left:10px;}

.main .content{background: #fff;border: 1px solid #e1e1e1; border-top:none;height: 900px;}
.main .content .left{width:200px;height: 100%;background:#fafafa;border-right: 1px solid #e1e1e1;}
.main .content .left ul{}
.main .content .left li{height:50px; border-bottom:1px solid #e3e3e3; padding-left:20px;}
.main .content .left li a{font-size: 16px; color:#888; line-height:50px; width:100%; display:block;}
.main .content .left li.current{background: url(../img/icon.png) -875px -288px no-repeat #fff;}
.main .content .left li.current a{color:#000;}

.main .content .right{padding: 20px;}
.main .content .right form{width: auto;}
.main .content .right form p{margin-bottom: 20px;color: #333;}
.main .content .right form p .hint{font-size: 14px; line-height:35px;padding: 0px 20px;color:#999;}
.main .content .right form input[type="text"]{width:320px;font-size: 16px;}
.main .content .right form input[type="password"]{width:320px;font-size: 16px;border: 1px solid #e1e1e1;color: #333;height: 35px;line-height: 35px;padding-left: 10px;vertical-align: middle;}
.main .content .right form input[type="submit"]{width: 330px;}
.main .content .right form select[name="card"]{width: 170px;} 
select[name="province"],select[name="city"],select[name="county"]{width: 130px;margin-right: 10px;}

.main .content .right .hintBox{height:40px; line-height:40px; border:1px solid #f0e3a9;margin: 20px 0px;color: #e99920;background:#fffcee;font-size: 14px; padding-left:15px;}

.main .content .right .verify{display:inline-block;width: 70px;height: 35px;text-align: center;line-height: 35px;vertical-align: middle;text-shadow: 1px 1px 2px #000;}

#tab_3 .phone,#tab_3 .email{height:330px; border-bottom:1px dashed #e1e1e1;margin-top: 40px;}
#tab_3 .icon{width:90px;height:110px; background:url(../img/icon.png) no-repeat;float: left;}
#tab_3 .sele{ width:130px; font-size:16px; color:#888; height:40px; background:#fff; border:1px solid #ababab; line-height:40px; text-align:center; float:left; border-radius:5px; cursor: pointer; margin:90px 0px 0px 180px;}
#tab_3 .sele:hover{background:#f7f7f7;}
#tab_3 .data{width: 607px;height:280px;float:left;padding-left: 40px;}
#tab_3 .success{text-align:center; padding-top:30px;}
#tab_3 .success i.suc_icon{ display:inline-block; width:120px; height:112px; background:url(../img/icon.png) -416px -572px no-repeat;}
#tab_3 .phone .icon{background-position: -887px -16px;margin: 60px 0px 0px 0px;}
#tab_3 .email .icon{background-position:-890px -134px;margin-top: 60px;}
#tab_3 input[type="text"]{width:300px;font-size: 16px;}
#tab_3 input[type="button"]{width: 150px;}


/******headline*******/
.headline{ height:50px; position:relative; border:1px solid #e1e1e1;}
.headline li{width:160px;height: 49px; line-height:50px; position:absolute;bottom: -1px; font-size:18px; border-right:1px solid #e1e1e1; border-top:2px solid transparent; border-bottom:1px solid transparent; cursor:pointer; text-align:center;color: #666;}
.headline li:last-child{left:160px;}
.headline li.current{ color:#00af0c; border-top-color:#00af0c; border-bottom-color:#fff;}

/*****infoList********/
#infoList .infoList{padding:20px; border:1px solid #e1e1e1;border-top: none;padding-bottom: 50px;height: 710px;overflow: auto;}
#infoList .infoList li{ height:45px; line-height:45px; font-size:16px; border-bottom:1px solid #e1e1e1;}
#infoList .infoList li i{ display:inline-block; width:21px; height:16px;background: url(../img/icon.png) -481px -347px no-repeat;}
#infoList .infoList li.unread i{background-position: -481px -308px;}
#infoList .infoList li a{font-size:16px;}
#infoList .infoList li.unread a{color: #333;}
#infoList .infoList li a:hover{color:#45eb43;}
#infoList .infoList li span{float:right;font-size: 14px;color: #888;}


/****infoDetail****/
#infoDetail .infoDetail{padding:20px; border:1px solid #e1e1e1;border-top: none;padding-bottom: 50px;height: 710px;overflow: auto;}
#infoDetail .art_Next{ height:50px; line-height:50px;}
#infoDetail .art_Next .return{font-size: 16px;}
#infoDetail .art_Next .return i{ display:inline-block;width: 20px; height:16px;background: url(../img/icon.png) -516px -348px no-repeat;}
#infoDetail .art_Next .return:hover i{background-position: -516px -309px;}
#infoDetail .art_Next .prenext{ display:inline-block;width: 70px;height: 26px; background:url(../img/icon.png) no-repeat; margin-left:10px;}
#infoDetail .art_Next .pre{ float:right;background-position: -699px -1786px;}
#infoDetail .art_Next .pre:hover{background-position: -855px -1786px;}
#infoDetail .art_Next .next{float:right;background-position: -777px -1786px;}
#infoDetail .art_Next .next:hover{background-position: -933px -1786px;}

#infoDetail .article{ font-size:14px; line-height:25px;}
#infoDetail .article h2{ text-align:center; font-size:20px; color:#333;}
#infoDetail .article h2 span{font-size: 14px; color:#555;}
#infoDetail .article p{ margin:10px 0px;font-size: 14px;color: #888;}
#infoDetail .dash{width:100px;margin-top: 40px;border-bottom:1px dashed #555;}
#infoDetail .article .img{ padding:20px; text-align:center;}
#city_1 select{ border:1px solid #e1e1e1;}