﻿
.clewTitle {color: #333;font-size:13px;padding-bottom:15px;text-align:center}
.clewTitle a{color:blue}
.clewTitle a:hover{color:#ff9900}

.clewInfo {text-align:center;padding-bottom:10px}
.clewInfo p{ color: #666;line-height:2;}
.clewInfo p a{color:blue}
.clewInfo p a:hover{color:#ff9900}

.clewInfo2 {text-align:center;color: red;line-height:2;}
.clewInfo2 p a{color:blue}
.clewInfo2 p a:hover{color:#ff9900}

.clewInfo3 { color: white;line-height:3;text-align:center;display:none;background-color:#ccc;}

.clewInfo4{line-height:1.6;color:red;padding-top:100px;text-align:center;}
.clewInfo4 p{ color: #666;line-height:2;font-size:13px}
.clewInfo4 p img{display:inline-block;width:30%}
.clewInfo4 p a{color:blue;font-size:14px}
.clewInfo4 p a:hover{color:#ff9900;font-size:14px}

.paymentinfo{line-height:2;font-size:16px;color:#666}

.member_table1 {width:100%; padding: 10px; margin: 0 auto; border-spacing: 10px; border: 1px solid #dfdfdf }
.member_table1 td { text-align: left }

.member_table2 {width:100%; padding: 10px; margin: 0 auto; border-spacing: 10px;}
.member_table2 td { text-align:center }

.member_table3 {width:100%;border-collapse: separate;margin-top:15px}
.member_table3 td{height:70px;}
.member_table3 td span{color:red;font-size:12px}

.BtnBorder{text-align:center;}
.BtnBorder a.AckBtn{ border: 1px solid #000;line-height: 1.8; color: #fff; font-size: 15px; background-color: #000; display: block; padding: 10px 0px;width:100%;text-align:center}
.BtnBorder a.CancelBtn { border: 1px solid #000;line-height: 1.8; color: #000; font-size: 15px; background-color: #fff; display: block; padding: 10px 0px;width:100%;text-align:center}

.BtnBorder a.AckBtn2{ border: 1px solid #000;line-height: 1.8; color: #fff; font-size: 15px; background-color: #000; display:inline-block; padding: 10px 0px;width:45%;text-align:center;text-transform: uppercase;}
.BtnBorder a.CancelBtn2 { border: 1px solid #000;line-height: 1.8; color: #000; font-size: 15px; background-color: #fff; display: inline-block; padding: 10px 0px;width:45%;text-align:center;text-transform: uppercase;}


td a.Link{ font-size: 13px; color: blue; }
td a.Link:hover{ color: #ff9900; }




@media (min-width:761px) /****电脑版/****/
{
    .RpDiv{width:750px;margin:0 auto}  /*重置密码*/
    .member_top {width: 1200px; margin: 0 auto;padding-top:20px; text-align:center}
    .member_top span{display:inline-block;background-color:#efefef;color:#666;padding:10px 50px;line-height:2;border-radius:10px;text-transform:uppercase;font-size:24px;opacity: 0.5; filter: alpha(opacity=50);}

    

    .member_body {width: 1200px; margin: 0 auto; padding: 20px 0px;min-height:400px}
    .member_body .templclew {text-align:left;padding-top:20px}
    .member_body .templclew p{font-size:30px;color:#404b5f;padding-bottom:15px}
    .member_body .templclew a{border-bottom:1px solid #cccccc;display:inline-block;line-height:2}

    
    .member_body .add_order_ldiv{ width: 580px;float:left}
    .member_body .add_order_ldiv h1{color:#666;font-weight:normal;font-size:26px;padding:10px 0px}
    .member_body .add_order_ldiv p{color:#999;font-size:13px}
    .member_body .add_order_ldiv hr{border-bottom:1px solid #ccc;margin:15px 0px}
    .member_body .add_order_ldiv h2{color:#999;font-weight:normal;font-size:20px}

    .member_body .add_order_rdiv{ width: 440px;float:right;border:1px solid #efefef;padding:40px 60px}
    .member_body .add_order_rdiv h2{font-weight:normal;padding-bottom:18px}
    .member_body .add_order_rdiv h2 span{color:#999;font-size:20px}
    .member_body .add_order_rdiv h2 a{color:#333;font-size:14px;float:right;line-height:2}
    .member_body .add_order_rdiv hr{border-bottom:1px solid #ccc;margin:15px 0px}

    .member_body .add_order_rdiv .requirement_summary{line-height:1.8;color:#666;font-size:13px}
    .member_body .add_order_rdiv .requirement_summary span{float:right;font-weight:bold}

    .member_body .add_order_rdiv .submit_explain{line-height:1.6;color:red;font-size:13px;padding-bottom:15px}

    .member_body .add_order_rdiv .order_function{text-align:left;padding-top:20px}
    .member_body .add_order_rdiv .order_function p{display:inline-block}
    .member_body .add_order_rdiv .order_function p:nth-child(2){float:right}

    .member_body .product_list{padding:10px 0px}
    .member_body .product_list .ItemDiv{padding-bottom:15px}
    .member_body .product_list  a.a0{float:left;margin-right:10px}
    .member_body .product_list  a.a0 img{width:60px;border:1px solid #efefef;}
    .member_body .product_list  a.a1{float:left;margin-right:10px}
    .member_body .product_list  a.a1 img{width:80px;border:1px solid #efefef;}
    .member_body .product_list  a.a2{font-size:14px}
    .member_body .product_list .ItemDiv p{height:20px;overflow:hidden;font-size:13px;white-space: nowrap;text-overflow: ellipsis;}
    .member_body .product_list .ItemDiv p label{font-weight:bold}
    .member_body .product_list .ItemDiv p span{font-weight:bold}
    .member_body .product_list .ItemDiv p.p1{color:#ccc}
    .member_body .product_list .ItemDiv p.p2{color:#666;text-align:right}
    .member_body .product_list .ItemDiv p.p3{color:#666;text-align:right}

    .member_body .PaymentRecord_list{padding:10px 0px}
    .member_body .PaymentRecord_list .ItemDiv{line-height:2}
    .member_body .PaymentRecord_list .ItemDiv span{display:inline-block;padding-right:5px}

    .member_body .order_state{padding:10px 0px;line-height:2}
    .member_body .order_state a{display:inline-block;margin:0 5px;font-size:14px;border-radius:5px;padding:0px 6px}
    .member_body .order_state a.a1{border:1px solid #ccc;}
    .member_body .order_state a.a2{border:1px solid #ff6600;color:#ff6600}



    .member_body .order_search{padding:10px 0px}
    .member_body .order_search div{line-height:35px}
    .member_body .order_search .inputDiv{border:1px solid #ccc;border-radius:5px;padding:0px 10px;float:left}
    .member_body .order_search .inputDiv input{font-size:14px;width:400px;color:#999;}
    .member_body .order_search .inputDiv a{font-size:20px;line-height:35px}
    .member_body .order_search .qtyDiv{padding-left:10px;float:left}
    .member_body .order_search .qtyDiv span{font-weight:bold}
    .member_body .order_search .pageDiv{float:right;}
    .member_body .order_search .pageDiv a.a1{font-size:13px;border:1px solid #ccc;border-radius:5px;color:#ccc;padding:5px 10px;margin:0px 5px}
    .member_body .order_search .pageDiv a.a1:hover{color:#ccc;}
    .member_body .order_search .pageDiv a.a2{font-size:13px;border:1px solid #999;border-radius:5px;color:#999;padding:5px 10px;margin:0px 5px}
    .member_body .order_search .pageDiv a.a2:hover{color:red;}

    .member_body .order_list{padding:10px 0px}
    .member_body .order_list .OrderItem {padding-bottom:10px}
    .member_body .order_list .OrderItem .headdiv{background-color:#e6e6e6;padding:10px;margin-bottom:10px;border-radius:5px}
    .member_body .order_list .OrderItem .headdiv label{padding-right:10px;display:inline-block}
    .member_body .order_list .OrderItem .headdiv a{color:#ff6600}
    .member_body .order_list .OrderItem .headdiv span{float:right;color:#ff6600}
    .member_body .order_list .OrderItem .product_list{width:70%;float:left}
    .member_body .order_list .OrderItem .order_money{width:17%;float:left;text-align:right;line-height:2}
    .member_body .order_list .OrderItem .order_money span{font-weight:bold}

    .member_body .order_list .OrderItem .order_function{width:13%;float:right;text-align:center;line-height:1.2;}
    .member_body .order_list .OrderItem .order_function p{padding-bottom:10px}
    .member_body .order_list .OrderItem .order_function p a span{display:block}

    .member_body .order_progress{padding-bottom:20px;line-height:2}
    .member_body .order_progress span{display:inline-block;border-radius:5px;padding:5px 10px;margin:0px 8px}
    .member_body .order_progress span.sn1{background-color:#efefef;color:#333}
    .member_body .order_progress span.sn2{background-color:red;color:#fff}

}

@media (max-width: 760px) /****手机版/****/
{
    .RpDiv{padding:10px} /*重置密码*/

    .member_top {padding-top:20px; text-align:center}
    .member_top span{display:inline-block;background-color:#efefef;color:#666;padding:10px 30px;line-height:2;border-radius:10px;text-transform:uppercase;font-size:20px;opacity: 0.5; filter: alpha(opacity=50);}

    .member_body {padding: 20px 0px;min-height:350px}
    .member_body .add_order_ldiv{padding:0px 15px}
    .member_body .add_order_ldiv h1{color:#666;font-weight:normal;font-size:20px;padding:10px 0px}
    .member_body .add_order_ldiv p{color:#999;font-size:13px}
    .member_body .add_order_ldiv hr{border-bottom:1px solid #ccc;margin:15px 0px}
    .member_body .add_order_ldiv h2{color:#999;font-weight:normal;font-size:18px}

    .member_body .add_order_rdiv{padding:0px 15px}
    .member_body .add_order_rdiv h2{font-weight:normal;padding-bottom:18px}
    .member_body .add_order_rdiv h2 span{color:#999;font-size:20px}
    .member_body .add_order_rdiv h2 a{color:#333;font-size:14px;float:right;line-height:2}
    .member_body .add_order_rdiv hr{border-bottom:1px solid #ccc;margin:15px 0px}

    .member_body .add_order_rdiv .requirement_summary{line-height:1.8;color:#666;font-size:13px}
    .member_body .add_order_rdiv .requirement_summary span{float:right;font-weight:bold}

    .member_body .add_order_rdiv .submit_explain{line-height:1.6;color:red;font-size:13px;padding-bottom:15px}

    .member_body .add_order_rdiv .order_function{text-align:left;padding-top:20px}
    .member_body .add_order_rdiv .order_function p{display:inline-block}
    .member_body .add_order_rdiv .order_function p:nth-child(2){float:right}

    .member_body .product_list{padding:10px 10px}
    .member_body .product_list .ItemDiv{padding-bottom:10px}
    .member_body .product_list  a.a0{float:left;margin-right:10px}
    .member_body .product_list  a.a0 img{width:60px;border:1px solid #efefef;}
    .member_body .product_list  a.a1{float:left;margin-right:10px}
    .member_body .product_list  a.a1 img{width:80px;border:1px solid #efefef;}
    .member_body .product_list .ItemDiv p{height:20px;overflow:hidden;font-size:13px;white-space: nowrap;text-overflow: ellipsis;}
    .member_body .product_list .ItemDiv p label{float:left;color:red}
    .member_body .product_list .ItemDiv p span{float:right;color:red}
    .member_body .product_list .ItemDiv p.p1{color:#ccc}
    .member_body .product_list .ItemDiv p.p2{color:#666;text-align:right}
    .member_body .product_list .ItemDiv p.p3{color:#666;text-align:right}

    .member_body .PaymentRecord_list{padding:10px 0px}
    .member_body .PaymentRecord_list .ItemDiv{line-height:2;padding-bottom:10px}
    .member_body .PaymentRecord_list .ItemDiv span{display:inline-block;padding-right:5px}

    .member_body .order_state{padding:10px 0px;line-height:2;text-align:center}
    .member_body .order_state a{display:inline-block;width:24%;margin:0 5px;font-size:14px;border-radius:5px;padding:0px 6px;margin-bottom:5px}
    .member_body .order_state a.a1{border:1px solid #ccc;}
    .member_body .order_state a.a2{border:1px solid #ff6600;color:#ff6600}

    .member_body .order_search{padding:10px 10px}
    .member_body .order_search div{line-height:35px}
    .member_body .order_search .inputDiv{border:1px solid #ccc;border-radius:5px;padding:0px 10px;}
    .member_body .order_search .inputDiv input{font-size:14px;width:94%;color:#999;}
    .member_body .order_search .inputDiv a{font-size:20px;float:right;line-height:35px;width:6%}
    .member_body .order_search .qtyDiv{padding-left:10px;text-align:center}
    .member_body .order_search .qtyDiv span{font-weight:bold}
    .member_body .order_search .pageDiv{text-align:center}
    .member_body .order_search .pageDiv a.a1{font-size:13px;border:1px solid #ccc;border-radius:5px;color:#ccc;padding:5px 10px;margin:0px 5px}
    .member_body .order_search .pageDiv a.a1:hover{color:#ccc;}
    .member_body .order_search .pageDiv a.a2{font-size:13px;border:1px solid #999;border-radius:5px;color:#999;padding:5px 10px;margin:0px 5px}
    .member_body .order_search .pageDiv a.a2:hover{color:red;}

    .member_body .order_list{padding:10px 10px}
    .member_body .order_list .OrderItem {padding-bottom:10px}
    .member_body .order_list .OrderItem .headdiv{background-color:#e6e6e6;padding:10px;margin-bottom:10px;border-radius:5px;line-height:2}
    .member_body .order_list .OrderItem .headdiv label:nth-child(1){display:block}
    .member_body .order_list .OrderItem .headdiv label:nth-child(2){display:block}
    .member_body .order_list .OrderItem .headdiv label:nth-child(3){float:right}
    .member_body .order_list .OrderItem .headdiv a{color:#ff6600}
    .member_body .order_list .OrderItem .headdiv span{float:left;color:#ff6600}

    .member_body .order_list .OrderItem .product_list{}
    .member_body .order_list .OrderItem .order_money{line-height:2}
    .member_body .order_list .OrderItem .order_money p{width:50%;float:left}
    .member_body .order_list .OrderItem .order_money span{font-weight:bold}
    .member_body .order_list .OrderItem .order_function{text-align:left;line-height:2;padding-top:5px}
    .member_body .order_list .OrderItem .order_function p{display:inline-block}
    .member_body .order_list .OrderItem .order_function p:nth-child(2){float:right}


    .member_body .order_progress{padding-bottom:20px;line-height:2}
    .member_body .order_progress span{display:inline-block;width:20%;border-radius:5px;padding:5px 10px;margin:5px 8px;text-align:center}
    .member_body .order_progress span.sn1{background-color:#efefef;color:#333}
    .member_body .order_progress span.sn2{background-color:red;color:#fff}
 }