@charset "utf-8";
/* CSS Document */
body{ text-align:center; background:#f7f7f7; font-family:'微软雅黑'; font-size:14px; color:#757575}
*{ margin:0px; padding:0px}
a{ text-decoration:none}
a:hover{ color:#3cb4f9;}
em,i{ font-style:normal}
ul{ list-style:none}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}
.rad{ -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; border-radius:6px}
input{ font-family:'微软雅黑'; font-size:14px;outline:none}
input::-webkit-input-placeholder {color:#b9b9b9 !important;}
input:-moz-placeholder {color:#b9b9b9 !important;}
input::-moz-placeholder {color:#b9b9b9 !important;}
input:-ms-input-placeholder {color:#b9b9b9 !important;}
.middle{ width:1200px; margin:auto; text-align:left}
.middle .logo{ float:left;}
.ad{ display:none}
.ad .middle{ position:relative}
.ad .middle .close{ position:absolute; right:9px; top:15px; width:34px; height:34px; display:block}
.header{ background:#fff}
.header .top{ background:#f7f7f7; height:34px; border-bottom:1px solid #ebebeb; font-size:14px; line-height:34px; color:#666; }
.header .top a{ color:#666; margin-left:8px}
.header .top a.first{ background:url(../images/first.gif) no-repeat right center; padding-right:10px}
.header .top em{ color:#eb4746; margin-right:20px; display:inline;}
.header .logo img{ vertical-align:top}
.header .nav li{ float:left; margin:25px 0px 0px 6px; width:90px}
.header .nav li a{ display:block; height:35px; line-height:35px; color:#535353; font-size:16px; text-align:center; margin-top:5px}
.header .nav .current a,.header .nav li:hover>a{ background:#3cb4f9; color:#fff!important; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; border-radius:25px}
.header .nav .current a.wb,.header .nav li:hover a.wb{ background:#e83737}
.header .nav .current a.wx,.header .nav li:hover a.wx{ background:#60b003}
.header .nav li{ position:relative}
.header .nav li.last{ width:113px}
.header .nav li.subhover{ background:#3cb4f9}
.header .nav li .sub-nav{ position:absolute; left:0px; top:40px; z-index:999; background:#3cb4f9; display:none; width:100%}
.header .nav li.subhover a span{ background:url(../images/subhover.png) no-repeat right center; color:#fff; padding-right:15px}
.header .nav li .sub-nav a{ color:#fff; font-size:14px; line-height:20px}
.header .nav li .sub-nav a:hover{ color:#e9ff2c}

/* 会员中心头部*/
.member-header .member-top{ height:34px; line-height:34px; color:#666;font-size:14px}
.member-header .member-top span{ margin:0px 5px}
.member-header .member-top em{ color:#ff0000; font-weight:bold; display:inline;}
.member-header .member-top a{ color:#666; margin-left:3px}
.member-header .member-top a:hover{ text-decoration:underline; color:#3cb4f9;}
.member-header .member-top .member-news{ background:url(../images/member-news.gif) no-repeat left center; padding-left:20px}
.member-header .member-top .member-news{ background:url(../images/member-bonus.gif) no-repeat left center; padding-left:20px}
.member-header .member-logo{ background:#3cb4f9; height:90px; line-height:90px}
.member-header .member-logo .nav li{ float:left;line-height: 35px;padding: 30px 0 0; margin-left:20px}
.member-header .member-logo .nav li a{ color:#fff; font-size:16px; padding: 0 10px;}
.member-header .member-logo .nav li a:hover,.member-header .member-logo .nav li.current a{ color:#fff;background: #e83737;border-radius: 25px;display:inline-block;height: 35px;line-height: 35px;text-align: center;}

.footer{ background:url(../images/footer.jpg) no-repeat center top; color:#dfdfdf}
.footer a{ color:#dfdfdf}
.footer .footer-nav dl{ width:240px; margin:55px 0px 35px 50px; background:url(../images/dl.png) no-repeat right center; min-height:74px}
.footer .footer-nav dl.last{ background:none}
.footer .footer-nav dl dt{ font-size:20px; color:#dfdfdf; font-weight:600; line-height:36px}
.footer .footer-nav dl dt span{ margin-right:15px}
.footer .footer-nav dl dd{ padding-left:51px; margin-top:5px}
.footer .footer-nav dl dd a{ color:#dfdfdf; font-size:14px}
.footer .footer-nav dl dd a:hover{ text-decoration:underline;}
.footer .box-l p{ margin-top:15px}
.footer .box-l a{ margin-right:30px}
.footer .box-l a:hover{ text-decoration:underline;}
.footer .box-r p{ line-height:29px; background:url(../images/icon05.png) no-repeat left top; padding-left:43px; margin-top:10px; margin-right:20px}
.footer .box-r p.e-mail{ background-position:0px -40px}
.footer .box-r p.qq{ background-position:0px -81px}
.footer .box-r dl{ text-align:center}
.footer .box-r dl img{ width:82px; height:82px; margin:10px 0px 10px 0px}

.pager{padding:15px;height:30px;font-size:12px;background-color: #f5f6f6;    border-top: 2px solid #d9dcdc;}
.pager span{display:inline-block;padding:5px 10px;background:#fff;border:1px solid #ddd;color:#3c78ce;}
.pager .panel-foot{ float:right;}
.pager .panel-foot ul{float:left;}
.pager .pagination li{ float:left;}
.pager .pagination li a{display:block;float:left;padding:5px 10px;background:#fff;border:1px solid #ddd;color:#3c78ce;margin-left:-1px;}
.pager .pagination li a:hover{background:#EEEEEE;color:#333;}
.pager .pagination li.disabled a:hover{color:#3c78ce;border:1px solid #ddd;}
.pager .pagination li a.active{background:#3c78ce;color:#fff;border:1px solid #26A7E0;border-left:1px solid #ddd;}

.error_tig,.success_tig{ width:500px; padding:10px 0; line-height:90px; text-align:center; font-size:22px; color:#FFF; position:fixed; top:50%; margin-top:-120px; left:50%; margin-left:-250px; background:#d9534f;border-radius:5px;opacity: 0.9; z-index:999999999999;}
.error_tig i,.success_tig i{ font-size:30px; display:inline; margin-right:10px;}

/*登录注册成功*/
.login_welcome{
    top:45px;
    left:0;
    font-size: 12px;
    padding-top:48px;
    width: 241px;
    text-align: center;
    margin-top:-1px;
    z-index: 99;
}
.login_welcome p{ height:30px; line-height:30px;}
.login_welcome p,.login_welcome p a{ color:#666;}
.login_welcome p span{ margin:0 5px;}

.m-loginPanel {width:240px; margin:0 auto;}

.login_welcomeAPanel {position: relative;}
.login_welcomeAvatar {display: block; width:100px; height:100px; margin:0 auto; background: url(../images/wellcome_avatar.png) no-repeat;}
.login_welcomeAvatar2 {display: block; width:100px; height:100px; margin:0 auto;background: url(../images/wellcome_avatar2.png) no-repeat;}
.loginAdvUserOut {position: absolute; top:8px; left:180px; width:15px; height:15px; background: url(../images/wellcome_quit.png) no-repeat;}
.loginUserName {display: block; height:80px; line-height: 80px; text-align: center; font-size: 16px; color: #ffffff; }
.u-advPlatform {display: block; width:240px; height:35px; line-height: 35px; margin:50px auto 0; text-align: center; background-color: #ffb600; color: #fff; border-radius: 3px; font-size: 14px;}
.u-advPlatform:hover {color: #fff;}
/*顶部伸展广告*/
.pos_relative{ position:relative}
.cwqtop_banner2_cl{cursor: pointer;}
.cwqtop_banner2_jq{margin:0 auto; width:100%; min-width: 1200px;  height:80px; position:relative; overflow:hidden;}
.cwqtop_banner1_jq{margin:0 auto; width: 100%; min-width: 1200px; display:none;  height:460px;}
.cwqtop_banner2_cl{ position:absolute; display:block; width:34px; height:34px; background:url(../images/cwqtop_banner_img.png) no-repeat; z-index:1; right:10px; top:15px;}
.cwqtop_banner2_cl{transition:width .2s, height .2s;
    -moz-transition:width .2s, height .2s, -moz-transform .2s; /* Firefox 4 */
    -webkit-transition:width .2s, height .2s, -webkit-transform .2s; /* Safari and Chrome */
    -o-transition:width .2s, height .2s, -o-transform .2s; /* Opera */
}
.cwqtop_banner2_cl:hover{transform:rotate(180deg);
    -moz-transform:rotate(180deg); /* Firefox 4 */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    -o-transform:rotate(180deg); /* Opera */}
.cwqtop_banner_max{width:100%; min-width: 1200px;height:460px; display:block;}
.cwqtop_banner_min{width:100%; min-width: 1200px;height:80px; display:block;}

.selecttypebg{position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    z-index: 2000;}
.selectbox{z-index: 300000; position:fixed;background: #FFF;width: 450px; height:305px; top:50%; margin-top:-160px; left:50%; margin-left:-225px;transition: all 0.2s ease-in-out; text-align:left;}
.selectbox h4 {
    height: 40px;
    line-height: 40px;
    background:url(../images/edit-icon.png)#fafafa 15px center no-repeat;
    text-align:left; text-indent:2em;
    color: #666666;
    font-size: 14px;
    font-weight: 600;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    margin-bottom:20px;
}
.selectbox h4 span {
    width: 44px;
    height: 44px;
    line-height: 42px;
    float:right;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 0px;
    font-style: normal;
    font-size: 30px;
    font-family: Arial, Baskerville, monospace; cursor:pointer;
}
.selectbox h4 span:hover{opacity: 1;filter: alpha(opacity=100);}
.panel-body {
    position: relative;
    padding: 15px;
    border: 1px solid #e5e5e5;
}
.selectbox h4 + .panel-body {
    border-top: 0;
    margin-bottom:0;
    padding:0 15px;
    background:#FFF;
}
hr.alt {
    border: 0; border-top: 1px dashed #cccccc;
}
hr.short {
    margin: 20px 0;
}
.selectbox h3{margin-bottom: 9.5px;font-size: 18px;}
.selectbox .mt5 {
    margin-top: 5px !important;
}
.selectbox .panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;    text-align: right !important;border-top: 0;
}
.selectbox .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0);
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 微软雅黑, Arial, sans-serif;outline: none;box-sizing: border-box;
}
.selectbox .btn-primary {
    color: #ffffff;
    background-color: #4a89dc;
}
.selectbox .btn-primary:hover{
    color: #ffffff;
    background-color: #2a74d6;
    border-color: rgba(0, 0, 0, 0.05);
}
.selectbox .btn-info {
    color: #ffffff;
    background-color: #e82219;
}
.selectbox .btn-info:hover{
    color: #ffffff;
    background-color: #00a3ff;
    border-color: rgba(0, 0, 0, 0.05);
}
.option-group{ text-align:left;    width: 600px;margin: 0 auto;}
.option-primary{ margin-right:10px;}
.admin-form a{color: #757575;}
.admin-form .radio {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    background: #fff;
    display: inline-block;
    border: 3px solid #DDD;
    height: 15px;
    width: 15px;
    top: 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    top: 1px;
    vertical-align: bottom;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    outline: none;
}
.admin-form .option-primary input:hover + .radio {
    border-color: #5d9cec;
}
.admin-form .option-primary input:checked + .radio, .admin-form .option-primary input:focus + .radio {
    border-color: #4a89dc;
}
.admin-form .option > input {
    position: absolute;
    height: inherit;
    width: inherit;
    opacity: 0;
    left: 0;
}
.admin-form .radio:before, .admin-form .radio:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.admin-form .checkbox:before, .admin-form .radio:before {
    content: '';
    display: none;
}
.admin-form .radio:before {
    margin: 4px;
    width: 7px;
    height: 7px;
    background: #888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.admin-form input:checked + .checkbox:before, .admin-form input:checked + .radio:before {
    display: block;
}
.admin-form .option-primary input:checked + .radio:before, .admin-form .option-primary input:focus + .radio:before {
    background: #4a89dc;
}
.help-block{margin-bottom: 10px;
    color: #a6a6a6;margin-top: 5px !important;webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;display: block;}
.redbg{ background:#000;opacity: 0.4; z-index:9999999999999; position:fixed; width:100%; height:100%;top:0; left:0;}
.newred{z-index:99999999999999; background:url(../images/newredbg.png); width:238px; height:307px; position:fixed; left:50%; margin-left:-119px; top:150px;}
.newred span.closered{ width:19px; height:19px; background:url(../images/closered.png); display:block; float:right; margin:15px; cursor:pointer;transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;}
.newred span.closered:hover{ background:url(../images/closeredhover.png);}
.newred  p.redmsg{ font-size:20px; color:#FFF; text-align:center; margin-top:60px; padding: 0 40px;line-height: 40px;}
.newred  p.usedred{ color:#ffcc00; font-size:20px; text-align:center; bottom:20px; position:absolute;    width: 100%;}
.newred  p.usedred a{color:#ffcc00;transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;}
.newred  p.usedred a:hover{ color:#FFF;}

.getred{z-index:99999999999999;background:url(../images/getredbg.png);width:396px; height:352px;position:fixed; left:50%; margin-left:-198px; top:150px;}
.getred span{ width:44px; height:44px;border-radius:50%; background:url(../images/closered2hover.png) #df3121 center center no-repeat; position:absolute; top:10px;right:65px; cursor:pointer;transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;}
.getred span:hover{background:url(../images/closered2.png) #fff center center no-repeat;}
.getred p.redmsg{ font-size:20px; color:#FFF; text-align:center; margin-top:45px; padding: 0 40px;line-height: 40px;text-indent: 0.5em;
    font-weight: 600;}
.getred p.redprice{ font-size:30px; text-align:center; color:#FFF; font-weight:bold;bottom:110px;position:absolute; display:block; width:100%;}
.getred p.redprice i{ font-size:60px;}
.getred p.usedred{bottom:50px; position:absolute;    width: 100%;text-align:center;}
.getred p.usedred a{ display:inline-block; padding:10px 25px; font-size:20px;font-weight: 600; background:#FFF;border-radius:5px; color:#df3121;}

.qixinbaodescription{
    width: 985px;
    border: 1px solid #e8e8e8;
    height: 22px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    height: 90px;
    resize: none;
    line-height: 22px;
    color: #999;
}
.qixinbaodescription:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.orderconfirmbg{ position:fixed; width:100%; height:100%; background:#000;opacity: 0.5; left:0; top:0; z-index:999999999999; display:none;}
.orderconfirm{
    display:none;
    width: 500px;
    top: 100px;
    left: 50%;
    margin-left: -250px;
    text-align: left;
    position: fixed;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
    webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index:9999999999991;
}
.orderconfirm h2 {
    height: 30px;
    line-height: 30px;
    padding: 8px 10px 4px;
    border-bottom: 1px solid #e0dddd;
    min-height: 30px;
    background-color: #f4f3f3;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0;
    font-size: 15px;
}
.orderconfirm h2 span {
    height: 13px;
    width: 13px;
    display: block;
    background: url(../images/icon-33.png);
    background-size: 100% 100%;
    cursor: pointer;
    float: right;
    margin-top: 6px;
}
.orderconfirm h3{ text-align:center; color: #3cb4f9; line-height:30px; padding-top:30px; font-size:20px;}
.orderconfirm p{text-align:center; color:#F00; line-height:24px; font-size:14px;}
.confirmbtn{ height:30px; line-height:30px; text-align:center; padding:30px 0 10px;}
.confirmbtn a{ display:inline-block; margin:0 10px;border-radius: 3px;}
.confirmbtn a.orderok{ padding:0 10px; font-size:14px; background:#3cb4f9; color:#FFF;}
.confirmbtn a.ordernoview{padding:0 10px; font-size:14px; background:#F00; color:#FFF;}