/*
 site
 */
body{ max-width: 640px; min-width:280px; margin: 0 auto; }
a, a:hover{ text-decoration: none; }
.on{ display:block}
.off{ display:none}
/*** index ***/
.wrapper,.footer{ width: 95%; min-width: 280px; margin: 0 auto; /*background-color: rgba(0, 0, 0, 0.15); */ }
.header{ position: relative; width: 100%; height: 76px; margin: 10px 0;  }
.logo{ width: 60%; max-width: 280px; height: 76px; background: url(../images/logo.png) no-repeat center center; background-size: 100% auto; margin: 0 auto; display: block; }
.menu{ position: absolute; top: 0; left: 0; z-index: 99; width: 76px; height: 76px; display: block;  }
.menu i{ width: 32px; height: 32px; margin: 10px 22px 0 22px; background: url(../images/menubg.png) no-repeat center center; background-size: 100%; display: block; }
.Collec{ position: absolute; top: 0; right: 0; width: 76px; height: 76px; }
.Collec a{ padding: 10px 22px 34px 22px; float: left; display: block; }
.Collec .shop{ width: 38px; height: 30px; padding-top: 8px; padding-bottom: 6px; }
.Collec .iCollec{ width: 32px; height: 32px;  }
.Collec .iCollec img{ width: 32px; height: 32px; display: block; }

.headmenu{ position: absolute; top: 0; left: 0; z-index: 99; width:  }

.center{ width: 100%; }
.Anything{ width: 100%; height: 50px; background-color: #000; }
.Anything span{ text-align: center; letter-spacing: 1px; line-height: 50px; font-size: 18px; color: #fff; display: block; }
.Anythings{ width: 592px; text-align: center; margin: 24px auto 0px auto; }
.Anythings a{ text-decoration: none; display: block; }
.Anythings a img{ width: 100%; display: block; }
.Anythings h1{ height: 82px; line-height: 82px; letter-spacing: 2px; font-family: 宋体; font-size: 30px; color: #1f1f1f; margin: 20px 0 0 0; display: block; }
.Anythings h2{ width: 67px; height: 3px; background-color: #152428; margin: 0 auto; display: block; }
.Anythings h3{ height: 73px; line-height: 73px; font-size: 18px; color: #404040; display: block; }

.footer{ width: 100%; overflow: hidden; margin-bottom: 84px;}
.botter{ height: 81px; }
.botter span{ position: relative; text-align: center; line-height: 81px; letter-spacing: 2px; font-size: 22px; color: #444; display: block; }
.botter span:before{ content: ""; position: absolute; left: 0; top: 40px; width: 32%; height: 1px; background-color: #7c7c7c; }
.botter span:after{ content: ""; position: absolute; right: 0; top: 40px; width: 32%; height: 1px; background-color: #7c7c7c; }

.botter h1{ position: relative; text-align: center; line-height: 81px; letter-spacing: 2px; font-size: 22px; font-weight: bold; color: #444; display: block; }
.botter h1:before{ content: ""; position: absolute; left: 0; top: 40px; width: 40%; height: 1px; background-color: #7c7c7c; }
.botter h1:after{ content: ""; position: absolute; right: 0; top: 40px; width: 40%; height: 1px; background-color: #7c7c7c; }



.time{ width: 100%; height: 55px; }
.time span{ line-height: 55px; letter-spacing: 1px; text-align: center; font-size: 18px; color: #fff; background-color: #222; display: block; }
.fonav{ overflow:hidden; text-align: center; margin-top: 10px; }
.fonav a{ line-height: 40px; padding: 0 5px; font-size: 18px; color: #7c7c7c; display: inline-block; text-decoration: none; }
.copyright{ height: 48px; padding: 18px 0; text-align: center; }
.copyright p{ line-height: 24px; font-size: 18px; color: #7c7c7c; display: block; }
/*** index ***/

/*** menu ***/
.menutop{ position: relative; width: 100%; height: 97px; border-bottom: 5px solid #000;  }
.menutop span{ text-align: center; letter-spacing: 1px; line-height: 97px; font-size: 40px; color: #231815; display: block; }
.menutop a{ position: absolute; top: 30px; left: 30px; width: 23px; height: 42px; display: block; }
.menutop a img{ width: 23px; height: 42px; display: block; }

.menunav{ margin: 33px 0; overflow: hidden; text-align: center; }
.menunav a{ width: 40%; height: 81px; margin: 0 3%; border: 2px solid #000; line-height: 81px; letter-spacing: 1px; font-size: 28px; color: #000; display: inline-block; text-decoration: none;  }
.menubot{ margin: 0 18px; }
.menubot ul{ padding: 0; margin: 0; list-style: none; }
.menubot ul li{ width: 100%; height: 78px; border-bottom: 2px solid #7c7c7c; text-align: center; }
.menubot ul li a{ line-height: 78px; letter-spacing: 1px; font-size: 30px; color: #000; display: block; text-decoration: none; background: url(../images/menunav.png) no-repeat 570px 27px;  }

.mt24{ margin-top: 24px; }

/*** login ***/
.login{ margin: 66px 0 0 0; }
.memberlogin{ margin: 0 auto; padding: 0; width:96%; list-style: none; font-family: "微软雅黑", Arial, sans-serif; }
.memberlogin li{ position: relative; width:100%; margin:0 auto 21px auto; border: 2px solid #000; border-radius: 2px; overflow:hidden; }
.memberlogin li label.username{ width: 65px; border-right: 1px solid #000; height: 38px; margin: 21px 0; float: left; display: block;  background: url(../images/username.png) no-repeat center center; }
.memberlogin li label.password{ width: 65px; border-right: 1px solid #000; height: 38px; margin: 21px 0; float: left; display: block;  background: url(../images/password.png) no-repeat center center; }
.memberlogin li .memberlogin-input{ width:100%; max-width:74%; min-width: 193px; height: 38px;padding-left:3%;margin: 21px auto; float: left; display: block; border: 0; background-color: #fff; font-size: 22px; color: #666; outline: none;position: relative; }
.memberlogin li .memberlogin-submit{ width: 100%; height: 80px; border: none; background-color: #000000; text-align: center; font-size: 32px; color: #fff; }
.memberlogin li.memberlogin-password{ margin: 93px 0 29px 0; border: none; }
.memberlogin li.memberlogin-password a{ width: auto; line-height: 80px;  font-size: 23px; color: #6e6e6e; text-decoration: none; display: block; }
.memberlogin li.memberlogin-password a.fl{ background: url(../images/memberlogin-password.png) no-repeat 2px center; padding-left: 38px; float: left; }
.memberlogin li.memberlogin-password a.fr{ background: url(../images/registered.png) no-repeat 3px center; padding-left: 38px; float: right; }
.memberlogin li p{ position: absolute; top: -48px; left: 0; width: 448px; height: 36px; line-height: 36px; border: 1px solid #f00; font-size: 18px; color: #d00; padding: 0 20px; border-radius: 5px; display: block; }

/*** signup ***/
.memberlogin li.memberlogin-phone{ width:68%; float: left; }
.memberlogin li.memberlogin-phone label.phone{ width: 65px; border-right: 1px solid #000; height: 38px; margin: 21px 0; float: left; display: block;  background: url(../images/phone.png) no-repeat center center; }
.memberlogin li.memberlogin-phone .memberlogin-phones{ width: 60%; height: 38px; float: left; display: block; border: 0; background-color: #fff;  margin: 20px 25px 20px 3%; font-size: 22px; color: #666; outline: none; }
.memberlogin li.memberlogin-code{max-width: 148px; float: right; }
.memberlogin li.memberlogin-code .memberlogin-codes{ width: 100%; height: 38px; margin: 21px 0; border: none; background-color: #000000; text-align: center; font-size: 22px; color: #fff; }
.memberlogin li.memberlogin-read{ border: none; }
.memberlogin li.memberlogin-read .read{ width: 20px; height: 20px; border: 1px solid #848484; margin: 30px 12px 30px 6px; float: left; display: block; }
.memberlogin li.memberlogin-read a{ line-height: 80px; font-size: 20px; color: #848484;display: block; text-decoration: none; }
.memberlogin li.memberlogin-read.s{ margin:0; }
.memberlogin li.memberlogin-read.w{ width:64px; height:40px; margin:0 auto 20px auto; }
.memberlogin li.memberlogin-read.w span{ float:right;  }
.memberlogin li.memberlogin-read.w span a{ line-height:40px; float:right; color: #848484; background:url(../images/weixin.png) no-repeat left center; padding-left:24px; }
/*** password ***/
.memberlogin li.memberlogin-read p{ line-height: 80px; font-size: 23px; color: #000; float: left; display: block; }

.error{ position: absolute; top: 0; right: 0; width: 250px; height: 40px; line-height: 40px; margin: 20px 0; font-size: 18px; color: #f00; display: block; }


/*** View ***/
.View{ width: 100%; }
.View-title{ height: 97px; text-align: center; }
.View-title span{ line-height: 97px; letter-spacing: 2px; font-family: 宋体; font-size: 36px; color: #1f1f1f; display: block;  }
.Views{ width: 100%; overflow: hidden; margin-bottom: 24px; }
.Views ul{ list-style: none; margin: 0; padding: 0; }
.Views ul li{ width:48%; height:431px; float:left; border: 1px solid #aaa; margin: 0px 0px 8px 1%;  }
.Views ul li.fl{ float: left; }
.Views ul li.fr{ float: right; }
.Views ul li a.viewimg{ display: block; }
.Views ul li a.viewimg img{ width: 100%; display: block; }
.Views ul li span{ height: 64px; padding: 0 12px; display: block; }
.Views ul li span a{ height: 32px; line-height: 32px; font-size: 20px; color: #000; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; text-decoration: none; text-transform : uppercase; }
.Views ul li span a:hover{ color: #d9bd86; }
.Views ul li span h2{ height: 32px; line-height: 32px; font-size: 18px; color: #747474; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.Views ul li h1{ height: 36px; line-height: 36px; padding: 0 12px; font-family: Arial; font-size: 30px; color: #000; display: block; }
.Views ul li h3{ height: 40px; padding: 0 2%;display: block; }
.Views ul li h3 a{ width: 47%; line-height: 32px; border: 2px solid #000; text-align: center; font-size: 20px; color: #fff; display: block; text-decoration: none; }
.Views ul li h3 a.fl{ background-color: #000; float: left; }
.Views ul li h3 a.fr{ background-color: #fff; color: #000; float: right; }

.intro-illustrate {
	overflow:hidden;
    padding: 10px 0;
    border-bottom: 1px dashed #a1a1a1;
}
.intro-illustrate a {
    line-height: 40px;
    padding: 0 30px;
    background: url("../images/gou.png") no-repeat left center;
    font-family: "微软雅黑","Microsoft YaHei";
    font-size: 24px;
    color: #a1a1a1;
    float: left;
    display: block;
	text-decoration: none;
}

/*** Views ***/

.focus{ position:relative; width: 100%; overflow:hidden; }
.focus .hd{ width:100%; height:12px; position:absolute; z-index:1; bottom: 15px; text-align:center;  }
.focus .hd ul{ list-style: none; padding: 0; margin: 0; }
.focus .hd ul li{ display: inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; border: 1px solid #ddd; margin:0 8px; vertical-align:top; overflow:hidden; font-size: 0; cursor: pointer; }
.focus .hd ul .on{ background:#b4b4b4;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.View-txt{ margin:0 auto; width:100%;/* margin: 30px;*/ }
.View-txt h1{ height: 42px; line-height: 42px; font-size: 24px; color: #000; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; text-decoration: none; text-transform : uppercase; }
.View-txt h2{ height: 42px; line-height: 42px; font-size: 30px; color: #000; display: block; font-family: Arial; }
.View-txt h3{ height: 42px; line-height: 40px; font-size: 24px; color: #4c4c4c; display: block; }
.View-txt h3 p{ float: left; display: block; }
.View-txt h3 a{ height: 40px; padding: 0 10px; margin: 0 10px 0 0; font-size: 20px; color: #4c4c4c; border: 1px solid #4c4c4c; float: left; display: block; text-decoration: none; }
.View-txt h3 a:hover,
.View-txt h3 a.on{ border-color: #e5d2ad; color: #e5d2ad; background: url(../images/styel.png) no-repeat right bottom;  }


.View-txt h4{ line-height: 42px; font-size: 20px; color: #4c4c4c; display: block; }
.View-txt h4 .checkbox{ width: 18px; height: 18px; border: 2px solid #000; display: block; float: left; margin: 11px 2px;  }
.View-txt h5{ position: relative; height: 42px; line-height: 42px; margin: 20px 0; font-size: 20px; color: #4c4c4c; display: block;  }
.View-txt h5 span{ position: absolute; left: 65px; top: 1px; width: 140px; height: 38px; border: 1px solid #dcdcdc; display: block; border-left: none; border-right: none; float: left; }
.View-txt h5 span em{ width: 40px; height: 38px; text-align: center; line-height: 38px; font-size: 20px; color: #000; display: block; float: left; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; font-style: normal; cursor: pointer; }
.View-txt h5 span i{ width: 55px; height: 38px; text-align: center; line-height: 38px; float: left; display: block; font-style: normal; font-family: 宋体; font-size: 20px; color: #000; }
.View-txt h5 p{ position: absolute; left: 178px; top: 0; }
.View-more{ margin: 30px auto; height: 57px; }
.View-more a{ width: 261px; height: 55px; border: 1px solid #000; display: block; text-align: center; line-height: 55px; font-size: 23px; color: #fff; text-decoration: none; }
.View-more a.fl{ float: left; background-color: #000; }
.View-more a.fr{ float: right; color: #000; }
.View-more a.doom{ width:  80%; margin: 0 auto; background-color: #000;  }
.View-demo{ width: 100%; }
.View-demo span{ position: relative; height: 81px; line-height: 81px; text-align: center; font-size: 25px; color: #000; display: block; }
.View-demo span:before{ content: ""; position: absolute; left: 0; top: 40px; width: 40%; height: 1px; background-color: #7c7c7c; }
.View-demo span:after{ content: ""; position: absolute; right: 0; top: 40px; width: 40%; height: 1px; background-color: #7c7c7c; }
.View-demo .demo{ width: 100%; }
.View-demo .demo img{ width: 100%; display: block; }


/****  member ****/

.add{ width: 100%; }
.addli{padding: 14px 0 14px 0px;overflow: hidden;border-bottom: 1px dashed #7c7c7c; }
.addlil{ width: 70%; overflow:hidden; float: left; }

.addlit h1{ line-height: 30px; font-size: Arial; font-size: 20px; color: #3e3e3e; float: left; display: block; margin-right: 30px; }
.addlit h2{ line-height: 30px; font-family: Arial; font-size: 20px; color: #636363; display: block; }
.addlit h3{ line-height: 45px; font-size: 25px; color: #3e3e3e; display: block; }
.addlit h4{ line-height: 85px; font-size: 25px; color: #3e3e3e; float: left; display: block; margin: 0 10px; }
.addlit .addlitinput{ width:300px; padding: 9px; margin: 20px 0; font-size: 20px; color: #3e3e3e; }

.addlib{ height: 56px; }
.addlib p{ height: 56px; line-height: 28px; font-size: 宋体; font-size: 18px; color: #848484; display: block; overflow: hidden; }
.addlir{ width: 82px; height: 47px; float: right; margin: 19px 0; border-left: 1px solid #b5b5b5;  }
.addlir a{ width: 82px; height: 47px; display: block; /*background: url(../images/addlir.png) no-repeat center center; */}
.addlir a.shac{ background-image: none; text-align: center; line-height: 47px; font-size: 26px; color: #b5b5b5; text-decoration: none; }





.addnews{ width: 100%; }
.addnews ul{ padding: 0; margin: 0; list-style: none; }
.addnews ul li{ width: 100%; overflow:hidden; line-height:51px; padding: 21px 0; border-bottom: 1px solid #e5e5e5; }
.addnews ul li label{ width: 147px; text-align: left; line-height: 51px; font-size: 27px; color: #3b3b3b; float: left; display: block; }
.addnews ul li .addnews-input{ width: 475px; height: 51px; float: left; display: block; border: none; background-color: #fff; font-size: 25px; color: #989898; outline: none;  }
.addnews ul li .distpicker{ width: 493px; height: 51px; float: right; display: block; }
.addnews ul li .distpicker .form-group{ width: 33.3333333%; height: 51px; float: left; }
.addnews ul li .distpicker .form-group .form-control{ width: 142px; height: 49px; border: 1px solid #7c7c7c; text-align: center; line-height: 49px; font-size: 20px; color: #aeaeae; display: block; }
.addnews ul li.Confirm-Add{width: 80%;height: 81px; margin: 30px auto; background-color: #000; border-radius: 5px; padding: 0; }
.addnews ul li.Confirm-Add .Confirm-Adds{ width: 100%; height: 81px; border: none; background: none; font-size: 32px; color: #fff; }

.member-order{ width: 100%; margin: 8px 0 0 0; }
.order-t{ width: 100%; height: 46px; margin-bottom: 20px; border-bottom: 2px solid #000; }
.order-t ul{ padding: 0; margin: 0; list-style: none; }
.order-t ul li{ width: 25%; height: 46px; float: left; }
.order-t ul li a{ text-align: center; line-height: 46px; font-size: 25px; color: #585858; display: block; text-decoration: none; }
.order-t ul li a:hover,
.order-t ul li a.on{ background-color: #000; color: #fff; }

.order-demo{ width: 100%; margin:0 auto 24px auto; }
.order-demot,.order-demob{ width: 95%; margin:0 auto;}
.order-demot{ margin:0 auto; border: 1px solid #e9e9e9;overflow: hidden; line-height:45px ;font-size: 20px; color: #757575;text-align:center}
.order-demot span{ padding: 0 15px; display: block; }
.order-demot span font{ color: #000000; }
.order-demot span.fl{ float: left; }
.order-demot span.fr{ float: right; }
.order-demot a{ margin:0 2%; text-decoration: none;color: #585858;}
.order-demob{ border: 1px solid #e9e9e9; border-top: none; border-bottom:none; overflow:hidden; }
.order-demobl{width: 100%;border-right: 1px solid #e9e9e9; float: left; }
.order-demobl-img{ width: 200px; height: 200px; border: 1px solid #d9d9d9; border-radius: 4px; float: left; display: block; margin:5% 2% }
.order-demobl-img a img{ width: 100%; margin: 0 auto; display: block; }
.order-demobl-txt{ width:57%; margin: 25px 0; float: right; }
.order-demobl-txt h1{ height: 42px; line-height: 42px; display: block; overflow: hidden; font-size: 20px; color: #4c4c4c; text-transform: uppercase; }
.order-demobl-txt h2{ height: 36px; line-height: 36px; font-size: 20px; color: #4c4c4c; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }

.order-demobr{width: 19%; min-width: 100px; height: 205px; float: right; }
.order-demobr p{ height: 50px; line-height: 50px; font-size: 20px; color: #de0144; display: block; text-align: center; margin-top: 15px; }
.order-demobr a{ line-height: 30px; font-size: 20px; color: #585858; display: block; text-align: center; text-decoration: none; }
.order-demobr a.go{ margin-top: 87px; }
.order-demobr span{ margin-top: 72px; text-align: center; height: 60px; line-height: 30px; text-align: center; display: block; font-size: 20px; color: #585858; }
.order-demobr span font{ color: #000; display: block; }
.border-top{ border-top: 1px solid #d9d9d9; }


/*** pay ***/
.pay{ width: 100%; }
.pay-view{ border-bottom: 1px solid #000; overflow: hidden; }
.pay-view span{ padding: 15px 0; height: 40px; line-height: 40px; font-size: 22px; color: #000; display: block; }
.pay-viewimg{ width: 206px; height: 202px; border: 1px solid #ddd; border-radius: 4px; float: left; display: block; margin: 0 0 25px 0; clear:left;  }
.pay-viewimg a{ width: 206px; height: 202px; display: block; }
.pay-viewimg a img{ width: 100%; height: 202px; margin: 0 auto; display: block; }

.pay-viewtxt{ width: 336px; height: 202px; float: right; }
.pay-viewtxt h1{ height: 36px; line-height: 36px; font-size: 23px; color: #000; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; text-decoration: none; text-transform : uppercase;}
.pay-viewtxt h2{ height: 36px; line-height: 36px; font-family: Arial; font-size: 30px; color: #000; display: block;}
.pay-viewtxt h3{ height: 32px; line-height: 32px; font-size: 20px; color: #4c4c4c; display: block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}




.pay-new{border-bottom: 1px solid #000; overflow: hidden; }
.pay-new span{ padding: 15px 0; height: 40px; line-height: 40px; font-size: 22px; color: #000; display: block; }
.pay-new-add{ overflow: hidden; }
.pay-new-add-radio{float: left; }
.pay-new-add-radio .radio1{ width: 36px; height: 36px; display: block; margin: 24px 0 24px 5px; }
.pay-new-add .addlil{ width: 380px; margin: 0 10px 20px 10px; }
.pay-new-add .addlilst{ float: left; }
.addlia{ width: 200px; height:55px; margin: 0 0 20px 0; overflow: hidden;  }
.addlia a{ width: 200px; height:55px; text-align: center; line-height: 55px; background-color: #000; font-size: 22px; color: #fff; text-decoration: none; display: block;  }





.pay-pay{ padding: 45px 30px; border-bottom: 1px solid #000; overflow: hidden;}
.pay-pay span{ text-align: left; margin-bottom: 20px; height: 32px; line-height: 32px; font-size: 22px; color: #000; display: block; }
.pay-pay ul{ padding: 0; margin: 0; list-style: none; }
.pay-pay ul li{ width: 100%; overflow:hidden; margin-bottom: 15px; float: left; }
.pay-pay ul li .radios{ width: 32px; height: 40px ; float: left; display: block; }
.pay-pay ul li p{ padding: 0 45px; line-height: 40px; font-size: 22px; color: #000; display: block; }
.pay-pay ul li p img { width: 136px; height: 40px; display: block; }
.pay-pay ul li p font{ padding: 0 10px; font-size: 20px; }



.pay-confirm{ width:80%; height: 64px; background-color: #000; border-radius: 5px; margin: 52px auto; }
.pay-confirm a{height: 64px; line-height: 64px; text-align: center; display: block; font-size: 32px; color: #fff; text-decoration: none; }

.tijia{ position: fixed; bottom: 50px; left: 50%; z-index: 11; width:400px; height: 64px; background-color: #000; border-radius: 5px; margin: 0 0 0 -200px; }
.tijia a{ width:400px; height: 64px; line-height: 64px; text-align: center; display: block; font-size: 32px; color: #fff; text-decoration: none; }

.main{ padding: 40px 30px; }
.main p{ line-height: 40px; text-indent: 2em; font-size: 16px; color: #676767; display: block; text-align: justify; }

.of-service{ width: 100%; }
.of-service-side{  }
.of-service-side-box { border-bottom: 1px solid #7b7b7b; }
.of-service-side-title { height: 78px; cursor:pointer; font:normal 25px/78px "Microsoft YaHei"; color: #1b1b1b; overflow:hidden }
.of-service-side-title em{ float: right; display: block; width: 28px; height: 78px; background:url(../images/s1.png) no-repeat center center; cursor: pointer; }
.of-service-side-title.on em{ background:url(../images/s2.png) no-repeat center center; }
.of-service-side-common { padding-bottom: 36px; display:none; }
.of-service-side-common span{ line-height: 36px; font-size: 14px; color: #7b7b7b; display: block; }
.of-service-side-common p{ line-height: 36px; font-size: 14px; color: #7b7b7b; display: block; }
.of-service-side-common p font{ color: #1b1b1b; }

.baby{ width: 100%; height: 50px; padding-top: 20px; border-top: 1px solid #333;  }
.baby a{ width: 20%; line-height: 50px; text-align: center; font-size: 24px; color: #777; float: left; display: block; }
.baby a:hover, .baby a.on{ color: #000; }


.footer{ position: relative; }
.eweima {
    position: absolute;
    right: 10px;
    bottom: 9px;
    width: auto;
    height: 66px;
}

.eweima img {
    width: 66px;
    height: 66px;
    float: left;
    display: block;
}

.eweima p {
    width: auto;
    height: 32px;
    line-height: 16px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #505050;
    padding: 17px 5px;
    display: block;
}

#mobile_minchat_div label {
    font-size: 26px!important;
}

#mobile_minchat_div img {
    width: 50px!important;
    height: 50px!important;
}
/*商品列表*/

.View-title { height: 40px; margin: 50px 0; }
.View-title span{  text-align: center; line-height: 40px; font-family: abchanel-couture, 华文细黑, STXiHei, 微软雅黑, "Microsoft Yahei", 华文黑体, "ST Heiti", MS黑体, "MS Hei", sans-serif;  font-size: 34px; color: #2b2b2b; display: block; }

.group{ width: 100%; overflow: hidden; margin-top: 30px; }
.group ul{ padding: 0; margin: 0; list-style: none; }
.group ul li{ width: 100%; margin-top: 50px; margin-bottom: 100px; overflow: hidden; }
.group ul li .groupimg,
.group ul li .grouptxt{ width: 50%; float: left; }
.group ul li .groupimg a{ max-width: 100%; max-height: 300px; float: right; display: block; }
.group ul li .groupimg a img{ width: 300px; height: 300px; display: block; }
.group ul li .grouptxt { width: 40%; max-height: 300px; margin: 0 0 0 10%; }
.group ul li .grouptxt h3{ height: 32px; line-height: 32px; margin-top: 25px; margin-bottom: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group ul li .grouptxt h3 a{ font-size: 24px; color: #000; display: block;  }
.group ul li .grouptxt h4{ height: 28px; line-height: 28px; margin-top: 15px; margin-bottom: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group ul li .grouptxt h4 a{ font-size: 20px; color: #333; display: block; }
.group ul li .grouptxt p{ margin: 45px 0 14px 0; line-height: 30px; font-size: 24px; color: #333; display: block; }
.group ul li .grouptxt .buy{ width: 140px; height: 64px; margin-top: 14px; background-color: #000; }
.group ul li .grouptxt .buy a{ text-align: center; line-height: 64px; font-size: 20px; color: #fff; display: block; }


/*退换货*/
.exchanges{ width: 540px; height: 60px; margin: 0 auto; }
.exchanges .inexchanges{ width: 442px; height: 42px; line-height: 42px; font-size: 18px; color: #7a7a7a; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 3px; outline: none; float:left; }
.exchanges .inexchanget{ width: 72px; height: 44px; cursor: pointer; }


.suo{ width: 592px; text-align: center; margin: 0px auto; overflow: hidden; }
.suo a{ width: 32%; float: left; text-decoration: none; display: block; }
.suo a img{ width: 100%; display: block; }
.suo a p{ height: 42px; line-height: 42px; font-family: 宋体; font-size: 16px; color: #1f1f1f;  display: block; }
.suo a.suo1{ margin: 0 2%; }

.Packages {width: 100%;margin:40px 0}
.Packages a.more { width: 136px; height:32px;line-height:32px;letter-spacing:1px;text-align:center;font-size:16px;color:#fff; background-color: #000;margin: 0 auto; display:block}
.Packages span { height:60px;line-height:60px;letter-spacing:1px;text-align:center;font-size:32px;color:#1f1f1f;display:block}
.Packages span:before,
.Packages span:after{  display: none; }  


@media screen and (max-width:320px){
	.menunav a{width:85%}
	
}

@media screen and (min-width:480px){
	.memberlogin{
		width:85%;
	}
}
@media screen and (max-width:615px){
	.memberlogin li.memberlogin-phone{ width: 60%;}
}
@media screen and (max-width:479px){
	.memberlogin li.memberlogin-phone{ width: 100%;}
	.memberlogin li.memberlogin-code{ float:left;}
}

@media screen and (max-width:319px){
	.memberlogin li .memberlogin-input{ width:70%}
}




@media screen and (max-width:480px){
	.order-demot span{
		float:left !important;
	}
	.pay-viewimg{ margin:0 auto; float:none;}
	.pay-viewtxt{ width:100%}
	.addlit h4{ display:none}
	.pay-new-add .addlilst{ width:85%}
	.addlit .addlitinput{ width:90%}.exchanges{ width:95%;}
	.exchanges .inexchanges{ width:60%;}
}


@media screen and (max-width:320px){
	.View-more{
		margin:30px auto;
	}
	.Views ul li{ width:97%;}
}
@media screen and (min-width:280px) and (max-width:640px){
	.View-more a{
		width:48%;
	}
	.pay-new-add .addlil{width: 47%;}
}
@media screen and (min-width:640px){
	.View-more a{
		width: 261px;
	}
	.pay-new-add .addlil{width: 380px;}
}