@charset "UTF-8";
.mainArea{font-family:"微软雅黑","Microsoft Yahei";}
.mainArea h1 img{ display: block;}
.mainArea .registBox { position: relative; height: 67px; padding-top: 8px; background: url(/pr/crm/vona/vsl1-01/aa/images/regist_feature.jpg) no-repeat 0 0;}
.mainArea .registBox .btnRegist{ display: block; margin: 0 auto; width: 378px; height: 58px; background: url(/pr/crm/vona/vsl1-01/aa/images/button_regist.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .note{padding:10px;margin-top:10px; margin-bottom: 20px; border:2px solid #6ca6dd;}
.mainArea .note span{background: none; color:#000; font-size:14px;padding-left:5px;}.mainArea .botton_register--top .btnRegist{ display: block; margin-left: 286px; width: 378px; height: 56px; background: url(/pr/crm/vona/chn1/aa/images/button_regist02.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}


/* tequanBox */
.mainArea .tequanBox{ margin-top: 30px;}
.mainArea .tequanBox__title{ position: relative; height: 50px; background:#6c81ab;}
.mainArea .tequanBox__title img{ position: absolute; top: -8px; left: 298px;}
.mainArea .tequanBox__content{ height: 466px; padding:20px 20px 30px; background-color: #f4f4f2;}
.mainArea .tequanBox .btnRegist{ display: block; width: 338px; height: 77px; margin: 30px auto 0; background: url(/pr/crm/vona/vsl1-01/aa/images/button_regist_02.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* pageAnchors */
.mainArea .pageAnchors{ margin-bottom: 9px;}
.mainArea .pageAnchors li{ float: left; height:47px; width:186px; margin-right: 5px; cursor:pointer;}
.mainArea .pageAnchors li a{width:100%;height:100%; display:block;text-align: center;font-size:18px; font-weight: bold; color:#ffffff; line-height: 44px;background: url(/pr/crm/vona/vsl1-01/aa/images/bg.jpg) no-repeat 0 0; text-decoration: none;}
.mainArea .pageAnchors li a:hover{background: url(/pr/crm/vona/vsl1-01/aa/images/curr_bg.jpg) no-repeat 0 0;}
.mainArea .pageAnchors .anchor--last{ margin-right: 0;}

/* productBox */
.productBox{ margin-bottom: 30px;}
.mainArea .productBox__title{ position: relative; height: 40px; background: #6c81ab; text-align:center;}
.mainArea .productBox__title img{margin-top:8px;}
.mainArea .productBox__content{ padding:20px 20px 14px 20px; background-color: #f2f2f2; color: #454545;}

/* productList */



.mainArea .productList .productItem{margin:0 5px 6px 0; float: left; padding-top:3px; border: 2px solid #dddddd; background-color: #fff; text-align: center;}
.mainArea .productList .productItem--last{ margin-right: 0;}
.mainArea .productList--cols4 .productItem{ width: 219px;}
.mainArea .productList--cols5 .productItem{ width: 174px;}

.mainArea .productItem .itemTop{background: #fff; padding-bottom:8px;}
.mainArea .productItem .itemBotoom{background: #f8f8f8; padding-bottom:15px;}

.mainArea .pName{ height: 38px; font-size: 14px; line-height: 38px;display: table-cell;}
.mainArea .pName--row2{ height: 50px; vertical-align: middle; line-height: 18px;}
.mainArea .pName--row3{ height: 68px; vertical-align: middle; line-height: 18px;}

.mainArea .productList--cols5 .pName{width:174px;}
.mainArea .productList--cols4 .pName{width:219px;}
.mainArea .pType{ height: 30px; font-size: 12px; line-height: 30px; text-align: center;}
.mainArea .pImg{margin-bottom: 8px;}



.mainArea .productBox .buttonWrap{ padding-top:15px;}
.mainArea .productBox .productList--cols4 a.button--detail{ display: block; margin:0 auto; width: 180px; height: 37px; background: url(/pr/crm/vona/vsl1-01/aa/images/button_detail4.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .productBox .productList--cols5 a.button--detail{ display: block; margin:0 auto; width: 146px; height: 37px; background: url(/pr/crm/vona/vsl1-01/aa/images/button_detail5.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .productBox a.button--more{ display: block; width: 280px; height: 48px; margin: 0 auto; padding-top: 5px; background: url(/pr/crm/vona/vsl1-01/aa/images/button_more.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.mainArea .pageNote{ padding-bottom: 8px; font-size: 14px; line-height: 20px; font-weight: bold;}

.mainArea .brandBox__content{ padding: 15px 20px 5px 25px;border-left: 3px solid #dbdbdb;border-right: 3px solid #dbdbdb;border-bottom: 3px solid #dbdbdb; background-color: #f2f2f2;}
.mainArea .brandBox__content .media__image--left{ margin-right: 15px; }
.mainArea .brandBox__content .media__main p{ font-size: 18px; line-height: 26px; text-indent: 2em; margin-top:44px;}
