@charset "utf-8";
html {
    font: normal 20px "方正兰亭黑_GBK";
}
body {
    background: #f0efed;
    padding: 0px;
    margin: 0px auto;
    font-size: 1.4rem;
    color: #777;
    min-width: 320px;
    max-width: 640px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0); /*取出点击出现半透明的灰色背景*/
    -webkit-user-select: none; /*控制内容的可选择性*/
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
	/*-webkit-overflow-scrolling:touch;*//*冲量滚动效果*/
}
ul, li, form, dl, dt, dd, div {
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4, h5, h6, p {
    padding: 0px;
    margin: 0px;
}
select, input, em, textarea {
    font-size: 1em;
    font-style: normal;
    color: #777;
    font-family: '方正兰亭黑_GBK';
    border-radius: 0;
    -webkit-border-radius: 0;
    padding:0;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}
a {
    color: #777;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.Texthide {
    display: none;
}

.Contain {
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    background: #fff;
}

.Content {
    background: #fff;
    padding: 1.4% 3.125%;
}

.SinglePage {
    text-justify: inter-ideograph;
    text-align: justify;
    word-wrap: break-word;
    clear: both;
    overflow: hidden;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}

/*Top*/
.Top{
	text-align: center;
	background: #1a191e;
	overflow: hidden;
	line-height: 2.85rem;
	padding: 0 3.125%;
}
.Top .back{
	display: inline-block;
	color: #ffffff;
	font-size: 1.3rem;
	float: left;
	width: 15.6%;
}
.Top .back b{
	display: inline-block;
	width: 29%;
}
.Top .topName{
	color: #ffffff;
	font-size: 1.6rem;
}
.Top .ticon{
	display: inline-block;
	width: 5.9%;
	margin: 0 0 0 9.7%;
	float: right;
}
/*Top*/

/*Bottom*/
.bspace{
	height:4.9rem;
	clear: both;
}
.Bottom{
	background: #fbfbfa;
	height: 4.9rem;
	border-top:1px solid #d1d0d0;
	position: fixed;
	bottom: 0;
	max-width: 640px;
	min-width: 320px;
	width: 100%;
	z-index:999;
}
.Bottom ul{
	overflow: hidden;
}
.Bottom li{
	list-style: none;
	float: left;
	width: 20%;
	text-align: center;
}
.Bottom li em{
	display: inline-block;
	width: 33.6%;
	padding: 10% 0 5%;
}
.Bottom li em img:last-child{
	display: none;
}
.Bottom li span{
	color: #222222;
	font-size: 1.1rem;
	display: block;
}
/*.Bottom li.on a span,.Bottom li a:hover span{
	color: #ff8280;
}
.Bottom li.on a em img:first-child,.Bottom li a:hover em img:first-child{
	display: none;
}
.Bottom li.on a em img:last-child,.Bottom li a:hover em img:last-child{
	display: inline-block;
}*/

.Bottom li.on a span{
	color: #ff8280;
}
.Bottom li.on a em img:first-child{
	display: none;
}
.Bottom li.on a em img:last-child{
	display: inline-block;
}
/*Bottom*/

/*goTop*/
.goTop{
    position: fixed;
    bottom: 5.4rem;
    right: 0;
    z-index: 99;
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    border: 1px solid #dbdce1;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    text-indent: -99999px;
    background: url(../images/gotop.png) no-repeat center center /34.3% #fefefe;
    display: none;
}
/*goTop*/

/*Htip*/
.Htip{
	height: 4.15rem;
	line-height: 4.15rem;
	background: #FFFFFF;
	padding: 0 3.125%;
	color: #f04656;
	font-size: 1.5rem;
	overflow: hidden;
	margin: 1.7% 0;
}
.Htip a{
	color: #333333;
}
/*Htip*/
/*recommend*/
.recommend{
	display: block;
	width: 93.75%;
	margin:3.125%;
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 3.6rem;
	background: #f04656;
}
.recommend.yellow{
	background: #f1b269;
}
/*recommend*/
/*Hbox*/
.Hbox{
	background: #FFFFFF;
	margin-bottom: 3.125%;
}

.Hbox .title{
	color: #ff8280;
	font-size: 1.6rem;
	font-weight: normal;
	background: url(../images/Hicon1.png) no-repeat center center /77.2%;
	text-align: center;
	line-height: 5.35rem;
	margin-bottom: 2%;
}
.Hbox .title.yellow{
	color: #f1b269;
	background: url(../images/Hicon1_yellow.png) no-repeat center center /77.2%;
}
.Hbox .title2{
	color: #5abaea;
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 4.6rem;
	padding: 0 3.125% 0 10.6%;
	background: url(../images/pro_tt.png) no-repeat 3.125% center /4.69%;
}
.Hbox .list1{
	padding: 0 3.125%;
	overflow: hidden;
}
.Hbox .list1 li{
	list-style: none;
	width: 48%;
	margin-bottom: 3.6%;
	box-shadow: 0 0 3px 1px #eaeaea;
	box-shadow: 0 0 3px 1px #eaeaea;
	-moz-box-shadow: 0 0 3px 1px #eaeaea;
	-webkit-box-shadow: 0 0 3px 1px #eaeaea;
	-o-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	position: relative;
}
.Hbox .list1 li:nth-child(2n+1){
	float: left;
}
.Hbox .list1 li:nth-child(2n){
	float: right;
}
.Hbox .list1 li .pic{
  display: inline-block;
  width: 100%;
  overflow:hidden;
}
.Hbox .list1 li .pic img{
	width: 100%;
	height: 100%;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
}
.Hbox .list1 li .check{
	position: absolute;
	right: 0.9rem;
	top: 0.9rem;
	z-index: 2;
	display: inline-block;
	width: 2.05rem;
	height: 2.05rem;
	background: url(../images/Hicon8.png) no-repeat center center /100%;
}
.Hbox .list1 li.on .check{
	background: url(../images/Hicon9.png) no-repeat center center /100%;
}
.Hbox .list1 li .info{
	background: #FFFFFF;
	padding: 6.25%;
	overflow: hidden;
}
.Hbox .list1 li .info h3{
	font-weight: normal;
}
.Hbox .list1 li .info h3 a{
	color: #333333;
	font-size: 1.4rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Hbox .list1 li .info p{
	line-height: 1.2rem;
}
.Hbox .list1 li .info p .dj{
	color: #999999;
	font-size: 1rem;
	float: left;
	display: inline-block;
	width: 36%;
	padding: 0 0 0 10%;
	background: url(../images/eye.png) no-repeat left center /12.5%;
}
.Hbox .list1 li .info p time{
	float: right;
	color: #bbbaba;
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
}
.Hbox .list1 li .bpic{
	background: #fafafa;
	padding: 6.25%;
	overflow: hidden;
}
.Hbox .list1 li .bpic .simg{
	display: inline-block;
	width: 21.9%;
	float: left;
	margin-right: 2.6%;
}
.Hbox .list1 li .bpic .simg img{
	width: 100%;
	height: 100%;
}
.Hbox .list1 li .bpic .ptitle{
	color: #ff8280;
	font-size: 1.2rem;
	line-height: 1.5rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Hbox .list1 li .bpic p{
	color: #BBBABA;
	font-size: 1rem;
} 
.Hbox .list1 li dl{
	background: #fafafa;
	overflow: hidden;
	line-height: 3.3rem;
	border-top:1px solid #f2f2f2;
}
.Hbox .list1 li dl dt{
	width: 50%;
	float: left;
	text-align: center;
	color: #FF8280;
	font-size: 1.4rem;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.Hbox .list1 li dl dt:nth-child(2n){
	background: #f04656;
}
.Hbox .list1.yellow li dl dt:nth-child(2n){
	background: #f1b269;
}
.Hbox .list1 li dl dt em{
	display: inline-block;
	width: 18.3%;
	margin-right: 6.3%;
}
.Hbox .list1 li dl dt a{
	color: #ffffff;
	font-size: 1.5rem;
	display: block;
	text-align: center;
}
.Hbox .more{
	display: block;
	text-align: center;
	color: #999999;
	font-size: 1.2rem;
	background: #f9f9f9;
	line-height: 3.1rem;
	border-top:1px solid #ededed;
	margin: 2.3% 0 0;
}
.Hbox .list2{
	padding: 3.25% 3.25% 0;
}
.Hbox .list2 li{
	list-style: none;
	float: left;
	width: 22.6%;
	text-align: center;
	margin-right: 3.2%;
}
.Hbox .list2 li i{
	position: relative;
	top: -1.9rem;
	display: inline-block;
	margin-bottom: -7%;
	width: 47%;
}
.Hbox .list2 li h3{
	font-weight: normal;
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 2.2rem;
	height:4.4rem;
	overflow:hidden;
	magin:0 1rem;
}
.Hbox .list2 li a{
	color: #f04656;
	font-size: 1.2rem;
	display: inline-block;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	background: #FFFFFF;
	margin: 16.1% 0;
}
.Hbox .list2 li:nth-child(1){
	background: #8cccb7;
}
.Hbox .list2 li:nth-child(2){
	background: #f1b269;
}
.Hbox .list2 li:nth-child(3){
	background: #5abaea;
}
.Hbox .list2 li:nth-child(4){
	background: #f3a49d;
	margin-right: 0;
}

.Hbox .list3{
	overflow: hidden;
	padding: 0 3.125% 4.69%;
}
.Hbox .list3 li{
	list-style: none;
	width: 31%;
	float: left;
	margin-right: 3.5%;
}
.Hbox .list3 li .Cont{
	border: 1px solid #333333;
}
.Hbox .list3 li:hover .Cont{
	border-color:#5abaea ;
}
.Hbox .list3 li:last-child{
	margin-right: 0;
}
.Hbox .list3 i{
	display: inline-block;
	width: 100%;
}
.Hbox .list3 i a{
	display: inline-block;
	width: 100%;
}
.Hbox .list3 i a img{
	width: 100%;
	height: 100%;
}
.Hbox .list3 h3{
	font-weight: normal;
}
.Hbox .list3 h3 a{
	color: #333333;
	font-size: 1.3rem;
	font-weight: normal;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 5% 6%;
}
.Hbox .list3 p{
	color: #bbbaba;
	font-size: 1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 6% 5%;
}
/*Hbox*/

/*colMenu*/
.colMenu{
	background: #ffffff;
	/*border-top:2px solid #ff8280;*/
	margin-bottom: 3.125%;
}
.colMenu ul{
	overflow: hidden;
}
.colMenu li{
	list-style: none;
	width: 33.3%;
	float: left;
	text-align: center;
	line-height: 3.8rem;
}
.colMenu li a{
	display: inline-block;
	color: #333333;
	font-size: 1.4rem;
	padding: 0 10%;
	line-height: 3.7rem;
	border-bottom: 2px solid #ffffff;
}
.colMenu li.on a,.colMenu li a:hover{
	border-color: #da251c;
}
/*colMenu*/

/*NewsList*/
.NewsList{
	padding:0 0 6.25%;
}
.NewsList li{
	list-style: none;
	overflow: hidden;
	padding:4.69% 3.125%;
	background: #ffffff;
	border-bottom: 1px solid #bcbcbc;
}
.NewsList li .pic{
	float: left;
	width: 30%;
}
.NewsList li .pic a{
	display: inline-block;
	width: 100%;
}
.NewsList li .pic img{
	width: 100%;
	height: 100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.NewsList li .info{
	width: 65%;
	float: right;
}
.NewsList li .info h3{
	font-weight: normal;
	line-height: 2.3rem;
	height: 4.6rem;
	overflow: hidden;
}
.NewsList li .info h3 a{
	color: #333333;
	font-size: 1.5rem;
}
.NewsList li .info p{
	color: #999999;
	font-size: 1.2rem;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
}

.News_info{
	padding:3.125%;
	background: #ffffff;
	margin-bottom: 6.25%;
	border-bottom: 1px solid #bcbcbc;
}
.News_info .title{
	color: #000000;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	padding: 2% 0;
}
.News_info .time{
	color: #999999;
	font-size: 1rem;
	text-align: center;
	border-bottom: 1px solid #dedede;
	padding: 0 0 3%;
}
.News_info .info_txt{
	color: #000000;
	font-size: 1.3rem;
	line-height: 2.3rem;
}
.News_info .info_txt p{
	margin: 15px 0;
}
.News_info .info_txt h3{
	margin: 15px 0;
}
/*NewsList*/

/*CreativeList*/
.CreativeList{
	padding:0 3.125%;
	background: #FFFFFF;
	border-bottom: 1px solid #dedede;
	margin-bottom: 3.125%;
}
.CreativeList li{
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	padding: 3.9% 0;
}
.CreativeList li .pic{
	display: inline-block;
	width: 10%;
	float: left;
	display: none;
}
.CreativeList li .pic.on{
	display: inline-block;
}
.CreativeList li .info{
	width: 90%;
	float: left;
}
.CreativeList li .info h3{
	font-weight: normal;
	margin-bottom: 2%;
}
.CreativeList li .info h3 a{
	color: #333333;
	font-size: 1.4rem;
}
.CreativeList li .info p{
	color: #999999;
	font-size: 1.2rem;
}
.CreativeList li .info p i{
	display: inline-block;
	width: 3.8%;
	margin-right: 2.7%;
}
/*CreativeList*/

/*forumMenu*/
.forumMenu{
	background: #FFFFFF;
	margin-bottom: 3.125%;
}
.forumMenu ul{
	overflow: hidden;
}
.forumMenu li{
	text-align: center;
	list-style: none;
	width: 33.3%;
	float: left;
	padding: 4.69% 0;
}
.forumMenu b{
	display: block;
	color: #333333;
	font-size: 1.8rem;
	font-weight:normal;
	margin-bottom: 5%;
}
.forumMenu span{
	display: block;
	color: #666666;
	font-size: 1.3rem;
}
/*forumMenu*/


/*forumlist*/
.forumlist{
	
}
.forumlist .tip{
	margin-bottom: 1.56%;
	background: #FFFFFF;
	padding: 3.75% 3.125%;
}
.forumlist .tip em{
	display: inline-block;
	width: 11.7%;
	float: left;
	margin-right: 4.5%;	
}
.forumlist .tip dl{
	color: #333333;
	font-size: 1.5rem;
	line-height: 2rem;
}
.forumlist .tip dl dt{
	color: #da251c;
	display: inline;
}
.forumlist ul{
	background: #FFFFFF;
	padding: 0 3.125%;
}
.forumlist li{
	list-style: none;
	border-bottom: 1px solid #dedede;
	padding: 5.5% 0;
}
.forumlist li:last-child{
	border-bottom: 0;
}
.forumlist li .item{
	overflow: hidden;
	margin-bottom: 3.5%;
}
.forumlist li .item em{
	display: inline-block;
	width: 11.7%;
	float: left;
	margin-right: 4.5%;	
}
.forumlist li .item em img{
	width: 100%;
	height: 100%;
}

.forumlist li .item h3{
	color: #666666;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	line-height: 2rem;
}
.forumlist li .item h3 b{
	font-weight: normal;
	color: #ff8280;
}
.forumlist li .item p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999999;
	font-size: 1rem;
}
.forumlist li .txtCont{
	line-height: 2.2rem;
	color: #666666;
	font-size: 1.3rem;
	padding: 0 2.3%;
}
.forumlist li .txtCont h3{
	margin: 10px 0;
}
.forumlist li .txtCont p{
	margin: 10px 0;
}
.forumlist .reply{
	padding:2.3% 4%;
	background: #e7e7e7;
	overflow: hidden;
	border-top:1px solid #dedede;
}
.forumlist .reply .text{
	float: left;
	width: 82.3%;
	padding: 0 3%;
	background: #FFFFFF;
	border: 0 none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	line-height: 2.8rem;
	color: #d5d5d5;
	font-size: 1.2rem;
}
.forumlist .reply a{
	display: inline-block;
	width: 6.8%;
	float: right;
	line-height: 2.8rem;
	padding-left: 2%;
}
/*forumlist*/

/*forumBox*/
.forumBox{
	
}
.forumBox .title{
	color: #ffffff;
	font-size: 1.3rem;
	padding:1.8% 3.125%;
	font-weight: normal;	
}
.forumBox .title1{
	background: #8cccb7;
}
.forumBox .title2{
	background: #f1b269;
}
.forumBox .title3{
	background: #5abaea;
}
.forumBox .title4{
	background: #f3a49d;
}
.forumBox ul{
	padding: 0 0 0 5%;
	background: #ffffff;
	border-bottom: 2px solid #dedede;
	margin-bottom: 4.06%;
}
.forumBox ul li{
	list-style: none;
	overflow: hidden;
	padding: 4.375% 0;
	border-bottom: 1px solid #dedede;
}
.forumBox ul li:last-child{
	border-bottom: 0;
}
.forumBox ul li em{
	display: inline-block;
	float: left;
	width: 9.9%;
	margin-right: 3.6%;
}
.forumBox ul li em a{
	display: inline-block;
	width: 100%;
}
.forumBox ul li em img{
	width: 100%;
	height: 100%;
}
.forumBox ul li h3{
	font-weight: normal;
}
.forumBox ul li h3 a{
	color: #333333;
	font-size: 1.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.forumBox ul li p{
	color: #999999;
	font-size: 1.1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*forumBox*/


/*LoginPage*/
.LoginPage{
	width: 100%;
	background: url(../images/login_bg.jpg) no-repeat center top /100%;
}
.LoginPage .Cont{
	padding:0 3.125%;
}
.LoginPage .Cont table{
	width: 100%;
}
.LoginPage .Cont td{
	padding: 3.125% 0;
}
.LoginPage span{
	display: block;
	border: 1px solid #d6d7dc;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	background: #FFFFFF;
}
.LoginPage em{
	display: block;
	border: 1px solid #d6d7dc;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	background: #FFFFFF;
	width: 61.8%;
	float: left;
}
.LoginPage .text{
	/*width: 100%;*/
	border: 0 none;
	height: 3.7rem;
	line-height: 3.7rem;
	color: #888888;
	font-size: 1.1rem;
}
.LoginPage .text1{
	padding: 0 0 0 22%;
	width: 78%;
	background: url(../images/login_icon1.jpg) no-repeat left center /16.2%;
}
.LoginPage .text2{
	padding: 0 0 0 16.4%;
	width: 83.6%;
	background: url(../images/login_icon2.jpg) no-repeat left center /16.4%;
}
.LoginPage .yzm{
	display: inline-block;
	width: 34.5%;
	height: 3.7rem;
	float: right;
	line-height: 3.7rem;
	border: 1px solid #d6d7dc;
	background: #f3da3d;
	color: #ffffff;
	font-size: 1.1rem;
	text-align: center;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.LoginPage .btn{
	background: #ff8280;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	width: 100%;
	border: 0 none;
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	height: 3.8rem;
	margin-top: 6.25%;
	-webkit-appearance: none;
}
/*LoginPage*/

/*MemMenu*/
.MemMenu{
	margin-bottom: 3.125%;
}
.MemMenu ul{
	background: #FFFFFF;
	overflow: hidden;
}
.MemMenu ul li{
	list-style: none;
	float: left;
	width: 33.3%;
	text-align: center;
}
.MemMenu ul li a{
	display: block;
	border: 1px solid #e1e1e1;
	border-width:0 1px 1px 0;
	padding: 20% 0;
}
.MemMenu ul li:nth-child(3n) a{
	border-right:0;
}
.MemMenu ul li em{
	display: inline-block;
	width: 36.6%;
	margin-bottom: 5%;
}
.MemMenu ul li span{
	color: #323232;
	font-size: 1.2rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*MemMenu*/

/*Mywork*/
.Mywork{
	margin-bottom: 1.875%;
}
.Mywork .title{
	color: #323232;
	font-size: 1.2rem;
	font-weight: normal;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 6.875%;
	line-height: 3rem;
	background: url(../images/mem_title.jpg) no-repeat 3.125% center /2.5% #FFFFFF;
}
.Mywork ul{
	background: #FFFFFF;
	overflow: hidden;
}
.Mywork ul li{
	list-style: none;
	float: left;
	width: 33.3%;
	text-align: center;
	padding: 4.7% 0;
}

.Mywork ul li:nth-child(3n) a{
	border-right:0;
}
.Mywork ul li em{
	display: inline-block;
	width: 20.6%;
	margin-bottom: 5%;
}
.Mywork ul li span{
	color: #323232;
	font-size: 1.2rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*Mywork*/

/*Mem_Avatar*/
.Mem_Avatar{
	background: url(../images/mem_top.jpg) no-repeat center top /100%;
	height: 9.95rem;
	padding: 3rem 3.125% 0;
}
.Mem_Avatar .pic{
	display: inline-block;
	width: 20.7%;
	float: left;
	padding: 5px;
	border: 1px dotted #f8e2d9;
	margin-right: 2.83%;
}
.Mem_Avatar .pic a{
	display: inline-block;
	width: 100%;
}
.Mem_Avatar .pic img{
	width: 100%;
	height: 100%;
}
.Mem_Avatar .info{
	
}
.Mem_Avatar .info h3{
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.8rem;
}
.Mem_Avatar .info p{
	color: #ffffff;
	font-size: 1.1rem;
	margin-bottom: 3%;
}
.Mem_Avatar .info .jf{
	display: inline-block;
	line-height: 2.5rem;
	background: #f0cdc0;
	border: 1px solid #f9a193;
	color: #ff8280;
	font-size: 1.1rem;
	padding: 0 3%;
}
.Mem_Avatar .info .jf i{
	display: inline-block;
	width: 20.8%;
	margin-right: 3%;
}
.Mem_Avatar .info .qd{
	display: inline-block;
	line-height: 2.5rem;
	border: 1px solid #6283fb;
	color: #6283fb;
	font-size: 1.1rem;
	padding: 0 5%;
}
.Mem_Avatar .info .qd i{
	display: inline-block;
	width: 30%;
	margin-right: 3%;
}
/*Mem_Avatar*/

/*PersonInfo*/
.PersonInfo{
	
}
.PersonInfo table{
	width: 100%;
	margin: 4.69% 0 0;
}
.PersonInfo table tr{
	
}
.PersonInfo table td{
	width: 50%;
	padding: 3.125% 0;
	background: #FFFFFF;
	border-bottom: 1px solid #e1e1e1;
}
.PersonInfo table th{
	color: #323223;
	font-size: 1.3rem;
	background: #FFFFFF;
	padding: 3.125% 3.125% 0;
	text-align: left;
	font-weight: normal;
}
.PersonInfo table td label{
	color: #323232;
	font-size: 1.3rem;
	display: block;
	padding: 0 0 0 6.25%;
}
.PersonInfo table td .tx{
	display: inline-block;
	width: 3.2rem;
	height: 3.2rem;
	margin-right: 6.25%;
}
.PersonInfo table td .tx img{
	width: 100%;
	height: 100%;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	border: 1px solid #ffa8a7;
}
.PersonInfo table td .text{
	text-align: right;
	border: 0 none;
	margin-right: 6.25%;
}
.PersonInfo table td .sel{
	border: 0 none;
	width: 87.5%;
	border: 1px solid #e1e1e1;
	margin: 0 6.25%;
	color: #555555;
	font-size: 1.2rem;
	height: 2.9rem;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
.PersonInfo table td .text_nr{
	border: 1px solid #e1e1e1;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	width: 89.75%;
	padding: 0 2%;
	margin: 0 auto;
	display: block;
	line-height: 3rem;
	color: #555555;
	font-size: 1.2rem;
}
.PersonInfo .tijiao{
	background: #ff8280;
	border-radius:0.75rem;
	-moz-border-radius:0.75rem;
	-webkit-border-radius:0.75rem;
	-o-border-radius:0.75rem;
	width: 93.75%;
	border: 0 none;
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	height: 3.8rem;
	line-height: 3.8rem;
	margin:3rem auto 7.5rem;
	-webkit-appearance: none;
	display: block;
}
/*PersonInfo*/

/*ProBan*/
.ProBan{
	position: relative;
}
.ProBan .Banlist li{
	list-style: none;
	width:100%;
}
.ProBan .Banlist li img{
	width:100%;
}
.ProBan .tab{
	font-size: 0;
	position: absolute;
	bottom: 0;
	padding: 1.3rem 0;
	width: 100%;
	left: 0;
	text-align: center;
}
.ProBan .tab a{
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	background: #c9bbb7;
	margin: 0 0.65rem;
}
.ProBan .tab a.on{
	background: #ff8280;
}
/*ProBan*/

/*worklist*/
.worklist{
	padding-bottom: 10.3%;
}
.worklist .topName{
	background: #ffffff;
	border-bottom: 1px solid #d6d7dc;
	padding: 9.8% 0 4.06%;
	margin: 4.84% 0 0;
	position: relative;
}
.worklist .topName i{
	color: #ffffff;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	top: -0.65rem;
	width: 7.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	background: url(../images/work_tt_bg.png) no-repeat center top /100%;
	font-style: normal;
}
.worklist .topName p{
	color: #333333;
	font-size: 1.3rem;
	overflow: hidden;
	padding: 0 3.125% 0 9.375%;
	background: url(../images/work_icon6.jpg) no-repeat 3.125% center /4.69%;
	line-height: 2.4rem;
}
.worklist .topName p.p_pic{
	background: url(../images/work_icon7.jpg) no-repeat 3.125% center /4.69%;
}
.worklist .topName p.p_video{
	background: url(../images/work_icon8.jpg) no-repeat 3.125% center /4.69%;
}
.worklist .topName p .upload{
	float: right;
	display: inline-block;
	width: 7rem;
	height: 2.4rem;
	text-align: center;
	line-height: 2.4rem;
	position: relative;
	color: #ffffff;
	font-size: 1.3rem;
	background: #f5d733;
	border-radius:0.9rem;
	-moz-border-radius:0.9rem;
	-webkit-border-radius:0.9rem;
	-o-border-radius:0.9rem;
}
.worklist .topName p .upload .filetxt{
	display: inline-block;
	width: 7rem;
	height: 2.4rem;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.worklist ul{
	
}
.worklist ul li{
	list-style: none;
	background: #FFFFFF;
	padding:4.53% 3.125% 3.125%;
	overflow: hidden;
	border-bottom: 1px solid #e1e1e1;
}
.worklist ul li .pic{
	width: 26.7%;
	float: left;
	position: relative;
}
.worklist ul li .pic b{
	display: inline-block;
	width: 1.2rem;
	height: 1.8rem;
	background: url(../images/work_icon_bg.png) no-repeat center top /100%;
	color: #ffffff;
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.8rem;
	position: absolute;
	right: 0;
	top:0;
	font-weight: normal;
}
.worklist ul li .pic i{
	display: inline-block;
	width: 2.7rem;
	height: 2.7rem;
	background: url(../images/video_icon.png) no-repeat center top /100%;
	position: absolute;
	right: 0;
	top:0;
	left: 0;
	bottom: 0;
	margin: auto;
	font-weight: normal;
}
.worklist ul li .pic a{
	display: inline-block;
	width: 100%;
}
.worklist ul li .pic a img{
	width: 100%;
	height: 100%;
}
.worklist ul li .info{
	width: 68%;
	float: right;
}
.worklist ul li .info h3{
	font-weight: normal;
}
.worklist ul li .info h3 a{
	color: #323232;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.worklist ul li .info span{
	display: block;
	color: #666666;
	font-size: 1.1rem;
	line-height: 1.3rem;
	height: 2.6rem;
	overflow: hidden;
	margin: 1% 0;
}
.worklist ul li .info p{
	color: #999999;
	font-size: 1rem;
}
.worklist ul li .info p i{
	display: inline-block;
	width: 5.4%;
	margin-right: 1.8%;
}
.worklist ul li .info p em{
	font-style: normal;
	float: right;
}
/*worklist*/

/*pay_success*/
.pay_success{
	
}
.pay_success .top{
	text-align: center;
	padding: 12.7% 0;
	background: #ff8280;
}
.pay_success .top em{
	display: inline-block;
	width: 19.7%;
}
.pay_success .top span{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #ffffff;
	font-size: 1.9rem;
	text-align: center;
	padding: 3.7% 0 0;
}

.pay_success ul{
	margin: 3.125% 0 0;
	background: #FFFFFF;
	overflow: hidden;
}
.pay_success li{
	padding: 0 2.4%;
	border-bottom: 1px solid #f5f5f5;
	list-style: none;
	line-height: 4.4rem;
	overflow: hidden;
	color: #333333;
	font-size: 1.4rem;
}
.pay_success li label{
	float: left;
}
.pay_success li span{
	float: right;
	display: block;
	width: 70%;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*pay_success*/

/*Billing*/
.Billing{
	height: 4.9rem;
	line-height: 4.9rem;
	background:#FFFFFF;
	margin: 1.56% 0;
}
.Billing span{
	display:inline-block;
	width: 58.7%;
	text-align: center;
	color: #ff8280;
	font-size: 1.7rem;
}

.Billing a{
	display: inline-block;
	width: 41.3%;
	float: right;
	text-align: center;
	background: #da251c;
	color: #ffffff;
	font-size: 1.6rem;
}
/*Billing*/
/*confirmorder*/

.confirmorder{
	background: #FFFFFF;
	overflow: hidden;
	margin-bottom: 3.125%;
}

.confirmorder .title{
	line-height: 4.1rem;
	border-bottom: 1px solid #f5f5f5;
	font-size: 1.4rem;
	color: #666666;
	padding: 0 2.4%;
}
.confirmorder .info{
	overflow: hidden;
	border: 1px solid #f5f5f5;
	padding: 3.125%;
}
.confirmorder .info .pic{
	display: inline-block;
	width: 23.3%;
	float: left;
	margin-right: 4.8%;
}
.confirmorder .info .pic a{
	display:inline-block;
	width: 100%;
}
.confirmorder .info .pic img{
	width: 100%;
	height: 100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.confirmorder .info .txt{
	width: 71.8%;
	float: right;
}
.confirmorder .info h3{
	margin-bottom: 2%;
}
.confirmorder .info h3 a{
	color: #333333;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 2.5rem;
	height: 4.6rem;
	display: block;
	overflow: hidden;

}
.confirmorder .info p{
	color: #ff8280;
	font-size: 1.4rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.confirmorder .info p span{
	color: #999999;
	font-size: 1.3rem;
	padding: 0 6%;
}
.confirmorder .info p i{
	display: inline-block;
	width: 6.5%;
	margin-right: 3%;
}
.confirmorder .ordertxt{
	
}
.confirmorder .ordertxt li{
	padding: 0 2.4%;
	border-bottom: 1px solid #f5f5f5;
	list-style: none;
	line-height: 4.4rem;
	overflow: hidden;
	color: #333333;
	font-size: 1.4rem;
}
.confirmorder .ordertxt li label{
	float: left;
}
.confirmorder .ordertxt li span{
	float: right;
}
.confirmorder .ordertxt li span i{
	font-style: normal;
	color: #ff8280;
}
.confirmorder .ordertxt li dl{
	float: right;
	border: 1px solid #999999;
	height: 2.1rem;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	display: inline-block;
	vertical-align: middle;
	margin: 1.2rem 0 0; 
}
.confirmorder .ordertxt li dl a{
	display: inline-block;
	width: 2.1rem;
	height: 2.1rem;
	line-height: 2.1rem;
	text-align: center;
	float: left;
	color: #333333;
	font-size: 1.4rem;
}
.confirmorder .ordertxt li dl .text{
	border: 0 none;
	width: 2.1rem;
	height: 2.1rem;
	line-height: 2.1rem;
	text-align: center;
	border: 1px solid #999999;
	border-width:0 1px;
	float: left;
}
.confirmorder .ordertxt li .text{
	border: 0 none;
	text-align: right;
}
.confirmorder .ordertxt li .addr{
	border: 0 none;
	text-align: left;
	width: 98%;
	padding: 2% 1%;
	line-height: 2rem;
	resize: none;
}
.confirmorder .ordertxt li label i{
	font-style: normal;
	color: #999999;
	font-size: 1.2rem;
}
.confirmorder .ordertxt li .add{
	color: #FF8280;
    font-size: 1.3rem;
}
.confirmorder .ordertxt li.last{
	border-bottom: 0;
	margin: 2% 0;
}
.confirmorder .save_btn{
	background: #ff8280;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-size: 1.5rem;
    line-height: 3.8rem;
    margin: 0 auto 3.4%;
    text-align: center;
    width: 93.75%;
    border: 1px solid #ff8280;
}
.confirmorder .del_btn{
    border-radius: 8px;
    color: #333333;
    display: block;
    font-size: 1.5rem;
    line-height: 3.8rem;
    text-align: center;
    width: 93.75%;
    margin: 0 auto 23.4%;
    border: 1px solid #333333;
}

.orderConfirmCont{
	padding: 5.3% 0 0;
	height: 9.2rem;
	border:1px solid #e5e5e5;
	background: #FFFFFF;
	margin: 1rem auto;
}

.orderConfirmCont h3{
	overflow: hidden;
	line-height: 2.5rem;
	color: #333333;
	font-size: 1.3rem;
	font-weight: normal;
	padding: 0 7% 0;
}

.orderConfirmCont h3 span{
	float: left;
}
.orderConfirmCont h3 em{
	float: right;
}
.orderConfirmCont p{
	padding: 0 7%;
	line-height: 2.5rem;
	color: #333333;
	font-size: 1.3rem;
}

/*orderlist*/
.Contain{
	background: #f5f5f5;
}
.orderlist{
	
}
.orderlist li{
	list-style: none;
	background: #FFFFFF;
	overflow: hidden;
	margin-bottom: 4%;
}
.orderlist li .title{
	line-height: 4.1rem;
	border-bottom: 1px solid #f5f5f5;
	font-size: 1.4rem;
	color: #666666;
	padding: 0 2.4%;
}
.orderlist li .info{
	overflow: hidden;
	border: 1px solid #f5f5f5;
	padding: 3.125%;
}
.orderlist li .info .pic{
	display: inline-block;
	width: 23.3%;
	float: left;
	margin-right: 4.8%;
}
.orderlist li .info .pic a{
	display:inline-block;
	width: 100%;
}
.orderlist li .info .pic img{
	width: 100%;
	height: 100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.orderlist li .info .txt{
	width: 71.8%;
	float: right;
}
.orderlist li .info h3{
	margin-bottom: 2%;
}
.orderlist li .info h3 a{
	color: #333333;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 2.5rem;
	height: 4.6rem;
	display: block;
	overflow: hidden;

}
.orderlist li .info p{
	color: #ff8280;
	font-size: 1.4rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.orderlist li .info p span{
	padding: 0 2rem 0 0;
	color: #666666;
}

.orderlist li .btn{
	text-align: right;
	padding: 3.6% 2.4%;
	border: 1px solid #e5e5e5;
	border-width:1px 0 ;
	font-size: 0;
}
.orderlist li .btn a{
	display: inline-block;
	width: 7.4rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	border-radius:5px ;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	-o-border-radius:5px ;
	font-size: 1.4rem;
	margin-left: 4.8%;
	border: 1px solid;
}

.orderlist li .btn .a1{
	background: #e01827;
	color: #FFFFFF;
	border-color:#e01827;
}
.orderlist li .btn .a2{
	color: #c7c7c7;
	border-color:#c7c7c7;
}
.orderlist li .btn .a1.on{
	border-color:#999999;
	background:none;
	color: #333333;
}
.orderlist li .btn .a2.on{
	border-color:#999999;
	color: #333333;
}

/*order_process*/
.order_process{

}
.wuliu_info{
	overflow: hidden;
}
.wuliu_info .title{
	line-height: 2.8rem;
	color: #333333;
	font-size: 1.3rem;
	padding: 0 3.125%;
	background: #FFFFFF;
}
.wuliu_info .title i{
	display: inline-block;
	width: 4.5%;
	margin-right: 2%;
}
.wuliu_info .title i img{
	vertical-align: -0.2rem;
}
.wuliu_info .title em{
	float: right;
	color: #caa777;
	font-size: 1.1rem;
}
.wuliu_info .title em img{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.wuliu_info .info_txt{
	overflow: hidden;
	padding: 2.2% 3.125%;
	border: 1px solid #e1e1e1;
	border-width:1px 0;
	background: #FFFFFF;
	margin-bottom: 3.125%;
}
.wuliu_info .info_txt em{
	width: 23.3%;
	float: left;
	margin-right: 5.83%;
}
.wuliu_info .info_txt p{
	line-height: 2.4rem;
	color: #333333;
	font-size: 1.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.wuliu_info .info_txt p span{
	color: #f04656;
}
.wuliu_info  .kdtitle{
	color: #333333;
	font-size: 1.2rem;
	line-height: 3.6rem;
	border-bottom: 2px solid #f5f5f5;
	padding: 0 3.125%;
	background: #FFFFFF;
}
.wuliu_info .kdtitle span{
	color: #f04656;
}
.wuliu_info .process{
	position: relative;
	margin: 0 0 3.125%;
	background: #FFFFFF;
}
.wuliu_info .process ul{
	/*padding: 0 0 0 9.5%;*/
	background: url(../images/sx_icon1.png) repeat-y 3.125% bottom /2.8%;
}
.wuliu_info .process li{
	list-style: none;
	padding: 0 0 0 9.5%;
	background: url(../images/sx_icon2.png) no-repeat 3.125% center /2.8%;
}
.wuliu_info .process li:first-child{
	background: url(../images/sx_icon3.png) no-repeat 3.125% top /2.8%;
}
.wuliu_info .process li:last-child{
	background: url(../images/sx_icon4.png) no-repeat 3.125% bottom /2.8%;
}
.wuliu_info .process li:last-child .Cont{
	border-bottom: 0;
}
.wuliu_info .process li .Cont{
	border-bottom: 2px solid #f5f5f5;
	padding: 3.125% 0;
}
.wuliu_info .process li h3{
	color: #333333;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 2rem;
}
.wuliu_info .process li h3 span{
	color: #f04656;
}
.wuliu_info .process li.on h3{
	color: #f04656;
}
.wuliu_info .process li p{
	color: #999999;
	font-size: 1.1rem;
	line-height: 2rem;
}

/*order_process*/

/*CodeImg*/
.CodeImg{
	position: relative;
	background: #FFFFFF;
	margin: 5% 0 0;
}
.CodeImg i{
	color: #ffffff;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	top: -0.65rem;
	width: 7.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	background: url(../images/work_tt_bg.png) no-repeat center top /100%;
	font-style: normal;
}
.CodeImg .Cont{
	position: absolute;
	left: 0;
	top: 15%;
	right: 0;
	margin: auto;
}
.CodeImg em{
	display: block;
	width: 59.375%;
	margin: 0 auto 3%;
	box-shadow: 0 0 4px #f3f3f5;
	-moz-box-shadow: 0 0 4px #f3f3f5;
	-webkit-box-shadow: 0 0 4px #f3f3f5;
	-o-box-shadow: 0 0 4px #f3f3f5;
}
.CodeImg p{
	color: #323232;
	font-size: 1.2rem;
	width: 57.8%;
	margin: 0 auto;
	line-height: 1.9rem;
}
.CodeImg p span{
	color: #ff8280;
}
/*CodeImg*/

/*gonggao_list*/
.gonggao_list{
}
.gonggao_list .title{
	color: #666666;
	font-size: 1.1rem;
	line-height: 3.4rem;
	border-bottom: 1px dotted #ff9795;
	padding: 0 3.125% 0 13.6%;
	background: url(../images/gonggao_tt.jpg) no-repeat 3.125% center /7.5% #FFFFFF;
	margin-bottom: 3.6%;
}
.gonggao_list .title i{
	color: #ff8280;
	font-style: normal;
}
.gonggao_list ul{
	background: #FFFFFF;
}
.gonggao_list li{
	list-style: none;
	overflow: hidden;
	padding: 3.125% 3.125% 4.69%;
	border-bottom: 1px solid #e1e1e1;
}
.gonggao_list li .pic{
	width: 15%;
	float: left;
}
.gonggao_list li .pic a{
	display: inline-block;
	width: 100%;
}
.gonggao_list li .pic img{
	width: 100%;
	height: 100%;
}
.gonggao_list li .info{
	width: 82.3%;
	float: right;
}
.gonggao_list li .info h3{
	font-weight: normal;
}
.gonggao_list li .info h3 a{
	color: #222222;
	font-size: 1.2rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.gonggao_list li .info span{
	color: #666666;
	font-size: 1rem;
	display: block;
	line-height: 1.6rem;
}
.gonggao_list li .info p{
	color: #323232;
	font-size: 1.1rem;
	line-height: 1.6rem;
}
/*gonggao_list*/

/*MyProduct*/
.MyProduct{
	position: relative;
	margin: 5% 0 0;
	background: #FFFFFF;
}
.MyProduct .top_tt{
    background:url("../images/work_tt_bg.png") no-repeat center top / 100% auto;
    color: #ffffff;
    font-size: 1.2rem;
    font-style: normal;
    height: 2.5rem;
    left: 0;
    line-height: 2.5rem;
    position: absolute;
    text-align: center;
    top: -0.65rem;
    width: 7.5rem;
}
.MyProduct .Cont{
	width: 59.375%;
	margin: 0 auto;
	padding: 20.6% 0;
}
.MyProduct .Cont .pic{
	
}
.MyProduct .Cont .info{
	color: #323232;
	font-size: 1.2rem;
	line-height: 1.9rem;
	padding: 4.3% 0 9%;
}
.MyProduct .Cont .info i{
	color: #ff8280;
	font-style: normal;
}
.MyProduct .Cont .tip{
	color: #ff8280;
	font-size: 1.3rem;
	padding: 0 0 0 12.9%;
	background: url(../images/tip_icon.png) no-repeat left top /10%;
	margin-bottom: 7%;
}
.MyProduct .Cont .tip a{
	color: #f2253d;
	font-size: 1.4rem;
}
.MyProduct .Cont .txt_input{
	line-height: 2rem;
	height: 2rem;
	padding:0.85rem 0;
	border: 1px dotted #fd9e9d;
	border-radius: 1.8rem;
	-moz-border-radius: 1.8rem;
	-webkit-border-radius: 1.8rem;
	-o-border-radius: 1.8rem;
	background: #f6f6f6;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.MyProduct .Cont .txt_input .text{
	border: 0 none;
	line-height: 1.9rem;
	background: #f6f6f6;
	vertical-align: middle;
	float:left;
}
.MyProduct .Cont .txt_input .text:first-child{
	width:40%;
	margin-left:8%;
	border:0.05rem solid #f6f6f6;
}
.MyProduct .Cont .txt_input .text:first-child+.text{
	width:25%;
	border:0.05rem solid #ff8280;
}
.MyProduct .Cont .txt_input a{
	display: inline-block;
	width: 3.7rem;
	height: 3.7rem;
	float: right;
	line-height: 3.7rem;
	text-align: center;
	color: #ffffff;
	font-size: 1.2rem;
	background: #ff8280;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 1.8rem;
	-moz-border-radius: 1.8rem;
	-webkit-border-radius: 1.8rem;
	-o-border-radius: 1.8rem;
}
/*MyProduct*/

/*Myorder*/
.Myorder{
	position: relative;
	margin: 5% 0 0;
	background: #FFFFFF;
}
.Myorder .top_tt{
    background:url("../images/work_tt_bg.png") no-repeat center top / 100% auto;
    color: #ffffff;
    font-size: 1.2rem;
    font-style: normal;
    height: 2.5rem;
    left: 0;
    line-height: 2.5rem;
    position: absolute;
    text-align: center;
    top: -0.65rem;
    width: 7.5rem;
}
.Myorder ul{
	background: #FFFFFF;
	padding: 9.375% 0 0;
}
.Myorder ul li{
	border-bottom: 1px solid #e1e1e1;
	list-style: none;
	margin-bottom: 3.9%;
}
.Myorder ul li .Cont{
	overflow: hidden;
	background: #f3f3f3;
	padding: 1.56% 3.125%;
}
.Myorder ul li .Cont .pic{
	width: 20%;
	float: left;
}
.Myorder ul li .Cont .pic a{
	display: block;
	border: 1px solid #FFFFFF;
}
.Myorder ul li .Cont .info{
	width: 77.5%;
	float: right;
}
.Myorder ul li .Cont .info h3{
	font-weight: normal;
}
.Myorder ul li .Cont .info h3 a{
	color: #323232;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 2.1rem;
}
.Myorder ul li .Cont .info p{
	color: #666666;
	font-size: 1.1rem;
	line-height: 1.9rem;
}
.Myorder ul li .Cont .info p span{
	color: #ff8280;
	margin-right: 10%;
}
.Myorder ul li .item{
	line-height: 3.2rem;
	text-align: right;
	padding: 0 3.125%;
	color: #444444;
	font-size: 1rem;
}
.Myorder ul li .item a{
	display: inline-block;
	float: left;
	color: #FFFFFF;
	background: #FF8280;
	margin: 0.6rem 0.5% 0;
	padding: 0 3%;
	line-height: 2rem;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}
.Myorder ul li .item span{
	color: #ff8280;
	font-size: 1.3rem;
}
/*Myorder*/

/*MyRepair*/
.MyRepair{
	position: relative;
	margin: 5% 0;
	background: #FFFFFF;
}
.MyRepair .top_tt{
    background:url("../images/work_tt_bg.png") no-repeat center top / 100% auto;
    color: #ffffff;
    font-size: 1.2rem;
    font-style: normal;
    height: 2.5rem;
    left: 0;
    line-height: 2.5rem;
    position: absolute;
    text-align: center;
    top: -0.65rem;
    width: 7.5rem;
}
.MyRepair .repair_list{
	background: #FFFFFF;
	padding: 9.375% 0 0;
}
.MyRepair .repair_list li{
	border-bottom: 1px solid #e1e1e1;
	list-style: none;
	margin-bottom: 3.9%;
}
.MyRepair .repair_list li .Cont{
	overflow: hidden;
	background: #f3f3f3;
	padding: 1.56% 3.125%;
	position: relative;
}
.MyRepair .repair_list li .Cont .pic{
	width: 20%;
	float: left;
}
.MyRepair .repair_list li .Cont .pic a{
	display: block;
	border: 1px solid #FFFFFF;
}
.MyRepair .repair_list li .Cont .info{
	width: 77.5%;
	float: right;
	position: relative;
}
.MyRepair .repair_list li .Cont .info h3{
	font-weight: normal;
}
.MyRepair .repair_list li .Cont .info h3 a{
	color: #323232;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 2.1rem;
}
.MyRepair .repair_list li .Cont .info p{
	color: #666666;
	font-size: 1.1rem;
	line-height: 1.9rem;
}
.MyRepair .repair_list li .Cont .info p span{
	color: #ff8280;
	margin-right: 10%;
}
.MyRepair .repair_list li .Cont .schedule{
	position: absolute;
	right: 3.125%;
	bottom: 1.2rem;
	line-height: 2.3rem;
	width: 16.7%;
	text-align: center;
	background: #f8c077;
	color: #ffffff;
	font-size: 1.1rem;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
}

.Popup_box{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	background: rgba(0,0,0,0.5);
	display: none;
}
.Popup_box .Cont{
	width: 87.8%;
	margin: 30% auto 0;
	background: #FFFFFF;
	padding: 6.25% 0;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	-o-border-radius:9px;
	position: relative;
}
.Popup_box .Cont .close{
	display: inline-block;
	width: 10.1%;
	position: absolute;
	right: -1.2rem;
	top: -1.2rem;
}
.Popup_box h3{
	background: rgba(0, 0, 0, 0) url("../images/btn_bg.jpg") repeat-x scroll left top / 0.6% auto;
    border-radius: 1.6rem;
    color: #f25a57;
    display: block;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 0 3.125% 6.25%;
    width: 28.3%;
    text-align: center;
}
.Popup_box ul{
	padding: 0 3.125%;
	height: 16.7rem;
	overflow: hidden;
	overflow-y: scroll;
}
.Popup_box li{
	overflow: hidden;
	margin-bottom: 4.7%;
	list-style: none;
}
.Popup_box li span{
	display: block;
	width: 29%;
	color: #777777;
	font-size: 1.1rem;
	float: left;
}
.Popup_box li a{
    display: block;	
    width: 71%;
    color: #323232;
    font-size: 1.2rem;
    line-height: 1.7rem;
    float: right;
}
.Popup_box li:first-child span{
	color: #ff8280;
}
.Popup_box li:first-child a{
	color: #ff8280;
}

.repair_detail{
	overflow: hidden;
	padding:5% 0;
}
.repair_detail li{
	padding: 3.125%;
	list-style: none;
	line-height: 1.7rem;
	background: #fdfdfd;
	border: 1px solid #d6d7dc;
	border-width:1px 0;
	margin-top: 4.9%;
}
.repair_detail li .left{
	width: 30%;
	color: #323232;
	font-size: 1.2rem;
	float: left;
}
.repair_detail li .left b{
	display: inline-block;
	width: 19.4%;
	margin-right: 2%;
}
.repair_detail li .right{
	width: 70%;
	float: right;
}
.repair_detail li .right .text{
	border: 0 none;
	color: #888888;
	font-size: 1rem;
	width: 100%;
}
.repair_detail li .right .txt{
	border: 0 none;
	color: #888888;
	font-size: 1rem;
	width: 100%;
	padding: 0.2rem 0;
	background: none;
}
.repair_detail li dl{
	padding: 0 11% 0 7%;
	background: url(../images/repair_icon6.jpg) no-repeat left top /5.83%;
}
.repair_detail li dl dt{
	color: #323232;
	font-size: 1.2rem;
	line-height: 1.9rem;
	font-weight: normal;
}
.repair_detail li dl dd{
	color: #555555;
	font-size: 1.2rem;
	line-height: 1.9rem;
}
.repair_detail .SelectBox{ 
	width:100%; 
	height:1.4rem;  
	position:relative;
	text-align: right;
}
.repair_detail .SelectBox .SelectText{
	display:block; 
	background:url(../images/jt_2.gif) no-repeat right center /6.2%; 
	padding-right:6.5%; 
	height:1.4rempx; 
	line-height:1.4rem; 
	cursor:pointer;
	color: #444444;
	font-size: 1.2rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.repair_detail .SelectBox .SelectList{
	position:absolute; 
	right:0px; 
	top:1.4rem; 
	width:98%; 
	border:1px solid #D3D3D3; 
	border-top:0px; 
	background:#fff; 
	display:none;
	padding: 0;
}
.repair_detail .SelectBox .SelectList dt{
	display:block; 
	cursor:pointer;
	line-height: normal;
}
.repair_detail .SelectBox .SelectList dt a{
	padding:0 10px; 
	display:block; 
	padding: 2% 5%;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
	font-size: 1rem;
	color: #666;
}
.repair_detail .SelectBox .SelectList dt a:hover{
	background:#e1e1e1; 
	color:#fff;
}
/*MyRepair*/


/*jf_list*/
.pointCenter{
	position: relative;
	margin: 4.69% 0 0;
}
.pointCenter .top_tt{
    background:url("../images/work_tt_bg.png") no-repeat center top / 100% auto;
    color: #ffffff;
    font-size: 1.2rem;
    font-style: normal;
    height: 2.5rem;
    left: 0;
    line-height: 2.5rem;
    position: absolute;
    text-align: center;
    top: -0.65rem;
    width: 7.5rem;
}
.pointCenter .title{
	color: #ff8280;
	font-size: 1.3rem;
	padding: 3.125% 3.125% 0;
	background: #FFFFFF;
	border-top:1px solid #d6d7dc;
}
.my_jf{
	overflow: hidden;
	padding:10.3% 3.125% 3.125%;
	background: #FFFFFF;
}
.my_jf li{
	width: 50%;
	float: left;
	list-style: none;
	color: #333333;
	font-size: 1.4rem;
}
.my_jf li:first-child i{
	display: inline-block;
	width: 8.75%;
	margin-right: 5%;
}
.my_jf li:last-child{
	text-align: right;
}
.my_jf li:last-child i{
	display: inline-block;
	width: 11.8%;
	margin-right: 5%;
}
.pointCenter .tips{
	color: #333333;
	font-size: 1.2rem;
	line-height: 2.2rem;
	padding: 3.125%;
	background: #FFFFFF;
}
.jf_list{
	background: #ffffff;
}
.jf_list li{
	list-style: none;
	padding: 4.69% 3.125%;
	border-bottom: 1px solid #ededed;
	
}
.jf_list li .Cont{
	position: relative;
	overflow: hidden;
}
.jf_list li .pic{
	float: left;
	width: 23.3%;
	margin-right: 5%;
}

.jf_list li .pic img{
	width: 100%;
	height: 100%;
}
.jf_list li .info{
	width: 53%;
	float: left;
}

.jf_list li .info h3{
	color: #333333;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.5rem;
}
.jf_list li .info p{
	color: #999999;
	font-size: 1.2rem;
}
.jf_list li i{
	position: absolute;
	right: 0;
	top: 50%;
	margin:-0.85rem 0 0;
	color: #f04656;
	font-size: 1.7rem;
	font-style: normal;
}
/*jf_list*/


/*shareBox*/
.shareBox{
	position: relative;
}
.shareBox dl{
	position: absolute;
	overflow: hidden;
	top: 33rem;
	text-align: center;
	width: 100%;
	font-size: 0;
}
.shareBox dl dt{
	width: 29.7%;
	display: inline-block;
	margin: 0 7%;
}
/*shareBox*/

/*HaveProduct*/
.HaveProduct{
	padding: 8.33% 3.125%;
	background: #FFFFFF;
	text-align: center;
}
.HaveProduct .pic{
	display: inline-block;
	width: 64.6%;
	border: 1px dotted #ff9a98;
	padding: 0.15rem;
}
.HaveProduct em{
	display: block;
	width: 28.3%;
	margin: 6.67% auto 5%;
	line-height: 2.7rem;
	color: #f25a57;
	font-size: 1.4rem;
	border-radius:1.6rem;
	-moz-border-radius:1.6rem;
	-webkit-border-radius:1.6rem;
	-o-border-radius:1.6rem;
	background: url(../images/btn_bg.jpg) repeat-x left bottom / 0.6%;
}
.HaveProduct h3{
	font-weight: normal;
	color: #323232;
	font-size: 1.4rem;
	line-height: 1.8rem;
	width: 63%;
	margin: 0 auto;
}
.HaveProduct p{
	color: #555555;
	font-size: 1.3rem;
	line-height: 2.1rem;
	text-align:left;
	width:70%;
	margin:auto;
}
.HaveProduct p i{
	color: #323232;
	font-style: normal;
	margin-right: 5%;
}
.HaveProduct .btn{
	display: block;
	color: #ffffff;
	font-size: 1.4rem;
	background: #ff8280;
	text-align: center;
	line-height: 3.8rem;
	border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	margin: 8.33% 0 0;
}
/*HaveProduct*/

/*Havapro_list*/
.Havapro_list{
	padding: 7.5% 0 0;
	margin-bottom: -8%;
}
.Havapro_list li{
	overflow: hidden;
	padding: 3.125%;
	border-bottom: 1px solid #e1e1e1;
}
.Havapro_list .pic{
	width: 19.6%;
	float: left;
	padding: 1px;
	background: #FFFFFF;
	border: 1px solid #ffc0bf;
}
.Havapro_list .pic img{
	width: 100%;
	height: 100%;
}
.Havapro_list .info{
	width: 76.3%;
	float: right;
}
.Havapro_list .info h3{
	line-height:1.6rem;
	color: #323232;
	font-size: 1.3rem;
	font-weight: normal;
	margin: 1.6% 0 0;
}
.Havapro_list .info p{
	color: #555555;
	font-size: 1.1rem;
	line-height: 1.8rem;
}
.Havapro_list .info p span{
	color: #ff8280;
	padding: 0 0 0 3%;
}
/*Havapro_list*/

/*Pro_detail*/
.Pro_detail{
	
}
.Pro_detail .pro_tt{
	padding: 3.125%;
	background: #FFFFFF;
	position: relative;	
	margin-bottom: 1.56%;
}
.Pro_detail .pro_tt h3{
   color: #333333;
   font-size:1.6rem;
   font-weight: normal;
   margin-bottom: 2%;
}
.Pro_detail .pro_tt p{
   color: #999999;
   font-size: 1.3rem;
}
.Pro_detail .pro_tt span{
   position: absolute;
   right: 3.125%;
   top: 50%;
   margin-top: -1rem;	
   color: #ff8280;
   font-size: 2rem;
   width: 35%;
   text-align: right;
}
.Pro_detail .pro_tt span i{
	display: inline-block;
	width: 11.6%;
	margin-right: 5%;
}
.Pro_detail .pro_intro{
	background: #FFFFFF;
	padding: 3.125%;
	margin-bottom: 1.56%;
}
.Pro_detail .pro_intro .top{
	color: #999999;
	font-size: 1.2rem;
	margin-bottom: 2%;
}
.Pro_detail .pro_intro .txt{
	line-height: 2.2rem;
	color: #333333;
	font-size: 1.3rem;
}
.Pro_detail .pro_ul{
	width: 100%;
}
.Pro_detail .pro_ul td{
	background: #FFFFFF;
	border-bottom: 0.5rem solid #f0efed;
	padding: 3.125% 0;
	position: relative;
}
.Pro_detail .pro_ul .td1{
	width: 14.7%;
	color: #666666;
	font-size: 1.2rem;
	text-align: center;
}
.Pro_detail .pro_ul td .wx{
	display: inline-block;
	width: 7.7%;	
}
.Pro_detail .pro_ul dl {
    border: 1px solid #999999;
    border-radius: 3px;
    display: inline-block;
    height: 2.1rem;
    vertical-align: middle;
}
.Pro_detail .pro_ul dl a {
    color: #333333;
    display: inline-block;
    float: left;
    font-size: 1.4rem;
    height: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    width: 2.1rem;
}
.Pro_detail .pro_ul .text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    float: left;
    height: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    width: 2.1rem;
}
.Pro_detail .pro_ul p{
	color: #333333;
	font-size: 1.3rem;
	margin-bottom: 1%;
	overflow: hidden;
	margin-top:-1.2%;
}
.Pro_detail .pro_ul p .text{
	border: 0 none;
	width: 90%;
	background: none;
	text-align: left;
}
.Pro_detail .pro_ul span{
	color: #999999;
	font-size: 1.3rem;
}
.Pro_detail .pro_ul .loca_btn{
	position: absolute;
	right: 3.125%;
	top: 50%;
	width: 4.2%;
	margin-top: -1rem;
}
/*Pro_detail*/

/*维修*/
.service_btn {
    background: #ff8280 none repeat scroll 0 0;
    border: 1px solid #ff8280;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-size: 1.5rem;
    line-height: 3.8rem;
    margin: 0 auto;
    text-align: center;
    width: 93.75%;
}
.service_p{
	color: #888888;
	font-size: 1rem;
	text-align: right;
	line-height: 2.3rem;
	padding: 0 3.125%;
}

/*Popup_box*/
.Popup_box1{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    display: none;
}
.Popup_box1 .Cont{
    width:100%;
    margin: 0 auto;
    background: #f2f1f2;
    position: relative;
    padding-bottom:6%;
}

.Popup_box1 .Cont h6{
    color: #ff8280;
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal;
    padding-top: 4%;
}
.Popup_box1 .Cont ul{
    overflow: hidden;
    margin-top: 5.6%;
}
.Popup_box1 .Cont ul li{
    float: left;
    width: 50%;
    text-align: center;
    list-style: none;
}
.Popup_box1 .Cont ul li i{
     display: inline-block;
     width:30%;
    position: relative;
 }
  .filetxt {
    display: inline-block;
    width: 7rem;
    height: 2.4rem;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.Popup_box1 .Cont ul li p{
    font-size: 1.2rem;
    color: #323232;
    margin-top: 4.8%;
}
.Popup_box1 .Cont .close{
    position: absolute;
    display: block;
    width: 8.75%;
    top: 4%;
    right: 2%;
}
/*Popup_box*/

/*comment_reply*/
.comment_reply{
background:#e7e7e7;
overflow:hidden;
height:3.2rem;
}
.comment_reply .text{
   border:0 none;
   background:#e7e7e7;
   height:3.2rem;
   line-height:3.2rem;
   width:83%;
   padding:0 2%;
   float:left;
}
.comment_reply #formsub{
width: 10%;
    float: right;
    display: block;
    height:3.2rem;
    text-align:center;
}
.comment_reply #formsub img{
   vertical-align: middle;
   max-width:100%;
}



/*Postforum*/
.Postforum{
	position: fixed;
	background: #FFFFFF;
	height: 100%;
	width: 100%;
	max-width: 640px;
	min-width: 320px;
}
.Postforum table{
	width: 100%;
	margin-top: 5%;
}
.Postforum th{
	font-size: 2rem;
	padding: 2% 0;
	color: #333333;
}
.Postforum td{
	color: #333333;
	font-size:1.2rem;
	padding: 2% 0;
}
.Postforum .td1{
	width: 20%;
	text-align: right;
}
.Postforum .text{
	border:1px solid #e1e1e1;
	width: 75%;
	padding: 0 1%;
	height: 2.5rem;
	line-height: 2.5rem;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
.Postforum .text_nr{
	border:1px solid #e1e1e1;
	width: 94%;
	padding:1%;
	height: 2rem;
	line-height: 2rem;
	height: 12rem;
	resize: none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
.Postforum .btn{
	width: 50%;
	height: 3rem;
	line-height: 3rem;
	border: 0 none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	background: #F15866;
	color: #FFFFFF;
	font-size: 1.2rem;
	display: block;
	margin: 0 auto;
	-webkit-appearance: none;
	
}
/*Postforum*/


.fabu{
	display: block;
	margin:6.25% auto;
	width:93.75%;
	background: #ff8280;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	border: 0 none;
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	height: 3.8rem;
	line-height:3.8rem;
	-webkit-appearance: none;
}

/*Vouchers*/
.Vouchers{
	position: relative;
}
.Vouchers .info_txt{
	position: absolute;
	top: 11.9rem;
	left: 0;
	right: 0;
	z-index: 2;
	width: 93.75%;
	margin: 0 auto;
	background-size:18.3%;
	text-align: center;
}
/*Vouchers*/


@media screen and (max-width:480px){
    html{ font-size: 15px;}
}
@media screen and (max-width:414px){
    html{ font-size: 13px;}
}
@media screen and (max-width:384px){
    html{ font-size: 12px;}
}
@media screen and (max-width:360px){
    html{ font-size: 11px;}
}
@media screen and (max-width:320px){
    html{ font-size: 10px;}
}