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


html{
    height: 100%;
    overflow: hidden;
}

body{
    width: 100%;
    height: 100%;
    background-size:16px;
    background-repeat:no-repeat;
    font-family: "微软正黑";
}


.center{
    width: 94%;
    height: 100%;
    position: absolute;
    right: 0%;
    bottom: 0%;
}

.center .news_list{
    width: 20%;
    height:100%;
    float: left;
    text-align: center;
    color: white;
    background-color: #d98cbb;
}


.center .news_list .lanmu{
    margin-top: 15%;
    display: block;
    float: left;
    margin-left: 10%;
    margin-bottom: 20%;
    width: 90%;
    text-align: left;
    font-size: 0.8vw;
}
.lanmu{
    margin-top: 15%;
    display: block;
    float: left;
    margin-left: 10%;
    margin-bottom: 20%;
    text-align: left;
    white-space: nowrap;
}

.lanmu a{
    color: #FFF;
    font-size: 1vw;
    text-decoration:none;
}

.center .news_list h1{
    width: 100%;
    margin-bottom: 10%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.8vw;
}


.center .news_list img{
    width: 60%;
    border: 1px solid white;
    margin: 0% auto 10%;
    border-radius: 10%;
    overflow: hidden
}

.center .news_list li{
    list-style-type: none;
    width: 100%;
    border-bottom: 1px solid #FFF;
    border-left: none;
    border-right:none ;
}


.center .news_list li a{
    width: 100%;
    height: 100%;
    line-height:3.2em;
    display: block;
    color: white;
    font-size: 1.1vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.center .news_list li a:hover{
    background-color: #bd6c9e;
	text-decoration:none;
}
.center .news_list li a:active {
    background-color: #bd6c9e;
	text-decoration:none;
}


.center .news_content{
    width: 80%;
    height:100%;
    float: left;
    /*background-color: #ecb987;*/
    background:#e7e1d1 url(/img/menber_bg.png) no-repeat right center/contain;
}

/*个人信息*/
.center .news_content .myid{width: 50%;height: 80%;margin: 5% auto;text-align: center;}
.center .news_content .myid h1{color: #9f1515;margin: 5vh auto;font-size: 1.3vw}
.center .news_content .myid p{color: #412600; line-height:4vh;width: 70%;height:4vh;margin: 2vh auto;text-align: left;font-size: 1vw;}
.center .news_content .myid p span{
	display: inline-block;
    width: 6vw;
    text-align: right;
    margin-right: 1vw;
    white-space: nowrap;	
}
.center .news_content .myid .add_photo{overflow:hidden; display:block;width: 34vw; height: 23.3vh;margin: 0px auto;text-align: center;}

.center .news_content .myid .add_photo .find_photo{margin-right: 0.5vw; width: 16.2vw;height: 23vh;float: left;background-color: white;
    border: 1px solid #3d7ea1;border-radius: 5px;position: relative;}
.center .news_content .myid .add_photo .find_photo:hover{background-color: #e7e7e7;}
.center .news_content .myid .add_photo .show_photo{margin-left:0.5vw;width: 16.2vw;height: 23vh; float: right;background-color: white;
    border: 1px solid #3d7ea1;border-radius: 5px;}
.center .news_content .myid input[type=text] {padding: 0.3vh 0.5vw;max-width: none;}
.center .news_content .myid .btn_1 input{width: 5vw;padding: 1vh 0.5vw;margin-top: 2vh;font-size:0.4vw; }
.center .news_content .myid button{overflow: hidden; width: 7vw;background-color: #f3545e;color: white;outline: none;border-radius: 5px;margin:0 0.5vw 2vh;font-size: 0.8vw; white-space: nowrap;}
.btn_1{
	width: 20vw;
	margin: 0 auto;
    border:none;
}
.cs1 a:hover {
	text-decoration:none;
}









/*修改密码弹窗*/
.popwindow_password{z-index:9999;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(13,77,109,0.5);display: none}
.popwindow_password_inner{width: 30vw;height: 50vh;margin: 20vh auto;background: linear-gradient(#5ea9c1, #75bdc1);border-radius: 5%;
    text-align: center;color: white;padding-top: 2vh;font-size:1.3vw;
}
.popwindow_password_inner h1{margin: 3vh auto; font-size: 2vw;}
.popwindow_password_inner p{
	width: 30vw;
    height: 5vh;
    margin-bottom: 2vh;
}
.popwindow_password_inner input{
	width: 16vw;
    height: 4vh;
    font-size: 0.8vw;
    max-width:none;
}
.popwindow_password_inner button{
	display: inline-block;
    width: 7vw;
    height: 4vh;
    float:none;
}



/*我的购物车*/
.myshopping{
	width: 54vw;height: 93vh;margin: 3vh auto;padding-top:0.5vh;
	background-color: white;
	border-radius: 5px;
}
.gwc_gd{
	overflow: auto;
	height: 78%;
}
.gwc_gd::-webkit-scrollbar {display:none}
.table_head{
	width: 52vw;
    border-top: 5px solid #d2d2d2;
    border-collapse:unset;
    background: #e7e7e7;
    height: 4.6vh;
    margin: 2vh 1vw;
    overflow: hidden;
    font-size: 0.8vw;
}
.tb1_td1{ width:17%;}
.tb1_td4{ width:30%; text-align:center;}
.tb1_td5{ width:25%; white-space: normal; text-align:center;}
.tb1_td6{ width:10%; white-space: normal; overflow: hidden; text-align:center;}
.tb1_td7{ width:18%;text-align:center;}


.table_body{ width:96%;margin: 1% auto;border:1px solid #e5e5e5; padding-top:1%; padding-bottom:1%;font-size: 0.8vw;border-collapse:unset;}
.tb2_td1{ width:4%; text-align:center;}
.tb2_td2{ width:9%; text-align:center;}
.tb2_td2 img{ width:5vw;border:2px solid #c9c6c7;}
.tb2_td3{ width:35%; padding-left:3%; padding-right:1%;}
.tb2_td3 a{ font-size:0.8vw; line-height:2em;}
.tb2_td5{width: 9%}
.tb2_td6{width: 9%}
.tb2_td7{width: 18%}


.table_foot{ width:96%; border:1px solid #d2d2d2; background:#e7e7e7; height:4vh;margin: 1% auto; }
.table_foot tr td{font-size:0.8vw;}
.tb3_td1{width: 17%;}
.all{width: 42%}
.tb3_td2{
    width:20%;
}
.tb3_td3{ width:30%;/*text-align:center;*/}
.tb3_td3 span{ color:#ff5500;font-size:0.8vw; font-weight:bold; padding-left:5px; padding-right:5px; }
.tb3_td4{ width:15%;text-align:center;}
.tb3_td4 span{ font-size:0.8vw; font-weight:bold;}
.table_foot .tb3_td5{ width:6%;text-align:center;background-color: red;color: white;font-size: 0.8vw}
.jz2{ /*width:100px;*/ text-align:center;;line-height:3vh; font-size:0.8vw; color:#fff; background:#ee0000; display:block; /*float:right;*/}

.page{padding:0 2vh;padding-top: 1vh; overflow:hidden; float:right; }
.page ul,.page li,.page p{ font-size:0.8vw; color:#333333; float:left; margin:0 10px; cursor:pointer; color:#59361d;}
.page li:hover{ color:#E3393C;}
.page p:hover{ color:#E3393C;}



/*我的收货地址*/
.myaddress{width: 60%;height: 90vh;margin: 3% auto;padding-top:0.5%;background-color: white;border-radius: 5px;text-align: center}
.myaddress p{ font-size:1.1vw; font-weight: bolder; color:#69525b;height:3%;margin:4% 5%; height:3vh;}
.address_content{ width:90%; margin:0 auto; display:block}
.address_content tr{width: 100%}
.address_content th{ height:3vh;text-align:center; font-size:0.8vw; color:white; font-weight:normal; background-color:#f3545e;}
.dz_1,.dz_2,.dz_3,.dz_4{ font-size:0.9vw; color:#333333; line-height:2em; text-align:center; padding:1vh 1vw; }
.dz_1{text-align:left;overflow:hidden;text-overflow:ellipsis;word-break:break-all;  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.dz_2{ width:12%; overflow: hidden;white-space: nowrap;}
.dz_3{ width:25%;overflow: hidden;white-space: nowrap;}
.dz_4{ width:10.5%;overflow: hidden;white-space: nowrap;}
.dz_4 input{ width:100%; font-size:0.6vw; height:3vh; padding:0; line-height:3vh;}
/*.dz_btn{ width:6%; height:6%; margin:5% auto 2% auto;float:right; display:block; font-size:0.8vw;}*/
.dz_btn{ width:10%; height:8%;  margin:0px auto 10px auto; float:right; display:block; font-size:0.8vw;}

/*.dizhi_t{ font-size:18px; font-weight: bolder; color:#69525b; line-height:30px; margin:30px;}
.dizhi_box{ width:900px; margin:20px auto;}
.dizhi_box th{ height:40px; font-size:16px; color:#333333; text-align:center; font-weight:normal; background-color:#D7ECFF;}
.dz_1,.dz_2,.dz_3,.dz_4{ font-size:16px; color:#333333; line-height:30px; text-align:center; padding:10px; border-bottom:solid 1px #DDDDDD;}
.dz_1{ width:500px; text-align:left; word-break:break-all;}
.dz_2{ width:100px;}
.dz_3{ width:140px;}
.dz_4{ width:80px;}
.dz_4 input{ width:60px; height:30px;}
.quxiao{ margin-left:20px;}*/


/*修改地址弹窗*/
.popwindow_address{z-index:999;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(13,77,109,0.5);display: none}
.popwindow_address_inner{width: 40vw;height: 60vh;margin: 5% auto;background: linear-gradient(#5ea9c1, #75bdc1);border-radius: 5%;
    text-align: center;color: white;padding-top: 2%;}
.popwindow_address_inner h1{margin: 1vh auto;font-size: 2vw;}
.ssq{width:25vw; margin:3vh auto 2vh; overflow:hidden;}
.ssq select{width:8vw;font-family: "微软正黑"; height:4vh; display:block; float:left; font-size:1vw; color:#333333;}
.ssq select:nth-child(2){margin: 0 0.5vw}
.popwindow_address_inner input[type="text"]{ display:block; width:25vw; height:4vh; margin:2vh auto; padding:0 1vw; border:solid 1px #AAAAAA; outline:none; background-color:#F0F0F0; font-size:1vw; color:#333333; max-width:none;}
.popwindow_address_inner input[type="text"]:focus{ background-color:#FFFFFF;}
.popwindow_address_inner input[type="button"]{
	display: inline-block;
    width: 11.5vw;
    height: 4vh;
    margin: 1vh 1vw;
}
.tjbjdz_btn{ width:50%; margin:5% auto;}

/*我的订单*/
.myorder{
	width: 60vw;
    height: 92vh;
    overflow: hidden;
    margin: 2vw auto;
    background-color: white;
    padding-top: 2vh;
    padding-bottom: 3vh;
    border-radius: 5px;
}
.list{ width:960px; float:right; }
.listIn{ width:960px; background-color:#FFFFFF; overflow:hidden; display:none; padding-bottom:20px;}

.yScrollListIn{width:100%;height:224px;position:relative;}
.yScrollListInList{display:none;width:1138px;height:224px;position:absolute;padding:0 30px;left:0;top:0;overflow:hidden;}


.order_title{ 
    width: 57vw;
    height: 5vh;
    margin: 1vw auto;
}
.order_title ul{ height:5vh;}
.order_title ul li{ float:left; margin-right:2vw; height:4vh;}
.order_title ul li a{ font-size:1.0vw; color:#59361d; line-height:3vh; cursor:pointer;}
.order_title ul li span{ color:#E82F32;}

.order_lm{ 
	width: 57vw;
    height: 6vh;
	background-color:#D7ECFF; 
	margin:0 auto;
}
.order_lm h2{ width:19vw; margin :0 auto ; float:left; font-size:0.9vw; color:#333333; line-height:6vh; text-align:center;}
.order_lm p{ width:9vw; float:left; font-size:0.9vw; color:#333333; line-height:6vh;  text-align:center;}


.orderlist{ width:57vw; overflow:auto;margin:0.1vh auto; height: 82%;}
.orderlist::-webkit-scrollbar {display:none}
.orderlistIn{ width:57vw; background-color:#FFFFFF;}


.order_nr{ width:57vw; overflow:hidden;}
.order_nr h2{ width:57vw; height:5vh; background-color:#DDDDDD; overflow:hidden; margin: 1vh 0;}
.order_nr h2 p {
    height: 7vh;
    font-size: 0.8vw;
    color: #333333;
    line-height: 5vh;
    float: left;
    margin-left: 2vw;
}
.order_nr li{ width:57vw; height:18vh; overflow:hidden; margin:1vh 0; float: left;}
.order_nr li img{ width:7vw; height:18vh; float:left;}
.order_nr li a{ width:10vw; margin-left:2vw; font-size:0.9vw; color:#333333; line-height:3.4vh; float:left; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:6vh;}
.order_nr li h3{ width:8.6vw; height:4vh; font-size:0.9vw; color:#E82F32; line-height:3.4vh; text-align:center; float:left; margin-top:7.8vh;}
.order_nr li h4{ width:8.6vw; height:4vh; font-size:0.9vw; color:#333333; line-height:3.4vh; text-align:center; float:left; margin-top:7.8vh;}
.order_nr li p{ width:8.6vw; height:8vh; font-size:0.9vw; color:#333333; line-height:3.4vh; text-align:center; float:left; margin-top:7.8vh;}
.button_fk{ width:3.1vw; height:3vh;  font-size:0.7vw; color:#FFFFFF; background-color:#E53E41; border:none; outline:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; display:block; float:right; margin:1vh 1vw 1vh 0;}
.button_sc{width:3.1vw; height:3vh; font-size:0.7vw; color:#FFFFFF; background-color:#8C8C8C; border:none; outline:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; display:block; float:right; margin:1vh 1vw 1vh 0;}
.button_pj{ width:4.1vw; height:3vh;  font-size:0.7vw; color:#FFFFFF; background-color:#44A8EF; border:none; outline:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; display:block;float:left; margin:50px 0 0 70px;}
.order_nr button:hover{ opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8;}
.button_cg{  width:3.1vw; height:3vh; font-family:"微软雅黑"; font-size:0.7vw; color:#FFFFFF; background-color:forestgreen; border:none; outline:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; display:block; float:right; margin:1vh 1vw 1vh 0;}
.button_sb{ width:3.1vw; height:3vh; font-family:"微软雅黑"; font-size:0.7vw; color:#FFFFFF; background-color:#8C8C8C; border:none; outline:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; display:block; float:right; margin:1vh 1vw 1vh 0;}
.button_cg_{width:4.1vw; height:3vh;  font-family:"微软雅黑"; font-size:0.7vw; color:#FFFFFF; background-color:#8C8C8C; border:none; outline:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; display:block; float:left; margin:50px 0 0 70px;}

.page{ width:400px; padding:0 30; overflow:hidden; float:right; }
.page ul,.page li,.page p{ font-size:14px; color:#333333; float:left; margin:0 10px; cursor:pointer;}
.page li:hover{ color:#E3393C;}
.page p:hover{ color:#E3393C;}