@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}

body{
    font-family: "Microsoft YaHei,SimSun";
    font-size: 12px;
}

ul li{
    list-style: none;
}

a{
    text-decoration: none;
}

img{
    border: none;
    vertical-align: middle;
}

.clearfix:after{
    content: "   ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{
    zoom: 1;
}

.hide{
    display: none;
}

/* ================= 分销平台改版公共样式 begin ================= */
.agent-wrap{
    width: 1200px;
    margin: 0 auto;
}

.agent-top-nav{
    width: 100%;
    height: auto;
    background-color: #f7f8fa;
    margin-top:0px;
    position: relative;
    color: #53555a;
    font-size: 12px;
}

.agent-top-nav-left{
    width: 50%;
    height: 36px;
    line-height: 36px;
    float: left;
    font-family: "SimHei,Microsoft YaHei";
}

.agent-top-nav-la-right{
    width: 50%;
    height: 36px;
    line-height: 36px;
    float: right;
}

.agent-top-nav-la-right span{
    width: 115px;
    height: 36px;
    display: block;
    float: left;
    text-align: center;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-top-nav-la-right span:first-child{
    width: 150px;
}

.agent-top-nav-la-right span:nth-child(2){
    width: 50px;
}

.agent-top-nav-la-right span:last-child{
    width: 55px;
}

.agent-top-nav-la-right span a{
    color: #53555a;
}

.agent-top-nav-la-right span a:hover{
    text-decoration: underline;
}

.agent-top-nav-lb-right{
    width: 190px;
    height: 36px;
    line-height: 36px;
    float: right;
}

.agent-top-nav-lb-right span{
    width: 95px;
    height: 36px;
    display: block;
    float: left;
    text-align: center;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-top-nav-lb-right span a{
    color: #53555a;
}

.agent-top-nav-lb-right span:first-child a{
    color: #ff5043;
}

.agent-top-nav-lb-right span a:hover{
    text-decoration: underline;
}

.agent-nav{
    position: relative;
    margin-top: 0;
}

.agent-nav .agent-nav-logo{
    width: 365px;
    height: 68px;
    float: left;
}

.agent-nav-logo a{
    width: 100%;
    height: 42px;
    display: block;
    background-image: url("images/agent/agent-logo.png");
    position: relative;
    top: 24px;
}

.agent-nav .agent-nav-la-right{
    float: right;
    margin-top: 32px;
    font-size: 14px;
    color: #333;
}

.agent-nav .agent-nav-lb-right{
    float: left;
    margin-top: 32px;
    font-size: 14px;
    color: #333;
    margin-left: 245px;
}

.agent-nav .agent-nav-la-right a,.agent-nav .agent-nav-lb-right a{
    color: #333;
}

.agent-nav-right-ul li{
    float: left;
    padding: 10px 14px;
    position: relative;
    z-index: 800;
}

.agent-nav-right-ul li.active{
    background-color: #ff5043;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border: 4px;
}

.agent-nav-right-ul li.active > a{
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

.agent-nav-right-ul li:hover{
    background-color: #ff5043;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border: 4px;
}

.agent-nav-right-ul li:hover > a{
    text-decoration: none;
    color: #fff;
}

.agent-nav-sub{
    position: absolute;
    top: 31px;
    left: -18px;
    width: 120px;
    z-index: 500;
}

.agent-nav-sub-content{
    width: 100%;
    background-color: #f3f4f5;
    margin-top: 20px;
}

.agent-nav-sub-content a{
    text-align: center;
    height: 38px;
    width: 100%;
    display: block;
    line-height: 38px;
}

.agent-nav-sub-content a:hover{
    background: none;
}

.agent-nav-sub a:hover{
    color: #e70101;
}

.agent-nav-dot-top{
    font-size: 0;
    line-height: 0;
    border-width: 12px;
    border-color: #f3f4f5;
    border-top-width: 0;
    border-style: dashed;
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    position: relative;
    top: -12px;
    left: 50%;
    margin-left: -12px;
}
/* ================= 分销平台改版公共样式 end ================= */

/* =============== 分销平台产品素材页样式 begin =============== */
.agent-goods-container{
    position: relative;
    margin-top: 45px;
}

.agent-goods-top{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #dddddd;
}

.agent-goods-top span{
    font-size: 20px;
    color: #555;
    padding-left: 5px;
    font-family: "Microsoft YaHei";
}

.agent-goods-left{
    width: 210px;
    position: relative;
    float: left;
}

.agent-goods-category{
    width: 100%;
    margin-top: 54px;
}

.agent-goods-category ul{
    border: solid 1px #dddddd;
    text-align: center;
}

.agent-goods-category ul li{
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}

.agent-goods-category ul li a{
    width: 100%;
    height: 100%;
    display: block;
    color: #000;
}

.agent-goods-category ul li.active{
    background-color: #3399ff;
}

.agent-goods-category ul li.active a{
    color: #ffffff;
}

.agent-goods-category ul li:hover{
    background-color: #3399ff;
}

.agent-goods-category ul li:hover a{
    color: #ffffff;
    text-decoration: none;
}

.agent-goods-right{
    width: 975px;
    position: relative;
    float: right;
}

.agent-goods-search-box{
    width: 485px;
    position: relative;
    margin: 32px auto;
}

.agent-goods-search-box input[type=text]{
    width: 378px;
    height: 32px;
    border: solid 1px #dddddd;
    padding-left: 5px;
    padding-right: 5px;
}

.agent-goods-search-box input[type=submit]{
    border: none;
    background-color: #e4393c;
    color: #ffffff;
    padding: 9px 26px;
    font-size: 14.5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border: 4px;
    cursor: pointer;
    margin-left: 6px;
}

.agent-goods-search-box input[type=submit]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-goods-label-box{
    width: 100%;
    height: auto;
    border: solid 1px #dddddd;
    position: relative;
}

.agent-goods-label-box ul li{
    float: left;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    padding-left: 32px;
    padding-right: 32px;
}

.agent-goods-label-box ul li a{
    color: #3399ff;
}

.agent-goods-label-box ul li.active a{
    color: #e4393c;
}

.agent-goods-label-box ul li a:hover{
    color: #e4393c;
}

.agent-goods-list-box{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.agent-goods-list-box ul li{
    float: left;
    width: 224px;
    height: 312px;
    border: solid 1px #dddddd;
    margin-top: 20px;
    margin-right: 22px;
    display: table-cell;
    vertical-align: middle;
}

.agent-goods-list-box ul li:nth-child(4n+0){
    margin-right: 0;
}

.agent-goods-list-box .agent-goods-cover{
    display: table-cell;
    vertical-align: middle;
    width: 224px;
    height: 224px;
    text-align: center;
}

.agent-goods-list-box .agent-goods-cover img{
    max-width: 198px;
    max-height: 200px;
}

.agent-goods-list-box .agent-goods-title{
    width: 210px;
    height: 38px;
    padding: 5px 10px;
}

.agent-goods-list-box .agent-goods-title a{
    color: #666;
}

.agent-goods-list-box .agent-goods-title a:hover{
    text-decoration: underline;
}

.agent-goods-price{
    width: 224px;
    height: 38px;
    line-height: 38px;
    border-top: 1px #dddddd dashed;
}

.agent-goods-price span{
    color: #999;
    padding: 0 10px;
}

.agent-goods-price em{
    color: #e4393c;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.agent-goods-price a{
    width: 70px;
    height: 26px;
    display: block;
    float: right;
    background: #e4393c;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    position: relative;
    top: 6px;
    right: 6px;
}

.agent-goods-price a:hover{
    text-decoration: none;
    color: #fff;
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.paging-box {
    position: relative;
    font-size: 14px;
    text-align: center;
    font-family: "Microsoft YaHei";
    margin: 45px auto 25px auto;
}
.paging-box ul {
    list-style-type: none;
    margin: 0 auto;
}

.paging-box ul li {
    display: block;
    position: relative;
    float: left;
    margin-right: 10px;
}

.paging-box a {
    color: #555;
    line-height: 32px;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #e2e2e2;
    padding: 5px 11px;
}

.paging-box a:hover {
    color: #fff;
    background-color: #f55354;
    border: solid 1px #f55354;
    text-decoration: none;
}

.paging-box a.active {
    color: #fff;
    background-color: #f55354;
    border: solid 1px #f55354;
}

.paging-box span {
    color: #8b8b8b;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    padding-right: 5px;
}

.paging-box input {
    color: #555;
    border: solid 1px #8b8b8b;
    padding: 2px 2px;
    width: 32px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
}
/* =============== 分销平台产品素材页样式 end =============== */

/* ================= 分销平台首页样式 begin ================= */
.agent-index-banner{
    width: 100%;
    height: 606px;
    margin-top: 35px;
    position: relative;
    background: url("images/agent/agent_index_banner.png") center 0px;
}

.agent-index-login-box{
    width: 405px;
    height: 445px;
    background: #ffffff;
    position: relative;
    float: right;
    top: 55px;
    right: 45px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border: 6px;
    cursor: pointer;
}

.agent-index-login-box .agent-index-login-title{
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    position: relative;
    font-size: 28px;
    color: #858585;
    margin-top: 32px;
}

.agent-index-login-box .agent-index-login-input{
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin: 32px auto;
}

.agent-index-login-input:nth-child(4){
    margin-top: 50px;
    height: 35px;
    line-height: 35px;
}

.agent-index-account-label{
    width: 40px;
    height: 40px;
    display: block;
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -10px -6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    cursor: pointer;
    float: left;
}

.agent-index-password-label{
    width: 40px;
    height: 40px;
    display: block;
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -10px -58px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    cursor: pointer;
    float: left;
}

.agent-index-login-input input[type=text],.agent-index-login-input input[type=password]{
    width: 228px;
    height: 38px;
    line-height: 38px;
    border: solid 1px #ff5043;
    padding: 0 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-index-login-input input[type=submit]{
    width: 280px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: none;
    background-color: #ff5043;
    color: #ffffff;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    cursor: pointer;
}

.agent-index-login-input input[type=submit]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-index-login-box .agent-index-other{
    width: 280px;
    height: 30px;
    line-height: 30px;
    margin: 0px auto;
}

.agent-index-other a:first-child{
    float: left;
    color: #333333;
    font-size: 14px;
}

.agent-index-other a:last-child{
    float: right;
    color: #ff5043;
    font-size: 14px;
}

.agent-index-other a:hover{
    text-decoration: underline;
}

.agent-index-container{
    position: relative;
}

.agent-index-content-title{
    width: 100%;
    position: relative;
    text-align: center;
    font-family: "SimHei","Microsoft YaHei";
    margin-top: 45px;
}

.agent-index-content-title h2{
    font-size: 50px;
    height: 70px;
    line-height: 70px;
    font-weight: normal;
}

.agent-index-content-title span.agent-index-content-sub-title{
    width: 182px;
    height: 34px;
    display: inline-block;
    font-size: 18px;
    line-height: 34px;
    border-top: solid #ff5043 3px;
}

.agent-index-content{
    width: 100%;
    position: relative;
    margin: 56px auto;
}

.agent-index-content ul li{
    width: 400px;
    height: 170px;
    display: block;
    float: left;
}

.agent-index-item-left{
    width: 115px;
    height: 100%;
    float: left;
}

.agent-index-item-left span{
    width: 68px;
    height: 68px;
    display: block;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border: 50%;
    left: 38px;
}

.item-icon-1{
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -167px -44px;
}

.item-icon-2{
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -80px -42px;
}

.item-icon-3{
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -72px -183px;
}

.item-icon-4{
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -170px -120px;
}

.item-icon-5{
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -73px -118px;
}

.item-icon-6{
    background: #ff5043 url("images/agent/agent_index_icon.png") no-repeat -77px -250px;
}

.agent-index-item-right{
    float: left;
    font-family: "SimHei","Microsoft YaHei";
}

.agent-index-item-right h4{
    font-size: 22px;
    color: #333333;
    font-weight: normal;
}

.agent-index-item-right span{
    width: 260px;
    height: 110px;
    display: block;
    font-size: 15px;
    color: #50555a;
    position: relative;
    margin-top: 18px;
    line-height: 22px;
}
/* ================== 分销平台首页样式 end ================== */

/* ================ 分销平台作品页、账号信息样式 begin ================ */
.agent-works-container{
    position: relative;
    margin-top: 45px;
}

.agent-works-top{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #dddddd;
}

.agent-works-top span{
    font-size: 20px;
    color: #555;
    padding-left: 5px;
    font-family: "Microsoft YaHei";
}

.agent-works-search-box{
    width: 100%;
    position: relative;
	height: 135px;
}

.agent-works-search-line{
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.agent-works-search-line .agent-works-search-col{
    width: 33%;
    float: left;
    font-size: 14px;
    color: #333333;
}

.agent-works-search-line .agent-works-search-col-3{
    width: 24%;
    float: left;
    font-size: 14px;
    color: #333333;
}

.agent-works-search-line .agent-works-search-col-5{
    width: 48%;
    float: left;
    font-size: 14px;
    color: #333333;
}

.agent-works-search-col label,.agent-works-search-col-2 label,.agent-works-search-col-3 label,.agent-works-search-col-4 label,.agent-works-search-col-5 label{
    color: #333333;
    padding-left: 30px;
}

.agent-works-search-col input[type=text],.agent-works-search-col-3 input[type=text]{
    width: 162px;
    height: 30px;
    border: solid 1px #cccccc;
    padding: 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-works-search-line input[type=checkbox]{
    position: relative;
    margin-left: 8px;
    top: 3px;
}

.agent-works-search-line input[type=radio]{
    position: relative;
    padding:0 3px;
    top: 3px;
}

.agent-works-search-line input[type=button]{
    border: none;
    background-color: #337ab7;
    padding: 0 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    color: #fff;
    cursor: pointer;
    font-family: "Microsoft YaHei,SimSun";
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}

.agent-works-search-line input[type=button]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-works-search-line a.no-works-btn{
    padding: 6px 12px;
    background-color: #ff5043;
    color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    margin-left: 25px;
}

.agent-works-search-line a.no-works-btn:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-works-search-line .agent-works-search-col-5 input[type=text]{
    width: 460px;
    height: 30px;
    border: solid 1px #cccccc;
    padding: 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-works-search-line .agent-work-search-col-2{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #333333;
}

.agent-works-search-col-2 input[type=text],.agent-works-search-col-4 input[type=text]{
    width: 108px;
    height: 30px;
    border: solid 1px #cccccc;
    padding: 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-works-search-col-2 label.end-time-label,.agent-works-search-col-4 label.end-time-label{
    padding-left: 5px;
}

.agent-works-search-col-2 select{
    border: solid 1px #cccccc;
    width: 78px;
    height: 32px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    padding: 0 1%;
    -webkit-appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(images/agent/down-arrow.png) no-repeat scroll right 10px top 13px transparent;
}

.agent-works-search-col-2 select option{
    text-align: center;
}

.agent-works-search-col-2 input[type=submit],.agent-works-search-col-4 input[type=submit]{
    width: 70px;
    height: 32px;
    line-height: 30px;
    color: #ffffff;
    border: none;
    background-color: #ff5043;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    margin-left: 8px;
    cursor: pointer;
    font-size: 14px;
    font-family: "Microsoft Yahei";
}

.agent-works-search-col-2 input[type=submit]:hover,.agent-works-search-col-4 input[type=submit]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-works-search-col-4 select{
    margin-left: 5px;
    min-width: 162px;
    height: 32px;
    *height: 32px;
    line-height: 32px;
    border: solid 1px #cccccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    padding: 0 2%;
}

.agent-works-search-col-4 select option{
    text-align: center;
}

.agent-works-content{
    width: 100%;
    position: relative;
    margin-top: 35px;
}

.agent-works-content h4{
    color: #333333;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    font-style: normal;
    font-weight: normal;
}

.agent-works-list{
    width: 100%;
    position: relative;
}

.agent-works-list .agent-work-table,.agent-works-list .agent-work-table1,.agent-works-list .agent-work-table2,.agent-works-list .agent-work-table3,.agent-works-list .agent-work-table4{
    width: 100%;
    margin-bottom: 15px;
}

.agent-work-table2 tr th{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    color: #333333;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: 198px;
    font-weight: normal;
    background-color: #eeeeee;
}

.agent-work-table3 tr th{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    color: #333333;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: 118px;
    font-weight: normal;
    background-color: #eeeeee;
}

.agent-work-table tr th,.agent-work-table1 tr th,.agent-work-table4 tr th{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    color: #333333;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: 198px;
    font-weight: normal;
}

.agent-work-table tr th:first-child{
    width: 45px;
}

.agent-work-table4 tr th:first-child{
    width: 125px;
}

.agent-work-table tr td:first-child{
    text-align: center;
    cursor: pointer;
}

.agent-work-table tr th:last-child,.agent-work-table1 tr th:last-child,.agent-work-table2 tr th:last-child{
    border-right: 1px solid #dddddd;
    width: 180px;
}

.agent-work-table4 tr th:last-child{
    border-right: 1px solid #dddddd;
    width: 140px;
}

.agent-work-table4 tr td:last-child a{
    color: #3C3B39;
}

.agent-work-table4 tr th:nth-child(2),.agent-work-table4 tr th:nth-child(3){
    width: 180px;
}

.agent-work-table3 tr th:last-child{
    border-right: 1px solid #dddddd;
    width: 118px;
}

.agent-work-table tr th:nth-child(4){
    width: 240px;
}

.agent-work-table tr th:nth-child(5){
    width: 160px;
}

.agent-work-table tr th:nth-child(6){
    width: 70px;
}

.agent-work-table1 tr th:nth-child(3){
    width: 250px;
}

.agent-work-table1 tr th:nth-child(5){
    width: 90px;
}

.agent-work-table2 tr th:first-child,.agent-work-table2 tr th:nth-child(2),.agent-work-table2 tr th:nth-child(4){
    width: 50px;
}

.agent-work-table2 tr th:nth-child(3){
    width: 80px;
}

.agent-work-table tr td,.agent-work-table1 tr td,.agent-work-table2 tr td,.agent-work-table3 tr td,.agent-work-table4 tr td{
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    padding: 5px 8px;
}

.agent-work-table tr td:last-child,.agent-work-table1 tr td:last-child,.agent-work-table2 tr td:last-child,.agent-work-table3 tr td:last-child,.agent-work-table4 tr td:last-child{
    border-right: 1px solid #dddddd;
}

.agent-work-table tr td a,.agent-work-table1 tr td a{
    color: #1e50a2;
}

.agent-work-table tr td a:hover,.agent-work-table1 tr td a:hover{
    text-decoration: underline;
}

.agent-work-table tr td img,.agent-work-table1 tr td img{
    text-align: center;
}

.table-bottom-right{
    float: right;
}

.agent-works-pic-box{
    max-width: 180px;
    text-align: center;
}

.agent-works-pic-box img{
    max-width: 100%;
}

.agent-works-pic-box2{
    max-width: 138px;
    text-align: center;
}

.agent-works-pic-box2 img{
    width: 100%;
}

.agent-works-buyer-info{
    padding: 6px 6px;
    position: relative;
}

.agent-works-buyer-info:hover{
    border: solid 1px #ff8b33;
}

.agent-works-buyer-info a{
    position: absolute;
    right: 8px;
    top: 4px;
    display: none;
}

.warning-tip-box{
    font-size: 14px;
    width: 232px;
    min-height: 115px;
    position: absolute;
    background: #ffffff;
    z-index: 600;
    right: 204px;
    top: 300px;
    font-family: "Microsoft YaHei";
    color: #333;
    line-height: 20px;
}

.warning-tip-box .warning-tip-content{
    width: 215px;
    min-height: 113px;
    border: solid 1px #F00;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border: 2px;
    text-align: center;
    padding: 6px 0;
    float: left;
    background: #ffffff;
    position: absolute;
}

.warning-tip-box .warning-tip-dot-right{
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent transparent #F00;
    border-style:dashed dashed dashed solid;
    border-width: 10px 10px 10px 15px;
    position: absolute;
    top: 50px;
    left: 216px;
}

.warning-tip-box .warning-tip-dot-right i{
    position: absolute;
    top: -10px;
    left: -22px;
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    border-color: transparent transparent transparent #ffffff;
    border-style: dashed dashed dashed solid;
    border-width: 10px 10px 10px 15px;
}

.agent-works-btn{
    color: #fff;
    padding: 6px 14px;
    background: #e4393c;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    margin-left: 8px;
}

.agent-works-btn:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-works-line{
    width: 100%;
    height: 70px;
    *height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 14px;
}

.line-bg{
    background-color: #eeeeee;
}

.agent-works-line input[type=text]{
    width: 162px;
    height: 30px;
    border: solid 1px #cccccc;
    padding: 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}
.agent-works-line input[type=password]{
    width: 162px;
    height: 30px;
    border: solid 1px #cccccc;
    padding: 0px 8px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}
.agent-works-line input[type=radio]{
    margin-left: 12px;
    cursor: pointer;
}

.agent-works-line .label-alipay{
    width: 38px;
    height: 38px;
    display: inline-block;
    background: url(images/agent/recharge_alipay_icon.png) no-repeat;
    position: relative;
    top: 10px;
    margin-left: 6px;
}

.agent-works-line .label-wechat{
    width: 38px;
    height: 38px;
    display: inline-block;
    background: url(images/agent/recharge_wechat_icon.png) no-repeat;
    position: relative;
    top: 10px;
    margin-left: 6px;
}

.agent-works-line input[type=submit],.agent-works-line input[type=button]{
    border: none;
    width: 165px;
    height: 34px;
    *height: 34px;
    line-height: 32px;
    background: #ff5043;
    color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    position: relative;
    top: 15px;
}

.agent-works-line input[type=submit]:hover,.agent-works-line input[type=button]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    cursor: pointer;
}
/* ================= 分销平台作品页、账号信息样式 end ================= */

/* ================= 分销平台订单详情页 begin ================= */
.agent-works-content-2{
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.agent-order-detail-line{
    width: 100%;
    height: 42px;
    *height: 42px;
    line-height: 42px;
    font-size: 14px;
    border: solid 1px #dddddd;
}

.agent-order-detail-line:nth-child(2),.agent-order-detail-line:nth-child(3),.agent-order-detail-line:nth-child(4){
    border-top: none;
}

.agent-order-detail-line:nth-child(2) span:last-child,.agent-order-detail-line:nth-child(3) span:last-child,.agent-order-detail-line:nth-child(4) span:last-child{
    text-align: left;
    width: 1065px;
    padding: 0 10px;
}

.agent-order-detail-line-2{
    width: 100%;
    height: auto;
    *height: auto;
    line-height: 42px;
    font-size: 14px;
    background-color: #eeeeee;
    text-align: center;
    color: #555555;
}

.agent-detail-order-status span{
    width: 113px;
    height: 100%;
    display: block;
    float: left;
    text-align: center;
    border-right: solid 1px #dddddd;
    font-size: 14px;
    color: #333333;
}

.agent-detail-order-status span:nth-child(odd){
    background: #eeeeee;
}

.agent-detail-order-status span:nth-child(4),.agent-detail-order-status span:nth-child(6){
    width: 255px;
}

.agent-detail-order-status span:last-child{
    width: 115px;
    border-right: none;
}

.agent-order-consignee-table{
    width: 100%;
    margin-bottom: 15px;
    color: #555555;
}

.agent-order-consignee-table tr th{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    width: 198px;
    font-weight: normal;
}

.agent-order-consignee-table tr th:first-child,.agent-order-consignee-table tr td:first-child{
    border-left: 1px solid #dddddd;
}

.agent-order-consignee-table tr th:last-child,.agent-order-consignee-table tr td:last-child{
    border-right: 1px solid #dddddd;
}

.agent-order-consignee-table tr th:first-child{
    width: 130px;
}

.agent-order-consignee-table tr th:nth-child(2){
    width: 270px;
}

.agent-order-consignee-table tr td{
    font-size: 14px;
    line-height: 32px;
    padding: 5px 8px;
    border-bottom: 1px solid #dddddd;
}
/* ================= 分销平台订单详情页 end ================= */

/* ================= 分销平台订单确认页 begin ================= */
.agent-order-confirm-table{
    width: 100%;
    color: #333333;
    font-size: 14px;
    margin-bottom: 15px;
}

.agent-order-confirm-table tr td{
    min-height: 42px;
    line-height: 42px;
    border-top: solid 1px #dddddd;
    border-left: solid 1px #dddddd;
    padding-left: 12px;
}

.agent-order-confirm-table tr td:first-child{
    width: 125px;
    background-color: #eeeeee;
    text-align: right;
    padding-right: 10px;
}

.agent-order-confirm-table tr:last-child td{
    border-bottom: solid 1px #dddddd;
}

.agent-order-confirm-table tr td.td-normal{
    background: none;
}

.agent-order-confirm-table tr td.td-region{
    width: 125px;
}

.agent-order-confirm-table tr td.td-not-null{
    width: 80px;
}

.agent-order-confirm-table tr td.td-label{
    width: 110px;
    background-color: #eeeeee;
    text-align: right;
    padding-right: 27px;
}

.agent-order-confirm-table tr td:last-child{
    border-right: solid 1px #dddddd;
}

.agent-order-confirm-table tr:nth-child(6) td{
    height: 155px;
}

.td-region select{
    width: 125px;
    border: none;
    height: 35px;
    -webkit-appearance: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding: 0 15%;
    background: url(images/agent/down-arrow2.png) no-repeat scroll right 5px top 13px transparent;
}

.td-region select option{
    text-align: center;
}

.agent-order-confirm-submit-p{
    text-align: center;
    height: 85px;
    line-height: 85px;
}

.agent-order-confirm-submit-p input[type=submit]{
    color: #ffffff;
    border: none;
    background-color: #ff5043;
    font-size: 14px;
    padding: 8px 62px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-order-confirm-submit-p input[type=submit]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    cursor: pointer;
}

.agent-order-confirm-input{
    width: 525px;
    padding: 7px 6px;
    border: solid 1px #dddddd;
}

.agent-order-confirm-input2{
    width: 185px;
    padding: 7px 6px;
    border: solid 1px #dddddd;
    margin-right: 8px;
}

.agent-order-confirm-input3{
    width: 55px;
    padding: 7px 6px;
    border: solid 1px #dddddd;
}

.agent-order-confirm-textarea{
    width: 625px;
    height: 126px;
    border: solid 1px #dddddd;
    padding: 7px 6px;
}

.agent-goods-list-box ul li:nth-child(4n+0) .taobao-url-btn{
    margin-right: 0;
}

.taobao-url-btn{
    width: 25px;
    height: 25px;
    display: block;
    background: url("images/agent/agent_ali_icon.jpg");
    border: none;
    float: right;
    position: relative;
    right: 7px;
    top: -306px;
}

.taobao-url-box{
    width: 325px;
    height: 135px;
    position: relative;
    top: -240px;
    left: -50px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border: 2px;
    z-index: 500;
    background: #ffffff;
    border: solid 1px #eeeeee;
    -webkit-box-shadow: 0 0 6px #888;
    -moz-box-shadow: 0 0 6px #888;
    box-shadow: 0 0 6px #888;
    text-align: center;
}

.taobao-url-box span{
    font-size: 16px;
    position: relative;
    float: right;
    margin-right: -125px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: block;
    z-index: 800;
}

.taobao-url-box input[type=text]{
    width: 295px;
    padding: 5px 6px;
    margin-left: 6px;
    float: left;
    margin-top: 16px;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border: 2px;
    border: solid 1px #999;
}

.taobao-url-box input[type=button]{
    width: 85px;
    height: 28px;
    position: relative;
    margin-top: 18px;
    margin-left: -10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border: 2px;
    border: none;
    color: #ffffff;
    background: #e4393c;
    cursor: pointer;
}

.taobao-url-box input[type=button]:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
    color: #ffffff;
}
/* ================= 分销平台订单确认页 end ================= */

/* ================= 照片收集相关页面 begin ================= */
.agent-collect-body{
    background-color: #eee;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.agent-collect-container{
    width: 100%;
    font-size: 1.2rem;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.agent-collect-container .agent-collect-top{
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    background-color: #FF5043;
    color: #ffffff;
    position: fixed;
    top:0;
    z-index: 1000;
    font-size: 1.4rem;
}

.agent-collect-container .agent-collect-top span{
    font-weight: bold;
    padding: 0 3px;
}

.agent-collect-container .agent-collect-bottom{
    width: 100%;
    height: 4.2rem;
    line-height: 4.2rem;
    position: fixed;
    bottom: 0;
    text-align: center;
    font-size: 1.4rem;
    z-index: 2000;
}

.agent-collect-container .agent-collect-top p{
    font-weight: bold;
    text-align: center;
    font-size: 1.4rem;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
}

.agent-collect-top .agent-collect-photo-count{
    padding-left: 1.2rem;
}

.agent-collect-bottom input[type=submit]{
    width: 100%;
    height: 4.2rem;
    line-height: 4.2rem;
    display: block;
    background-color: #e4393c;
    color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    border: none;
    font-size: 1.4rem;
    -webkit-appearance: none;
    outline: none;
}

.agent-collect-bottom input[type=submit].disable{
    width: 100%;
    height: 100%;
    display: block;
    background-color: lightgrey;
    color: #ffffff;
    border: none;
}

.agent-collect-content{
    right: 0;
    top: 4rem;
    /*bottom: 4.3rem;
    margin-top: 4rem;*/
    margin-bottom: 8rem;
    left: 0;
    position: relative;
    overflow: auto;
}

.agent-collect-mobile-style{
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    overflow: auto;
    margin-top: 4rem;
}

.agent-collect-mobile-style .agent-collect-mobile-style-nav{
    position: relative;
    background-color: #ffffff;
}

.agent-collect-mobile-style-nav ul li{
    float: left;
    padding: 4px 8px;
    color: #545454;
    font-size: 1.5rem;
}

.agent-collect-mobile-style-nav ul li a {
    color: #545454;
}

.agent-collect-mobile-style-nav ul li.active a{
    color: #c73d3d;
}

.agent-collect-mobile-style-list{
    position: relative;
    margin-top: 1rem;
}

.agent-collect-mobile-style-list ul li{
    width: 46%;
    background-color: #ffffff;
    margin: 0 2.2% 1.2rem 1.8%;
    float: left;
    height: 17.5rem;
    overflow: hidden;
    cursor: pointer;
}

.agent-collect-mobile-style-list ul li .agent-collect-mobile-style-pic{
    width: 100%;
}

.agent-collect-mobile-style-list ul li .agent-collect-mobile-style-pic img{
    padding-top: 0.8rem;
    width: 94%;
}

.agent-collect-mobile-style-list ul li p{
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
    white-space: nowrap;
}

.agent-collect-mobile-style .agent-collect-mobile-no-more{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1.2rem 0;
    color: #555555;
}

.agent-collect-content ul li{
    width: 31.7%;
    border: 1px dotted darkgray;
    height: 8.8rem;
    margin: 0.8% 0 0 0.8%;
    display: block;
    float: left;
    position: relative;
    cursor: pointer;
}

.agent-collect-content ul li.photo-item{
    cursor: pointer;
}

.agent-collect-content ul li img{
    width: 100%;
    height: 100%;
}

.agent-collect-content ul li .shade{
    position: absolute;
    width: 100%;
    height: 8.8rem;
    line-height: 8.8rem;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 800;
}

.agent-collect-content ul li .remove a{
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    top: 50%;
    margin: -12px auto;
    background: url("images/agent/agent_upload_remove_icon.png") no-repeat center;
    cursor: pointer;
}

.agent-collect-content ul li .oldpdf a{
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    top: 50%;
    margin: -12px auto;
    background: url("images/agent/agent_upload_remove_icon.png") no-repeat center;
    cursor: pointer;
}

.agent-collect-content ul li .process{
    width: 100%;
    height: 8.8rem;
    line-height: 8.8rem;
    color: #ffffff;
    text-align: center;
    font-size: 1.3rem;
}

.agent-collect-content ul li:first-child{
    background-color: darkgray;
    border: 1px dotted gray
}

.agent-collect-content h4{
    font-weight: normal;
    color:gray;
    font-size: 1.4rem;
    text-align: center;
    line-height: 5rem;
}

.agent-collect-submit{
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    color: #555;
}

.agent-collect-submit .agent-collect-submit-line{
    width: 100%;
    height: 3.8rem;
    line-height: 3.8rem;
    position: relative;
}

.agent-collect-submit-success-line{
    width: 100%;
    position: relative;
    text-align: center;
}

.agent-collect-submit-success-line:first-child{
    margin-top: 3rem;
}

.agent-collect-submit-success-line p{
    font-size: 1.5rem;
    font-family: "Microsoft YaHei";
    height: 3.8rem;
    line-height: 3.8rem;
}

.agent-collect-submit-success-line img{
    width: 32%;
}

.agent-collect-submit-success-line div.hr{
    border-top: 1px dashed gray;
    width: 98%;
    margin: 1.8rem auto;
}

.agent-collect-submit-success-line span,.agent-collect-submit-success-line b{
    font-size: 1.4rem;
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
}

.agent-collect-submit-success-line p.cp{
    font-size: 1.2rem;
    color: gray;
}

.agent-collect-submit-line .agent-collect-submit-left{
    width: 28%;
    float: left;
    text-align: right;
}

.agent-collect-submit-line .agent-collect-submit-right{
    width: 72%;
    float: left;
}

.agent-collect-submit-line input[type=text],.agent-collect-submit-line input[type=number]{
    width: 86%;
    height: 2.5rem;
    padding: 0.3rem 0.4rem;
    border: solid 1px #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    -webkit-appearance: none;
    outline: none;
    font-size: 1.4rem;
}

.agent-collect-submit-right span.tip{
    color: red;
}

.agent-collect-submit-right select{
    width: 6.6rem;
    height: 2.8rem;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    /*-webkit-appearance: none;*/
    /*outline: none*/
    font-size: 1.2rem;
}

.agent-collect-submit-line:last-child{
    text-align: center;
}

.agent-collect-submit-line input[type=submit]{
    width: 68%;
    height: 3.6rem;
    color: #ffffff;
    background-color: #ff5043;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border: 4px;
    -webkit-appearance: none;
    outline: none;
    font-size: 1.5rem;
}


.agent-collect-submit-line input[type=submit].disable{
    background-color: #CBCBCB;
}

.agent-collect-add{
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-align-items: center;
    position: relative;
}

.agent-collect-add span{
    font-size: 5rem;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1rem;
    -webkit-top: 0.4rem;
}

.agent-collect-add input[type=file]{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 800;
    top: 0;
    left: 0;
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/* iphone 6 */
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
    .agent-collect-add span{
        font-size: 5rem;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0.3rem;
    }

    .agent-collect-mobile-style-list ul li p{
        width: 100%;
        text-align: center;
        padding: 0.1rem 0;
        white-space: nowrap;
    }
}

/* iphone 6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
    .agent-collect-add span{
        font-size: 5rem;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0.3rem;
    }

    .agent-collect-mobile-style-list ul li p{
        width: 100%;
        text-align: center;
        padding: 0.1rem 0;
        white-space: nowrap;
    }
}

.agent-collect-add p{
    font-style: normal;
    position: relative;
}
/* ================= 照片收集相关页面 end ================= */

/* ================= 分销平台风格列表页 begin ================= */
.agent-product-list-container .agent-product-list-top{
    width: 100%;
    background-color: #FF5043;
    height: 50px;
    line-height: 50px;
    font-size: x-large;
    color: #ffffff;
}

.agent-product-list-container .agent-product-list-url{
    width: 100%;
    position: relative;
    font-size: 14px;
    color: #7f7f7f;
    line-height: 30px;
    margin-top: 10px;
}

.agent-product-list-url a {
    color: #1567c3;
}

.agent-product-list-url a:first-child{
    padding-left: 20px;
}

.agent-product-list-container .agent-product-list-subject{
    width: 100%;
    position: relative;
    margin-top: 15px;
}

.agent-product-subject-selected{
    width: 1148px;
    border: 1px solid #ebebeb;
    padding: 0 20px;
    font-size: 12px;
    color: #7f7f7f;
    line-height: 30px;
    background: #f2f2f2;
}

.agent-product-subject-selected dl {
    padding-top: 5px;
    overflow: hidden;
}

.agent-product-subject-selected dt {
    color: #404040;
    font-size: 14px;
    float: left;
    display: block;
}

.agent-product-subject-selected dd {
    border: 1px solid #CCC;
    height: 22px;
    line-height: 23px;
    color: #c73d3d;
    background: #FFF;
    padding: 0 8px;
    float: left;
    margin: 3px;
}

.agent-product-subject-selected a.closed {
    position: relative;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    background: url("images/plist-icon.png") no-repeat 0 0;
    display: block;
    float: left;
}

.agent-product-subject-selected dd strong {
    float: left;
}

.agent-product-subject-list {
    width: 1188px;
    border-left: #e4e4e4 1px solid;
    border-right: #e4e4e4 1px solid;
    border-bottom: #e4e4e4 1px solid;
    overflow: hidden;
    background: #fcfcfc;
}

.agent-product-subject-list dt {
    width: 80px;
    float: left;
    padding: 5px 10px;
    color: #404040;
    text-align: right;
    line-height: 22px;
}

.agent-product-subject-list dd {
    float: left;
    padding: 5px 10px;
    line-height: 22px;
}

.agent-product-subject-list dd#pattern_type {
    width: 950px;
}

.agent-product-subject-list dd a {
    float: left;
    display: block;
    padding: 0 10px;
    color: #666;
}

.agent-product-subject-list dd a.on {
    color: #c73d3d;
    font-weight: bold;
}

.agent-product-content {
    width: 100%;
    position: relative;
    margin-top: 15px;
}

.agent-product-content dl {
    width: 212px;
    float: left;
    margin: 10px 13px;
    text-align: center;
    line-height: 20px;
    height: 280px;
    position: relative;
    display: inline;
}

.agent-product-content .agent-product-list-div{
    border: 1px solid #e4e4e4;
    text-align: center;
    font-family: "microsoft YaHei";
    color: #333333;
}

.agent-product-content .agent-product-list-div img{
    padding-top: 10px;
    width: 186px;
}

.agent-product-list-div dd{
    padding-bottom: 18px;
    font-size: 14px;
    font-weight: 600;
}

.agent-product-content dt {
    width: 212px;
    height: 190px;
    display:table-cell;
    vertical-align:middle;
}

.agent-product-content dl a{
    color: #fff;
    width: 92px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
    margin-top: 10px;
}

.agent-product-content dl a.preview{
    background: #337ab7;
    float: left;
}

.agent-product-content dl a.makeup{
    background: #e4393c;
    float: right;
}

.agent-product-content dl a:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-product-preview-box{
    position: fixed;
    width: 990px;
    height: 650px;
    background: #ffffff;
    margin:0 auto;
    top: 50px;
    left:0;
    right:0;
    z-index: 9999;
    -webkit-box-shadow:0 0 12px #888;
    -moz-box-shadow:0 0 12px #888;
    box-shadow:0 0 12px #888;
}

.agent-product-preview-box .agent-product-preview-close{
    position: relative;
    width: 33px;
    height: 33px;
    display: inline-block;
    background: url(images/product-detail-icon.png) no-repeat -37px -258px;
    float: right;
    top: 10px;
    right: 10px;
    border: none;
    cursor: pointer;
}

.agent-product-preview-box .agent-product-preview-content{
    overflow: visible;
    position: relative;
    margin: 23px auto;
    width: 730px;
    height: 515px;
    border:1px solid #cccccc;
}

.agent-product-preview-content .agent-product-preview-picture{
    display: table-cell;
    width: 730px;
    height: 515px;
    vertical-align: middle;
    text-align: center;
}
.agent-product-preview-content .agent-product-preview-picture img{
    max-width: 675px;
    max-height: 470px;
    margin: 15px auto;
}

.agent-product-preview-content a{
    padding: 8px 25px;
    border: solid 1px #d3d3d3;
    margin-right: 8px;
    border-radius: 3px;
}

.agent-product-middle-previous-btn{
    position: absolute;
    width: 28px;
    height: 92px;
    display: block;
    background: url(images/product-detail-icon.png) no-repeat 0px -160px;
    border: solid 1px #6e6e6e;
    top: 280px;
    left: 60px;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-product-middle-next-btn{
    position: absolute;
    width: 28px;
    height: 92px;
    display: block;
    background: url(images/product-detail-icon.png) no-repeat 0px -250px;
    border: solid 1px #6e6e6e;
    top: 280px;
    right: 60px;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border: 3px;
}

.agent-product-preview-box .agent-product-preview-paging{
    width: 730px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.agent-product-preview-paging span{
    width: 75px;
    height: 75px;
    display: block;
    line-height: 60px;
    float: left;
    margin-left: 145px;
}

.agent-product-preview-paging a.to-btn{
    width: 47px;
    height: 47px;
    display: block;
    margin-left: 16px;
    float: left;
    margin-top: 6px;
}

.agent-product-preview-paging .to-first-btn{
    background: url(images/product-detail-icon.png) no-repeat -37px -43px;
}

.agent-product-preview-paging .to-previous-btn{
    background: url(images/product-detail-icon.png) no-repeat -37px -96px;
}

.agent-product-preview-paging .to-next-btn{
    background: url(images/product-detail-icon.png) no-repeat -37px -149px;
}

.agent-product-preview-paging .to-last-btn{
    background: url(images/product-detail-icon.png) no-repeat -37px -200px;
}

.agent-product-preview-paging .style-preview-begin-make-btn{
    padding: 10px 34px;
    color: #fff;
    font-size: 14px;
    background: #f44f43;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border: 5px;
    position: relative;
    left: -36px;
}

.style-preview-begin-make-btn:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-product-preview-paging .style-preview-unable-make-btn{
    padding: 10px 34px;
    color: #fff;
    font-size: 14px;
    background: #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border: 5px;
    position: relative;
    left: -36px;
}

.style-preview-begin-unable-btn:hover{
    filter:alpha(Opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;
}

.agent-product-qrcode-box{
    position: fixed;
    width: 126px;
    height: 186px;
    right: 0;
    top: 36%;
    text-align: center;
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
}

.agent-product-qrcode-box img{
    width: 126px;
    height: 126px;
}
#copyLink{
    margin-top: 10px;
	padding: 2px 4px;
	cursor: pointer;
}
/* ================= 分销平台风格列表页 end ================= */

/* ================= 分销平台商品详情表页 start ================= */

.product-introduce-box {
    width: 100%;
    position: relative;
    margin: 15px auto;
}
.product-introduce-box .product-introduce-top {
    width: 100%;
    position: relative;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    background-color: #f7f7f7;
    /*border-bottom: solid 1px #e4393c;*/
}
.product-introduce-top a{
    color: #666;
    padding: 0 26px;
    display: inline-block;
}

.product-introduce-top a span{
    color: #e4393c;
}

.product-introduce-top a.active{
    /*background-color: #e4393c;*/
    background-color: #FF5043;
    color: #fefefe;
    cursor: default;
}

.product-introduce-top a.active span{
    color: #fff;
}

.product-introduce-top a:hover{
    color: #e4393c;
}

.product-introduce-top a:hover span{
    color: #e4393c;
}

.product-introduce-top a.active:hover{
    color: #fefefe;
}

.product-introduce-top a.active:hover span{
    color: #fff;
}
.product-introduce-box .product-introduce-content{
    width: 100%;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.product-introduce-detail{
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 15px;
}
/* ================= 分销平台商品详情表页 end ================= */