@charset "UTF-8";
.icon-check-37 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px -57px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-goods-1 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -109px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-10 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px 0px; background-size: 240px 211px; width: 65px; height: 17px; }

.icon-goods-11 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px -125px; background-size: 240px 211px; width: 37px; height: 18px; }

.icon-goods-12 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px -105px; background-size: 240px 211px; width: 37px; height: 18px; }

.icon-goods-13 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px -38px; background-size: 240px 211px; width: 43px; height: 20px; }

.icon-goods-14 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px -60px; background-size: 240px 211px; width: 44px; height: 17px; }

.icon-goods-15 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -114px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-16 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -171px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-17 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -190px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-18 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -201px -38px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-19 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -202px -60px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-2 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -78px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-20 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -195px -125px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-21 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -202px -156px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-22 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -185px -175px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-23 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -204px -175px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-24 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat 0px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-25 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -19px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-26 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -38px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-27 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -57px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-28 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -76px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-29 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -95px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-3 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat 0px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-30 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -133px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-31 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -152px -194px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-32 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px -38px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-33 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -195px -105px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-34 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px 0px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-35 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px -19px; background-size: 240px 211px; width: 17px; height: 17px; }

.icon-goods-36 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -39px -156px; background-size: 240px 211px; width: 37px; height: 17px; }

.icon-goods-37 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat 0px -156px; background-size: 240px 211px; width: 37px; height: 17px; }

.icon-goods-38 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -104px -104px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-39 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -52px -104px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-4 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -140px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-40 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat 0px 0px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-41 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat 0px -104px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-42 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -104px -52px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-43 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -104px 0px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-44 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -52px -52px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-45 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat 0px -52px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-46 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -52px 0px; background-size: 240px 211px; width: 50px; height: 50px; }

.icon-goods-47 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px -79px; background-size: 240px 211px; width: 29px; height: 24px; }

.icon-goods-48 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -171px -156px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-49 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -187px -79px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-5 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -31px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-50 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -155px -175px; background-size: 240px 211px; width: 28px; height: 17px; }

.icon-goods-6 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -93px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-7 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -62px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-8 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -124px -175px; background-size: 240px 211px; width: 29px; height: 17px; }

.icon-goods-9 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -156px -19px; background-size: 240px 211px; width: 58px; height: 17px; }

.icon-smilie01 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px -75px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-smilie02 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px -93px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-smilie03 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods.png?v=d7eb344264") no-repeat -223px -111px; background-size: 240px 211px; width: 16px; height: 16px; }

.icon-ab-qq { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -112px; background-size: 253px 253px; width: 16px; height: 18px; }

.icon-check-2 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -142px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check-d { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -108px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check-e { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -221px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check-r { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -220px -196px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check1 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -193px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-check2 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -176px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-clarity-four { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -146px -167px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-clarity-one { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -22px -196px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-clarity-three { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -168px -167px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-clarity-two { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -44px -196px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-close { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -184px -221px; background-size: 253px 253px; width: 13px; height: 13px; }

.icon-common1 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -110px 0px; background-size: 253px 253px; width: 39px; height: 39px; }

.icon-common10 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -161px -152px; background-size: 253px 253px; width: 13px; height: 12px; }

.icon-common11 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -214px -221px; background-size: 253px 253px; width: 13px; height: 12px; }

.icon-common12 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -34px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common13 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -248px -221px; background-size: 253px 253px; width: 5px; height: 9px; }

.icon-common14 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -241px -221px; background-size: 253px 253px; width: 5px; height: 9px; }

.icon-common15 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -210px; background-size: 253px 253px; width: 10px; height: 9px; }

.icon-common16 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -208px -149px; background-size: 253px 253px; width: 7px; height: 7px; }

.icon-common17 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -150px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common18 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -150px -136px; background-size: 253px 253px; width: 30px; height: 9px; }

.icon-common19 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -52px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common2 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -151px -74px; background-size: 253px 253px; width: 32px; height: 32px; }

.icon-common20 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -106px -221px; background-size: 253px 253px; width: 14px; height: 14px; }

.icon-common21 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -93px -136px; background-size: 253px 253px; width: 55px; height: 14px; }

.icon-common22 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -88px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common23 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -137px -82px; background-size: 253px 253px; width: 12px; height: 14px; }

.icon-common24 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -86px; background-size: 253px 253px; width: 16px; height: 24px; }

.icon-common25 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -60px; background-size: 253px 253px; width: 16px; height: 24px; }

.icon-common26 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -188px -90px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common27 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -110px -82px; background-size: 253px 253px; width: 25px; height: 24px; }

.icon-common28 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -104px -109px; background-size: 253px 253px; width: 24px; height: 24px; }

.icon-common29 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -88px -167px; background-size: 253px 253px; width: 26px; height: 27px; }

.icon-common3 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -132px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common30 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -167px; background-size: 253px 253px; width: 28px; height: 27px; }

.icon-common31 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -188px -120px; background-size: 253px 253px; width: 28px; height: 27px; }

.icon-common32 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -59px -167px; background-size: 253px 253px; width: 27px; height: 27px; }

.icon-common33 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -30px -167px; background-size: 253px 253px; width: 27px; height: 27px; }

.icon-common34 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -188px 0px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common35 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -188px -60px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common36 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -188px -30px; background-size: 253px 253px; width: 28px; height: 28px; }

.icon-common37 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -116px -167px; background-size: 253px 253px; width: 28px; height: 20px; }

.icon-common38 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -151px -108px; background-size: 253px 253px; width: 29px; height: 24px; }

.icon-common39 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -238px; background-size: 253px 253px; width: 13px; height: 15px; }

.icon-common4 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px 0px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common40 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -70px -221px; background-size: 253px 253px; width: 16px; height: 14px; }

.icon-common41 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px 0px; background-size: 253px 253px; width: 53px; height: 53px; }

.icon-common42 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -109px; background-size: 253px 253px; width: 50px; height: 25px; }

.icon-common43 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -154px -221px; background-size: 253px 253px; width: 13px; height: 14px; }

.icon-common44 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -52px -109px; background-size: 253px 253px; width: 50px; height: 25px; }

.icon-common45 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -227px -186px; background-size: 253px 253px; width: 7px; height: 8px; }

.icon-common46 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -186px; background-size: 253px 253px; width: 7px; height: 8px; }

.icon-common5 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -72px; background-size: 253px 253px; width: 15px; height: 16px; }

.icon-common6 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -166px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common7 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -90px; background-size: 253px 253px; width: 15px; height: 16px; }

.icon-common8 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -202px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-common9 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -66px -196px; background-size: 253px 253px; width: 20px; height: 18px; }

.icon-ditrigon { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -176px -152px; background-size: 253px 253px; width: 10px; height: 9px; }

.icon-down { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -139px -129px; background-size: 253px 253px; width: 7px; height: 4px; }

.icon-err { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -88px -196px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-information { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -130px -109px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-open { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -169px -221px; background-size: 253px 253px; width: 13px; height: 13px; }

.icon-option { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -188px -149px; background-size: 253px 253px; width: 18px; height: 15px; }

.icon-pgleft { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px 0px; background-size: 253px 253px; width: 17px; height: 28px; }

.icon-pgright { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -30px; background-size: 253px 253px; width: 17px; height: 28px; }

.icon-progress { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -190px -167px; background-size: 253px 253px; width: 20px; height: 20px; }

.icon-prompt-lgone { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -55px; background-size: 253px 253px; width: 52px; height: 52px; }

.icon-prompt-lgthree { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -54px -55px; background-size: 253px 253px; width: 52px; height: 52px; }

.icon-prompt-lgtwo { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -55px 0px; background-size: 253px 253px; width: 53px; height: 53px; }

.icon-prompt-smone { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -62px -136px; background-size: 253px 253px; width: 29px; height: 29px; }

.icon-prompt-smthree { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -136px; background-size: 253px 253px; width: 29px; height: 29px; }

.icon-prompt-smtwo { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -31px -136px; background-size: 253px 253px; width: 29px; height: 29px; }

.icon-prompt-sxfive { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -36px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxfour { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -218px -168px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxone { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -184px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxthree { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -18px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-prompt-sxtwo { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -54px; background-size: 253px 253px; width: 15px; height: 16px; }

.icon-radio-d { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -125px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-radio1 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -17px -221px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-radio2 { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -237px -159px; background-size: 253px 253px; width: 15px; height: 15px; }

.icon-right { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -229px -221px; background-size: 253px 253px; width: 10px; height: 9px; }

.icon-search { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -199px -221px; background-size: 253px 253px; width: 13px; height: 13px; }

.icon-shopping { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -128px -196px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-tick-big { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -127px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-c { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -137px -98px; background-size: 253px 253px; width: 7px; height: 6px; }

.icon-tick-cnu { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -110px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-green { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -144px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-nu { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -93px -152px; background-size: 253px 253px; width: 15px; height: 12px; }

.icon-tick-o { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -208px -158px; background-size: 253px 253px; width: 7px; height: 6px; }

.icon-time { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -148px -196px; background-size: 253px 253px; width: 16px; height: 16px; }

.icon-up { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -130px -129px; background-size: 253px 253px; width: 7px; height: 4px; }

.icon-upload-delete { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat 0px -196px; background-size: 253px 253px; width: 20px; height: 23px; }

.icon-upload-hover { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -151px 0px; background-size: 253px 253px; width: 35px; height: 35px; }

.icon-upload-ok { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -108px -196px; background-size: 253px 253px; width: 18px; height: 18px; }

.icon-upload-to { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -151px -37px; background-size: 253px 253px; width: 35px; height: 35px; }

.icon-upload { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -110px -41px; background-size: 253px 253px; width: 39px; height: 39px; }

.icon-vc-err { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -138px -221px; background-size: 253px 253px; width: 14px; height: 14px; }

.icon-vc-right { background: url("//cdnimg.dd373.com/newfile/usercenter/images/icons.png?v=78786387a6") no-repeat -122px -221px; background-size: 253px 253px; width: 14px; height: 14px; }

.icon-gift { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -70px -14px; background-size: 86px 56px; width: 14px; height: 13px; }

.icon-giftArrow { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -70px -29px; background-size: 86px 56px; width: 15px; height: 8px; }

.icon-leftArrow { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat 0px 0px; background-size: 86px 56px; width: 20px; height: 32px; }

.icon-lightStar { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -44px 0px; background-size: 86px 56px; width: 24px; height: 22px; }

.icon-return { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -70px 0px; background-size: 86px 56px; width: 16px; height: 12px; }

.icon-rightArrow { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -22px 0px; background-size: 86px 56px; width: 20px; height: 32px; }

.icon-star { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat 0px -34px; background-size: 86px 56px; width: 24px; height: 22px; }

.icon-waring { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -45px -34px; background-size: 86px 56px; width: 14px; height: 14px; }

.icon-whiteClose { background: url("//cdnimg.dd373.com/newfile/usercenter/images/gifts.png?v=fbe1158601") no-repeat -26px -34px; background-size: 86px 56px; width: 17px; height: 17px; }

* { margin: 0px; padding: 0px; }

ul { list-style: none; }

a { text-decoration: none; cursor: pointer; }

.imgContain { display: none; background: #000; position: fixed; overflow: hidden; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10000; }

.imgContain .imgTitle { overflow: hidden; position: fixed; top: 16px; left: 16px; z-index: 10; }

.imgContain .imgTitle .imgKind { float: left; font-size: 12px; color: #656565; display: inline-block; height: 30px; line-height: 30px; }

.imgContain .imgTitle .imgKindList { float: left; overflow: hidden; }

.imgContain .imgTitle .imgKindList li { padding: 0 5px; font-size: 12px; user-select: none; cursor: pointer; float: left; width: auto; height: 30px; line-height: 30px; text-align: center; margin-left: 10px; background-color: #ffffff; border-radius: 2px; }

.imgContain .imgTitle .imgKindList li.choose { background-color: #ff5b01; color: #fff; }

.imgContain .imgPage { height: 17px; line-height: 17px; color: #fff; font-size: 12px; overflow: hidden; position: fixed; top: 16px; right: 16px; z-index: 10; }

.imgContain .imgPage .imgClose { cursor: pointer; vertical-align: middle; margin-left: 16px; display: inline-block; width: 17px; height: 17px; }

.imgContain .left { cursor: pointer; width: 30px; height: 70px; position: absolute; top: 43%; left: 20px; }

.imgContain .left > a { width: 20px; height: 32px; display: inline-block; position: relative; top: 20px; left: 4px; }

.imgContain .right { cursor: pointer; width: 30px; height: 70px; position: absolute; top: 43%; right: 20px; }

.imgContain .right > a { width: 20px; height: 32px; display: inline-block; position: relative; top: 20px; right: 0px; }

.imgContain .verticalMid { position: relative; height: 673px; top: 50%; left: 50%; }

.imgContain .verticalMid .imgInner { margin-left: auto; margin-right: auto; position: absolute; top: -50%; left: -598.5px; width: 100%; height: 673px; }

.imgContain .verticalMid .imgInner .imgList { width: 1197px; overflow: hidden; }

.imgContain .verticalMid .imgInner .imgList ul { overflow: hidden; height: 673px; }

.imgContain .verticalMid .imgInner .imgList ul > li { float: left; text-align: center; background: #000; width: 1197px; height: 673px; position: relative; }

.imgContain .verticalMid .imgInner .imgList ul > li img { max-width: 1197px; max-height: 673px; }

.imgContain .verticalMid .imgInner .imgList ul > li .loadingImg { width: auto; height: auto; position: absolute; left: 50%; top: 50%; }

.icon-prompt_tone { background: url("//cdnimg.dd373.com/newfile/usercenter/images/chat.png?v=ae5b3bcd9e") no-repeat 0px 0px; background-size: 70px 46px; width: 22px; height: 22px; }

.icon-prompt_tone_light { background: url("//cdnimg.dd373.com/newfile/usercenter/images/chat.png?v=ae5b3bcd9e") no-repeat -24px 0px; background-size: 70px 46px; width: 22px; height: 22px; }

.icon-recently { background: url("//cdnimg.dd373.com/newfile/usercenter/images/chat.png?v=ae5b3bcd9e") no-repeat 0px -24px; background-size: 70px 46px; width: 22px; height: 22px; }

.icon-recently_light { background: url("//cdnimg.dd373.com/newfile/usercenter/images/chat.png?v=ae5b3bcd9e") no-repeat -24px -24px; background-size: 70px 46px; width: 22px; height: 22px; }

.icon-user { background: url("//cdnimg.dd373.com/newfile/usercenter/images/chat.png?v=ae5b3bcd9e") no-repeat -48px 0px; background-size: 70px 46px; width: 22px; height: 22px; }

.icon-user_light { background: url("//cdnimg.dd373.com/newfile/usercenter/images/chat.png?v=ae5b3bcd9e") no-repeat -48px -24px; background-size: 70px 46px; width: 22px; height: 22px; }

.dib, .header .top .logoin-info .loggedIn .sign, .header .top .logoin-info .loggedIn .level, i[class^="icon-"], .dropdown-wrap, .wrapper .btn, .wrapper .btn .dot, .wrapper .badge, .wrapper .head .avatar-wrap, .wrapper .body .input-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .img-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .describe-text, .wrapper .body .chat-wrap .chat-title .icon-wrap, .wrapper .body .chat-wrap .dialog-wrap .item .msg, .wrapper .body .chat-wrap .reply-wrap .toolbar .icon-smiling, .wrapper .body .chat-wrap .reply-wrap .toolbar .icon-photo, .wrapper .body .chat-wrap .reply-wrap .toolbar .bar-btn, .wrapper .body .details-wrap .tradingInfo-list li > div, .wrapper .body .details-wrap .tradingInfo-list .upload-wrap, .wrapper .body .details-wrap .orderInfo .orderNumber, .wrapper .body .details-wrap .timeline > li .circle { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }

.db { display: block; }

.dn { display: none; }

.fl { float: left; *display: inline; }

.fr { float: right; *display: inline; }

.tc { text-align: center; }

.b { font-weight: bold; }

.wsn { white-space: nowrap; }

.header { margin: auto; min-width: 1200px; display: block; background-color: #fff; }

.header .no-message { position: relative; margin-right: 2px; float: left; }

.header .arrow { position: absolute; top: 17px; right: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #999; }

.header .row { width: 1200px; margin: 0 auto; }

.header a:hover { text-decoration: underline; color: #ff5b01; }

.header .color-orange, .header .top .logoin-info .loggedIn .assetDetails-wrap dl dd, .header .wrapper .body .chat-wrap .dialog-wrap .item.system .title span:first-child, .wrapper .body .chat-wrap .dialog-wrap .item.system .title .header span:first-child, .header .wrapper .body .details-wrap .timeline > li:first-child, .wrapper .body .details-wrap .header .timeline > li:first-child, .header .wrapper .body .details-wrap .timeline > li:first-child em, .wrapper .body .details-wrap .timeline > li:first-child .header em { color: #ff5b01; }

.header .top { height: 27px; line-height: 27px; background-color: #f7f7f7; border-bottom: 1px solid #EEEEEE; }

.header .top .notLogin { margin-top: 1px; }

.header .top .m-r10 { margin-right: 10px; }

.header .top .logoin-info { color: #666; }

.header .top .logoin-info .dn { display: none !important; }

.header .top .logoin-info .loggedIn { display: table; height: 27px; align-items: center; }

.header .top .logoin-info .loggedIn > .dib, .header .top .logoin-info .loggedIn > .sign, .header .top .logoin-info .loggedIn > .level, .header .top .logoin-info .loggedIn > i[class^="icon-"], .header .top .logoin-info .loggedIn > .dropdown-wrap, .header .top .logoin-info .wrapper .loggedIn > .btn, .wrapper .header .top .logoin-info .loggedIn > .btn, .header .top .logoin-info .wrapper .btn .loggedIn > .dot, .wrapper .btn .header .top .logoin-info .loggedIn > .dot, .header .top .logoin-info .wrapper .loggedIn > .badge, .wrapper .header .top .logoin-info .loggedIn > .badge, .header .top .logoin-info .wrapper .head .loggedIn > .avatar-wrap, .wrapper .head .header .top .logoin-info .loggedIn > .avatar-wrap, .header .top .logoin-info .wrapper .body .loggedIn > .input-wrap, .wrapper .body .header .top .logoin-info .loggedIn > .input-wrap, .header .top .logoin-info .wrapper .body .aside-wrap .conversation .conversation-list .item .loggedIn > .img-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .header .top .logoin-info .loggedIn > .img-wrap, .header .top .logoin-info .wrapper .body .aside-wrap .conversation .conversation-list .item .loggedIn > .describe-text, .wrapper .body .aside-wrap .conversation .conversation-list .item .header .top .logoin-info .loggedIn > .describe-text, .header .top .logoin-info .wrapper .body .chat-wrap .chat-title .loggedIn > .icon-wrap, .wrapper .body .chat-wrap .chat-title .header .top .logoin-info .loggedIn > .icon-wrap, .header .top .logoin-info .wrapper .body .chat-wrap .dialog-wrap .item .loggedIn > .msg, .wrapper .body .chat-wrap .dialog-wrap .item .header .top .logoin-info .loggedIn > .msg, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .icon-smiling, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .icon-smiling, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .icon-photo, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .icon-photo, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .bar-btn, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .bar-btn, .header .top .logoin-info .wrapper .body .details-wrap .tradingInfo-list li.loggedIn > div, .wrapper .body .details-wrap .tradingInfo-list .header .top .logoin-info li.loggedIn > div, .header .top .logoin-info .wrapper .body .details-wrap .tradingInfo-list .loggedIn > .upload-wrap, .wrapper .body .details-wrap .tradingInfo-list .header .top .logoin-info .loggedIn > .upload-wrap, .header .top .logoin-info .wrapper .body .details-wrap .orderInfo .loggedIn > .orderNumber, .wrapper .body .details-wrap .orderInfo .header .top .logoin-info .loggedIn > .orderNumber, .header .top .logoin-info .wrapper .body .details-wrap .timeline > li .loggedIn > .circle, .wrapper .body .details-wrap .timeline > li .header .top .logoin-info .loggedIn > .circle { float: none; }

.header .top .logoin-info .loggedIn > .dib .arrow, .header .top .logoin-info .loggedIn > .sign .arrow, .header .top .logoin-info .loggedIn > .level .arrow, .header .top .logoin-info .loggedIn > i[class^="icon-"] .arrow, .header .top .logoin-info .loggedIn > .dropdown-wrap .arrow, .header .top .logoin-info .wrapper .loggedIn > .btn .arrow, .wrapper .header .top .logoin-info .loggedIn > .btn .arrow, .header .top .logoin-info .wrapper .btn .loggedIn > .dot .arrow, .wrapper .btn .header .top .logoin-info .loggedIn > .dot .arrow, .header .top .logoin-info .wrapper .loggedIn > .badge .arrow, .wrapper .header .top .logoin-info .loggedIn > .badge .arrow, .header .top .logoin-info .wrapper .head .loggedIn > .avatar-wrap .arrow, .wrapper .head .header .top .logoin-info .loggedIn > .avatar-wrap .arrow, .header .top .logoin-info .wrapper .body .loggedIn > .input-wrap .arrow, .wrapper .body .header .top .logoin-info .loggedIn > .input-wrap .arrow, .header .top .logoin-info .wrapper .body .aside-wrap .conversation .conversation-list .item .loggedIn > .img-wrap .arrow, .wrapper .body .aside-wrap .conversation .conversation-list .item .header .top .logoin-info .loggedIn > .img-wrap .arrow, .header .top .logoin-info .wrapper .body .aside-wrap .conversation .conversation-list .item .loggedIn > .describe-text .arrow, .wrapper .body .aside-wrap .conversation .conversation-list .item .header .top .logoin-info .loggedIn > .describe-text .arrow, .header .top .logoin-info .wrapper .body .chat-wrap .chat-title .loggedIn > .icon-wrap .arrow, .wrapper .body .chat-wrap .chat-title .header .top .logoin-info .loggedIn > .icon-wrap .arrow, .header .top .logoin-info .wrapper .body .chat-wrap .dialog-wrap .item .loggedIn > .msg .arrow, .wrapper .body .chat-wrap .dialog-wrap .item .header .top .logoin-info .loggedIn > .msg .arrow, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .icon-smiling .arrow, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .icon-smiling .arrow, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .icon-photo .arrow, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .icon-photo .arrow, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .bar-btn .arrow, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .bar-btn .arrow, .header .top .logoin-info .wrapper .body .details-wrap .tradingInfo-list li.loggedIn > div .arrow, .wrapper .body .details-wrap .tradingInfo-list .header .top .logoin-info li.loggedIn > div .arrow, .header .top .logoin-info .wrapper .body .details-wrap .tradingInfo-list .loggedIn > .upload-wrap .arrow, .wrapper .body .details-wrap .tradingInfo-list .header .top .logoin-info .loggedIn > .upload-wrap .arrow, .header .top .logoin-info .wrapper .body .details-wrap .orderInfo .loggedIn > .orderNumber .arrow, .wrapper .body .details-wrap .orderInfo .header .top .logoin-info .loggedIn > .orderNumber .arrow, .header .top .logoin-info .wrapper .body .details-wrap .timeline > li .loggedIn > .circle .arrow, .wrapper .body .details-wrap .timeline > li .header .top .logoin-info .loggedIn > .circle .arrow { margin: 4.5px 0; }

.header .top .logoin-info .loggedIn > .dib .line-h12, .header .top .logoin-info .loggedIn > .sign .line-h12, .header .top .logoin-info .loggedIn > .level .line-h12, .header .top .logoin-info .loggedIn > i[class^="icon-"] .line-h12, .header .top .logoin-info .loggedIn > .dropdown-wrap .line-h12, .header .top .logoin-info .wrapper .loggedIn > .btn .line-h12, .wrapper .header .top .logoin-info .loggedIn > .btn .line-h12, .header .top .logoin-info .wrapper .btn .loggedIn > .dot .line-h12, .wrapper .btn .header .top .logoin-info .loggedIn > .dot .line-h12, .header .top .logoin-info .wrapper .loggedIn > .badge .line-h12, .wrapper .header .top .logoin-info .loggedIn > .badge .line-h12, .header .top .logoin-info .wrapper .head .loggedIn > .avatar-wrap .line-h12, .wrapper .head .header .top .logoin-info .loggedIn > .avatar-wrap .line-h12, .header .top .logoin-info .wrapper .body .loggedIn > .input-wrap .line-h12, .wrapper .body .header .top .logoin-info .loggedIn > .input-wrap .line-h12, .header .top .logoin-info .wrapper .body .aside-wrap .conversation .conversation-list .item .loggedIn > .img-wrap .line-h12, .wrapper .body .aside-wrap .conversation .conversation-list .item .header .top .logoin-info .loggedIn > .img-wrap .line-h12, .header .top .logoin-info .wrapper .body .aside-wrap .conversation .conversation-list .item .loggedIn > .describe-text .line-h12, .wrapper .body .aside-wrap .conversation .conversation-list .item .header .top .logoin-info .loggedIn > .describe-text .line-h12, .header .top .logoin-info .wrapper .body .chat-wrap .chat-title .loggedIn > .icon-wrap .line-h12, .wrapper .body .chat-wrap .chat-title .header .top .logoin-info .loggedIn > .icon-wrap .line-h12, .header .top .logoin-info .wrapper .body .chat-wrap .dialog-wrap .item .loggedIn > .msg .line-h12, .wrapper .body .chat-wrap .dialog-wrap .item .header .top .logoin-info .loggedIn > .msg .line-h12, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .icon-smiling .line-h12, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .icon-smiling .line-h12, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .icon-photo .line-h12, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .icon-photo .line-h12, .header .top .logoin-info .wrapper .body .chat-wrap .reply-wrap .toolbar .loggedIn > .bar-btn .line-h12, .wrapper .body .chat-wrap .reply-wrap .toolbar .header .top .logoin-info .loggedIn > .bar-btn .line-h12, .header .top .logoin-info .wrapper .body .details-wrap .tradingInfo-list li.loggedIn > div .line-h12, .wrapper .body .details-wrap .tradingInfo-list .header .top .logoin-info li.loggedIn > div .line-h12, .header .top .logoin-info .wrapper .body .details-wrap .tradingInfo-list .loggedIn > .upload-wrap .line-h12, .wrapper .body .details-wrap .tradingInfo-list .header .top .logoin-info .loggedIn > .upload-wrap .line-h12, .header .top .logoin-info .wrapper .body .details-wrap .orderInfo .loggedIn > .orderNumber .line-h12, .wrapper .body .details-wrap .orderInfo .header .top .logoin-info .loggedIn > .orderNumber .line-h12, .header .top .logoin-info .wrapper .body .details-wrap .timeline > li .loggedIn > .circle .line-h12, .wrapper .body .details-wrap .timeline > li .header .top .logoin-info .loggedIn > .circle .line-h12 { line-height: 12px; }

.header .top .logoin-info .loggedIn .dropdown-menu { width: 265px; box-sizing: border-box; }

.header .top .logoin-info .loggedIn .item .arrow { right: 4px; }

.header .top .logoin-info .loggedIn .chat { margin-left: 30px; }

.header .top .logoin-info .loggedIn .chat img { vertical-align: middle; }

.header .top .logoin-info .loggedIn img.avatar { margin-right: 16px; width: 70px; height: 70px; border-radius: 50%; }

.header .top .logoin-info .loggedIn .sign { padding: 0 11px; line-height: 20px; border: 1px solid #eeeeee; border-radius: 15px; height: 24px; line-height: 22px !important; margin-bottom: 2px; width: 145px; box-sizing: border-box; }

.header .top .logoin-info .loggedIn .sign .line { margin: 0 6px; color: #ccc; }

.header .top .logoin-info .loggedIn .sign .color-orange, .header .top .logoin-info .loggedIn .sign .assetDetails-wrap dl dd, .header .top .logoin-info .loggedIn .assetDetails-wrap dl .sign dd, .header .top .logoin-info .loggedIn .sign .wrapper .body .chat-wrap .dialog-wrap .item.system .title span:first-child, .wrapper .body .chat-wrap .dialog-wrap .item.system .title .header .top .logoin-info .loggedIn .sign span:first-child, .header .top .logoin-info .loggedIn .sign .wrapper .body .details-wrap .timeline > li:first-child, .wrapper .body .details-wrap .header .top .logoin-info .loggedIn .sign .timeline > li:first-child, .header .top .logoin-info .loggedIn .sign .wrapper .body .details-wrap .timeline > li:first-child em, .wrapper .body .details-wrap .timeline > li:first-child .header .top .logoin-info .loggedIn .sign em { color: #ff5b01; }

.header .top .logoin-info .loggedIn .sign .color-orange:hover, .header .top .logoin-info .loggedIn .sign .assetDetails-wrap dl dd:hover, .header .top .logoin-info .loggedIn .assetDetails-wrap dl .sign dd:hover, .header .top .logoin-info .loggedIn .sign .wrapper .body .chat-wrap .dialog-wrap .item.system .title span:hover:first-child, .wrapper .body .chat-wrap .dialog-wrap .item.system .title .header .top .logoin-info .loggedIn .sign span:hover:first-child, .header .top .logoin-info .loggedIn .sign .wrapper .body .details-wrap .timeline > li:hover:first-child, .wrapper .body .details-wrap .header .top .logoin-info .loggedIn .sign .timeline > li:hover:first-child, .header .top .logoin-info .loggedIn .sign .wrapper .body .details-wrap .timeline > li:first-child em:hover, .wrapper .body .details-wrap .timeline > li:first-child .header .top .logoin-info .loggedIn .sign em:hover { color: #ff6b1a; }

.header .top .logoin-info .loggedIn .sign a:hover { color: #ff5b01; }

.header .top .logoin-info .loggedIn .item:first-child { border-right: none; }

.header .top .logoin-info .loggedIn .item .name { position: relative; }

.header .top .logoin-info .loggedIn .item .dropdown-menu { padding: 16px; white-space: nowrap; }

.header .top .logoin-info .loggedIn .item .dropdown-menu p { line-height: 27px; }

.header .top .logoin-info .loggedIn .user_level { color: #333333; font-size: 12px; padding-left: 12px; }

.header .top .logoin-info .loggedIn .level { margin: 0px; padding: 0 2px; font-weight: bold; background-color: #ffd21d; border: 1px solid #fd7b00; border-radius: 2px; color: #fd7b00; font-size: 10px; vertical-align: inherit; height: 15px; line-height: 14px; box-sizing: border-box; position: relative; top: -1px; }

.header .top .logoin-info .loggedIn .message_center { float: left; margin-left: 5px; margin-right: 6px; height: 12px; line-height: 12px; }

.header .top .logoin-info .loggedIn .message_center .-Num- { padding-left: 1px; height: 12px; line-height: 12px; float: right; }

.header .top .logoin-info .loggedIn .circle-wrap { width: 90px; min-height: 90px; position: relative; }

.header .top .logoin-info .loggedIn .circle-wrap dd { width: 100%; position: absolute; top: 20px; left: 0; }

.header .top .logoin-info .loggedIn .assetDetails-wrap { width: 155px; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl { float: left; padding-left: 5px; margin-bottom: 8px; width: 71px; line-height: 16px; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-blue { border-left: 1px solid #0263b2; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-orange { border-left: 1px solid #ff6600; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-green { border-left: 1px solid #6bc213; }

.header .top .logoin-info .loggedIn .assetDetails-wrap dl.bl-grey { border-left: 1px solid #b8bcbb; }

.header .top .qq-login { border: 1px solid #e0e0e0; padding: 1px 3px; margin: 0 6px; }

.header .top .qq-login img { width: 14px; height: 14px; margin-bottom: 2px; }

.header .menu-wrap .item { position: relative; margin: 7.5px 0; float: left; height: 12px; line-height: 1; color: #666; cursor: pointer; *z-index: 11; }

.header .menu-wrap .item:hover .dropdown-menu { display: block; }

.header .menu-wrap .item:hover .dropdown-menu ~ .right-line { display: none; }

.header .menu-wrap .item:hover .dropdown-menu + .fukie { display: block; }

.header .menu-wrap .item:hover .arrow { border-top: none; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid #999; }

.header .menu-wrap .item:last-child { border-right: none; }

.header .menu-wrap .item .fukie { width: 100%; display: none; position: absolute; top: 9px; left: -1px; right: 0; bottom: 0; margin: auto; height: 30px; background-color: #fff; border: 1px solid #eee; box-sizing: content-box; }

.header .menu-wrap .item > a { display: block; padding: 0 17px 0 16px; z-index: 3; }

.header .menu-wrap .item > a span { position: relative; z-index: 22; display: block; }

.header .menu-wrap .item .top-use-name { padding-left: 4px; padding-right: 13px; }

.header .menu-wrap .item .top-use-name span { display: block; }

.header .menu-wrap .item .two-select-menu { padding-right: 27px; }

.header .menu-wrap .item .two-select-menu i { right: 16px; }

.header .menu-wrap .item .arrow { z-index: 2; right: 6px; top: 0; bottom: 0; margin: auto; height: 0; margin-top: 4.5px; }

.header .menu-wrap .item > .dropdown-menu > ul { display: block !important; }

.header .menu-wrap .item > .dropdown-menu > ul > li { position: relative; }

.header .menu-wrap .item > .dropdown-menu > ul > li:first-child { border-left: none; }

.header .menu-wrap .item > .dropdown-menu > ul > li::after { border-left: 1px solid #ededed; position: absolute; left: 0; top: 10px; content: ""; height: 89%; }

.header .menu-wrap .item > .dropdown-menu > ul > li:nth-of-type(1)::after { border-left: none; content: ""; }

.header .menu-wrap .item .dropdown-menu { display: none; position: absolute; z-index: 99999; left: -1px; top: 20px; min-width: 100%; height: auto; background-color: #fff; border: 1px solid #eee; border-top: none; padding-bottom: 6px; box-sizing: content-box; }

.header .menu-wrap .item .dropdown-menu .title { font-weight: bold; }

.header .menu-wrap .item .dropdown-menu .b { display: block; margin-bottom: 7px; }

.header .menu-wrap .item .dropdown-menu a, .header .menu-wrap .item .dropdown-menu span { color: #666; }

.header .menu-wrap .item .dropdown-menu .-Level- { color: #fd7b00; }

.header .menu-wrap .item .dropdown-menu img.db { margin: auto; max-width: 75px; max-height: 75px; }

.header .menu-wrap .item .dropdown-menu ul { display: table-row; }

.header .menu-wrap .item .dropdown-menu ul > li { vertical-align: top; padding: 0px  0px 0 16px; display: table-cell; float: none; }

.header .menu-wrap .item .dropdown-menu ul > li a { display: block; height: 30px; line-height: 30px; }

.header .menu-wrap .item .dropdown-menu ul > li a:hover { color: #FF5B01; }

.header .menu-wrap .item .dropdown-menu ul > li .b { margin-bottom: 0; }

.header .menu-wrap .item .dropdown-menu ul > .code-li { padding: 6px 0 0 0; overflow: hidden; }

.header .menu-wrap .item .dropdown-menu ul > .code-li .code-div { padding: 0 9px; }

.header .menu-wrap .item .dropdown-menu ul > .code-li img { display: block; margin-bottom: 2px; }

.header .menu-wrap .item .dropdown-menu ul > .code-li a { width: 86px; text-align: center; display: block; overflow: hidden; height: 14px; margin: auto; line-height: 14px; }

.header .menu-wrap .item .dropdown-menu ul li > ul { margin-left: -10px; }

.header .menu-wrap .item .dropdown-menu ul li > ul li { padding-left: 0; padding-right: 16px; }

.header .menu-wrap .item .dropdown-menu > .mt6 { margin-bottom: 6px; }

.header .menu-wrap .item .dropdown-menu > .mt6:last-child { margin-bottom: 0; }

.header .menu-wrap .item:last-child > a { padding-left: 16px; }

.header .carousel-wrap { position: relative; overflow: hidden; width: 100%; height: 30px; }

.header .carousel-wrap .carousel-inner { position: absolute; left: 0; top: 0; }

.header .carousel-wrap .carousel-inner { overflow: hidden; width: 100000px; }

.header .carousel-wrap .carousel-inner .item { float: left; margin-left: 5px !important; padding: 0 !important; width: 30px; height: 30px; }

.header .carousel-wrap .carousel-inner .item:first-child { margin-left: 0; }

.header .carousel-wrap .carousel-inner .item img { width: 100%; height: 100%; }

.header .right-line { height: 10px; border-right: 1px solid #d6d6d6; position: absolute; top: 1px; right: 0; }

.header .bold { font-weight: bold; }

* { margin: 0; padding: 0; }

ul li { list-style: none; }

.dib, .header .top .logoin-info .loggedIn .sign, .header .top .logoin-info .loggedIn .level, i[class^="icon-"], .dropdown-wrap, .wrapper .btn, .wrapper .btn .dot, .wrapper .badge, .wrapper .head .avatar-wrap, .wrapper .body .input-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .img-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .describe-text, .wrapper .body .chat-wrap .chat-title .icon-wrap, .wrapper .body .chat-wrap .dialog-wrap .item .msg, .wrapper .body .chat-wrap .reply-wrap .toolbar .icon-smiling, .wrapper .body .chat-wrap .reply-wrap .toolbar .icon-photo, .wrapper .body .chat-wrap .reply-wrap .toolbar .bar-btn, .wrapper .body .details-wrap .tradingInfo-list li > div, .wrapper .body .details-wrap .tradingInfo-list .upload-wrap, .wrapper .body .details-wrap .orderInfo .orderNumber, .wrapper .body .details-wrap .timeline > li .circle { position: relative; display: inline-block; *zoom: 1; *display: inline; }

i[class^="icon-"] { vertical-align: middle; }

html, body { width: 100%; height: 100%; font-size: 12px; font-family: 'Arial','Microsoft Yahei'; }

textarea { resize: none; outline: none; border: 1px solid #d6d6d6; }

.header { height: 28px; background-color: #f7f7f7; }

.header a { color: #333; }

.dropdown-wrap { position: relative; height: 28px; line-height: 28px; text-align: center; *vertical-align: sub; }

.dropdown-wrap .dropdown-title { padding: 0 10px; height: 100%; color: #666; cursor: pointer; }

.dropdown-wrap .dropdown-title > span { margin-right: 3px; }

.dropdown-wrap .dropdown-title .icon-up { display: none; }

.dropdown-wrap .dropdown-title:hover span { color: #0e56a6; }

.dropdown-wrap .dropdown-title:hover .icon-down { background: url("//cdnimg.dd373.com/newfile/usercenter/images/order/blue_arrow_down.png?v=67169b575e") no-repeat center; background-size: 100%; }

.dropdown-wrap .dropdown-menu { position: absolute; z-index: 3; display: none; left: 0; top: 29px; width: 100%; background: #fff; }

.dropdown-wrap .dropdown-menu > .item:hover { background-color: #0e57a6; color: #fff; cursor: pointer; }

.dropdown-wrap.active .dropdown-menu { display: block; }

.dropdown-wrap.active .dropdown-title { background-color: #fff; }

.dropdown-wrap.active .icon-up { display: inline-block; }

.dropdown-wrap.active .icon-down { display: none; }

.dropdown-wrap.active .dropdown-title:hover span { color: #0e56a6; }

.dropdown-wrap.active .dropdown-title:hover .icon-up { background: url("//cdnimg.dd373.com/newfile/usercenter/images/order/blue_arrow_up.png?v=04995ad705") no-repeat center; background-size: 100%; }

.upload-img { position: relative; width: 108px; height: 108px; border: 1px dashed #b2b2b2; cursor: pointer; }

.upload-img .uploadBox { height: 100%; }

.upload-img .uploadBox .shade { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: .8; filter: alpha(opacity=80); }

.upload-img .uploadBox .tipText { margin: auto; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; color: #fff; }

.upload-img .uploadBox img.loading { width: 50px; height: 50px; bottom: 30px; }

.upload-img .icon-upload-to { z-index: 0; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.upload-img img { margin: auto; position: absolute; width: 110px; height: 110px; top: 0; bottom: 0; left: -1px; right: 0; }

.upload-img .bar { position: absolute; z-index: 2; width: 110px; height: 30px; line-height: 30px; text-align: center; bottom: -1px; left: -1px; color: #fff; background-color: rgba(0, 0, 0, 0.6); }

.upload-img .bar em { font-style: normal; margin-left: 6px; vertical-align: middle; }

.float-left, .fl { float: left; }

.float-right, .fr { float: right; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.dn { display: none; }

.db { display: block; }

.color-gray, .wrapper .body .details-wrap .tradingInfo-list li > div:first-child { color: #999; }

.color-lightgray { color: #666; }

.color333 { color: #333; }

.color-orange, .header .top .logoin-info .loggedIn .assetDetails-wrap dl dd, .wrapper .body .chat-wrap .dialog-wrap .item.system .title span:first-child, .wrapper .body .details-wrap .timeline > li:first-child, .wrapper .body .details-wrap .timeline > li:first-child em { color: #ff5b01; }

.color-green { color: #38b03f; }

.color-blue { color: #0e56a6; }

.color-red { color: #ff0000; }

.wrapper { margin: 0 auto; min-width: 1400px; min-height: 872; height: calc(100% - 28px); }

.wrapper .btn { box-sizing: content-box; position: relative; padding: 0 9px; height: 18px; line-height: 18px; color: #666; background-color: #ffffff; border-radius: 2px; border: solid 1px #d6d6d6; outline: 0; cursor: pointer; vertical-align: middle; *width: auto; *overflow: visible; }

.wrapper .btn:hover { color: #000; }

.wrapper .btn.bg-orange { color: #fff; border-color: #ff5b01; }

.wrapper .btn.bg-orange:hover { border-color: #ff794e; background-color: #ff794e; }

.wrapper .btn.bg-blue { color: #fff; background-color: #0e56a6; border-color: #0e56a6; }

.wrapper .btn.bg-blue:hover { border-color: #2667af; background-color: #2667af; }

.wrapper .btn.bg-green { color: #fff; border: 1px solid #37b03f; }

.wrapper .btn .dot { position: absolute; top: -3px; right: -3px; width: 6px; height: 6px; border-radius: 50%; background-color: red; }

.wrapper .btn-disabled { border: 1px solid #e6e6e6 !important; background-color: #FBFBFB !important; color: #C9C9C9 !important; cursor: not-allowed !important; }

.wrapper .badge { width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background-color: red; font-style: normal; font-size: 12px; color: #fff; text-align: center; vertical-align: top; }

.wrapper .dn { display: none; }

.wrapper .db { display: block; }

.wrapper .whundred { width: 100%; }

.wrapper .ml60 { margin-left: 60px; }

.wrapper .mr10 { margin-right: 10px; }

.wrapper .mt20 { margin-top: 20px; }

.wrapper .mtb10 { margin-top: 10px; margin-bottom: 10px; }

.wrapper .mtb20 { margin-top: 20px; margin-bottom: 20px; }

.wrapper .pr8 { padding-right: 8px; }

.wrapper .pr10 { padding-right: 10px; }

.wrapper .ml55 { margin-left: 55px; }

.wrapper .ml16 { margin-left: 16px; }

.wrapper .hidden, .wrapper .body .aside-wrap .conversation .conversation-list .item { overflow: hidden; }

.wrapper .bg-gray, .wrapper .body .chat-wrap .dialog-wrap .item .msg { background-color: #f5f5f5; }

.wrapper .bg-cyan, .wrapper .body .chat-wrap .dialog-wrap .item.right .msg { background-color: #9eea6a; }

.wrapper .bg-green { background-color: #38b03f; }

.wrapper .bg-buff, .wrapper .body .chat-wrap .dialog-wrap .item.system .msg { background-color: #fff5ec !important; }

.wrapper .bg-orange { background-color: #ff5b01; }

.wrapper .bg-lightBlue { background-color: #e6f3ff; }

.wrapper .bg-green { background-color: #37b03f; }

.wrapper .elip, .wrapper .body .chat-wrap .tips-wrap .tips > .dib, .wrapper .body .chat-wrap .tips-wrap .header .top .logoin-info .loggedIn .tips > .sign, .header .top .logoin-info .loggedIn .wrapper .body .chat-wrap .tips-wrap .tips > .sign, .wrapper .body .chat-wrap .tips-wrap .header .top .logoin-info .loggedIn .tips > .level, .header .top .logoin-info .loggedIn .wrapper .body .chat-wrap .tips-wrap .tips > .level, .wrapper .body .chat-wrap .tips-wrap .tips > i[class^="icon-"], .wrapper .body .chat-wrap .tips-wrap .tips > .dropdown-wrap, .wrapper .body .chat-wrap .tips-wrap .tips > .btn, .wrapper .body .chat-wrap .tips-wrap .btn .tips > .dot, .wrapper .btn .body .chat-wrap .tips-wrap .tips > .dot, .wrapper .body .chat-wrap .tips-wrap .tips > .badge, .wrapper .body .chat-wrap .tips-wrap .head .tips > .avatar-wrap, .wrapper .head .body .chat-wrap .tips-wrap .tips > .avatar-wrap, .wrapper .body .chat-wrap .tips-wrap .tips > .input-wrap, .wrapper .body .chat-wrap .tips-wrap .aside-wrap .conversation .conversation-list .item .tips > .img-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .chat-wrap .tips-wrap .tips > .img-wrap, .wrapper .body .chat-wrap .tips-wrap .aside-wrap .conversation .conversation-list .item .tips > .describe-text, .wrapper .body .aside-wrap .conversation .conversation-list .item .chat-wrap .tips-wrap .tips > .describe-text, .wrapper .body .chat-wrap .tips-wrap .chat-title .tips > .icon-wrap, .wrapper .body .chat-wrap .chat-title .tips-wrap .tips > .icon-wrap, .wrapper .body .chat-wrap .tips-wrap .dialog-wrap .item .tips > .msg, .wrapper .body .chat-wrap .dialog-wrap .item .tips-wrap .tips > .msg, .wrapper .body .chat-wrap .tips-wrap .reply-wrap .toolbar .tips > .icon-smiling, .wrapper .body .chat-wrap .reply-wrap .toolbar .tips-wrap .tips > .icon-smiling, .wrapper .body .chat-wrap .tips-wrap .reply-wrap .toolbar .tips > .icon-photo, .wrapper .body .chat-wrap .reply-wrap .toolbar .tips-wrap .tips > .icon-photo, .wrapper .body .chat-wrap .tips-wrap .reply-wrap .toolbar .tips > .bar-btn, .wrapper .body .chat-wrap .reply-wrap .toolbar .tips-wrap .tips > .bar-btn, .wrapper .body .chat-wrap .tips-wrap .details-wrap .tradingInfo-list li.tips > div, .wrapper .body .details-wrap .tradingInfo-list .chat-wrap .tips-wrap li.tips > div, .wrapper .body .chat-wrap .tips-wrap .details-wrap .tradingInfo-list .tips > .upload-wrap, .wrapper .body .details-wrap .tradingInfo-list .chat-wrap .tips-wrap .tips > .upload-wrap, .wrapper .body .chat-wrap .tips-wrap .details-wrap .orderInfo .tips > .orderNumber, .wrapper .body .details-wrap .orderInfo .chat-wrap .tips-wrap .tips > .orderNumber, .wrapper .body .chat-wrap .tips-wrap .details-wrap .timeline > li .tips > .circle, .wrapper .body .details-wrap .timeline > li .chat-wrap .tips-wrap .tips > .circle, .wrapper .body .details-wrap .tradingInfo-list li > div:first-child, .wrapper .body .details-wrap .orderInfo .table td:first-child .item > li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wrapper .radius16, .wrapper .body .chat-wrap .dialog-wrap .item.text-center .msg { border-radius: 16px !important; color: #333; }

.wrapper input { background-color: #ffffff; border: solid 1px #d6d6d6; outline: none; }

.wrapper input.light { border: 0; }

.wrapper a { cursor: pointer; text-decoration: none; color: #0e56a6; }

.wrapper a > .bar-item { color: #666; }

.wrapper .head { width: 100%; height: 60px; line-height: 60px; color: #fff; background-color: #ffa200; background-image: url(//cdnimg.dd373.com/newfile/im/images/headbg.jpg); background-repeat: no-repeat; background-size: 100% 100%; }

.wrapper .head .avatar-wrap { width: 60px; height: 100%; vertical-align: unset; text-align: center; }

.wrapper .head .avatar-wrap .img-avatar { width: 40px; height: 40px; vertical-align: middle; border-radius: 50%; }

.wrapper .head a { color: inherit; color: #fff; }

.wrapper .head .inform-wrap { position: relative; margin-left: 320px; }

.wrapper .head .inform-wrap .czs-volume-l { vertical-align: text-bottom; font-size: 14px; }

.wrapper .head .inform-wrap .inform-box { max-width: 500px; margin: auto; margin-left: 22px; top: 0; bottom: 0; *top: auto; position: absolute; height: 16px; overflow: hidden; line-height: 16px; white-space: nowrap; }

.wrapper .head .inform-wrap .inform-box a:hover { text-decoration: underline; }

.wrapper .head .carousel-wrap { width: 500px; height: 100%; }

.wrapper .head .carousel-wrap .carousel-inner { position: relative; height: 100%; }

.wrapper .head .carousel-wrap .carousel-inner .item { position: absolute; width: 100%; height: 100%; }

.wrapper .head .carousel-wrap .carousel-inner .item img { height: 100%; width: 100%; border: 0; }

.wrapper .body { overflow: hidden; position: relative; width: 100%; min-height: 812px; height: calc(100% - 60px); }

.wrapper .body > div { height: 100%; }

.wrapper .body .input-wrap { width: 160px; height: 25px; background-color: #fff; border-radius: 12px; font-size: 0; line-height: 1; }

.wrapper .body .input-wrap i[class^="icon-"] { margin: 0 6px 0 10px; vertical-align: top; top: 6px; }

.wrapper .body .input-wrap input { width: 122px; border-radius: inherit; border: 0; outline: none; height: 23px; line-height: 23px; margin-top: 2px; font-size: 12px; }

.wrapper .body .input-wrap input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999; }

.wrapper .body .input-wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.wrapper .body .input-wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.wrapper .body .input-wrap input :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

.wrapper .body .input-wrap input:-ms-input-placeholder { color: #999; }

.wrapper .body .input-wrap input::-ms-clear { display: none; }

.wrapper .body .aside-wrap { position: absolute; left: 0; top: 0; height: 100%; width: 360px; }

.wrapper .body .aside-wrap > div { height: 100%; }

.wrapper .body .aside-wrap > div .goods-consult, .wrapper .body .aside-wrap > div .aftersell-consult { position: relative; display: block; }

.wrapper .body .aside-wrap > div .goods-consult:after, .wrapper .body .aside-wrap > div .aftersell-consult:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 30px; height: 1px; background-color: #464646; }

.wrapper .body .aside-wrap .bar { width: 60px; float: left; color: #666; background-color: #333; font-size: 12px; text-align: center; user-select: none; }

.wrapper .body .aside-wrap .bar .bar-item, .wrapper .body .aside-wrap .bar .bar-item-tone { position: relative; padding-bottom: 18px; padding-top: 20px; cursor: pointer; }

.wrapper .body .aside-wrap .bar .bar-item [class^="czs-"], .wrapper .body .aside-wrap .bar .bar-item-tone [class^="czs-"] { font-size: 22px; }

.wrapper .body .aside-wrap .bar .bar-item:not(:last-child)::after, .wrapper .body .aside-wrap .bar .bar-item-tone:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 30px; height: 1px; background-color: #464646; }

.wrapper .body .aside-wrap .bar .bar-item:hover, .wrapper .body .aside-wrap .bar .bar-item-tone:hover { background-color: #404040; }

.wrapper .body .aside-wrap .bar .bar-item .solid, .wrapper .body .aside-wrap .bar .bar-item-tone .solid { display: none; font-size: 22px; }

.wrapper .body .aside-wrap .bar .bar-item .icon, .wrapper .body .aside-wrap .bar .bar-item-tone .icon { width: 20px; height: 20px; }

.wrapper .body .aside-wrap .bar .bar-item .icon-goods, .wrapper .body .aside-wrap .bar .bar-item-tone .icon-goods { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods/shop_chat.png?v=9ffc0f4bbb") no-repeat center; background-size: 100%; }

.wrapper .body .aside-wrap .bar .bar-item .icon-goods_light, .wrapper .body .aside-wrap .bar .bar-item-tone .icon-goods_light { background: url("//cdnimg.dd373.com/newfile/usercenter/images/goods/shop_chat_light.png?v=fa07067f34") no-repeat center; background-size: 100%; display: inline-block; }

.wrapper .body .aside-wrap .bar .bar-item.active, .wrapper .body .aside-wrap .bar .bar-item-tone.active { color: #ff5b01; }

.wrapper .body .aside-wrap .bar .bar-item.active [class$="_light"], .wrapper .body .aside-wrap .bar .bar-item-tone.active [class$="_light"] { display: none; }

.wrapper .body .aside-wrap .bar .bar-item.active .solid, .wrapper .body .aside-wrap .bar .bar-item-tone.active .solid { display: inline-block; }

.wrapper .body .aside-wrap .bar .bar-item dt, .wrapper .body .aside-wrap .bar .bar-item-tone dt { position: relative; }

.wrapper .body .aside-wrap .bar .bar-item dt .badge, .wrapper .body .aside-wrap .bar .bar-item-tone dt .badge { position: absolute; top: -9px; right: 4px; }

.wrapper .body .aside-wrap .bar .bar-item dd, .wrapper .body .aside-wrap .bar .bar-item-tone dd { margin-top: 4px; height: 16px; line-height: 16px; }

.wrapper .body .aside-wrap .bar .bar-item-tone.active dd { color: #38b03f; }

.wrapper .body .aside-wrap .conversation { margin-left: 60px; height: 100%; background-color: #fafafa; }

.wrapper .body .aside-wrap .conversation .conversation-title { padding: 0 20px 0 24px; height: 50px; line-height: 50px; background-color: #ededed; }

.wrapper .body .aside-wrap .conversation .conversation-list { height: calc(100% - 60px); height: 900px - 60px\9; overflow: auto; }

.wrapper .body .aside-wrap .conversation .conversation-list .no-related { padding-top: 30px; text-align: center; font-size: 12px; color: #666; }

.wrapper .body .aside-wrap .conversation .conversation-list .nomore { margin-top: 16px; height: 16px; line-height: 16px; text-align: center; color: #999; font-size: 12px; }

.wrapper .body .aside-wrap .conversation .conversation-list .item { position: relative; padding: 10px 12px; height: 60px; cursor: pointer; overflow: visible; }

.wrapper .body .aside-wrap .conversation .conversation-list .item:hover { background-color: #ededed; }

.wrapper .body .aside-wrap .conversation .conversation-list .item .img-wrap { position: relative; width: 60px; height: 60px; }

.wrapper .body .aside-wrap .conversation .conversation-list .item .img-wrap img { width: 60px; height: 60px; border-radius: 12px; }

.wrapper .body .aside-wrap .conversation .conversation-list .item .img-wrap .tag { opacity: .8; filter: alpha(opacity=80); position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; line-height: 20px; color: #fff; background-color: #000; text-align: center; border-radius: 0 0 12px 12px; }

.wrapper .body .aside-wrap .conversation .conversation-list .item > .float-right { width: calc(100% - 66px); }

.wrapper .body .aside-wrap .conversation .conversation-list .item > .float-right > li { margin-top: 3px; }

.wrapper .body .aside-wrap .conversation .conversation-list .item > .float-right > li:first-child { margin-top: 0; }

.wrapper .body .aside-wrap .conversation .conversation-list .item > .float-right > li:first-child span { font-family: "Arial"; }

.wrapper .body .aside-wrap .conversation .conversation-list .item .describe-text { width: 163px; }

.wrapper .body .aside-wrap .conversation .conversation-list .item.active { background-color: #d6d6d6; }

.wrapper .body .chat-wrap { position: relative; width: auto; margin: 0 500px 0 360px; min-height: 812px; height: 100%; border-left: solid 1px #ededed; border-right: solid 1px #ededed; background-color: #fff; }

.wrapper .body .chat-wrap.identity-buyer .title-buyer { display: none; }

.wrapper .body .chat-wrap.identity-seller .title-seller { display: none; }

.wrapper .body .chat-wrap .chat-box { height: calc(100% - 200px) !important; height: 689px\9; *height: 689px; display: none; }

.wrapper .body .chat-wrap .chat-box.active { display: block; }

.wrapper .body .chat-wrap .chat-box.active.linkmanCS > .dialog-wrap > .item:last-of-type { margin-bottom: 44px; }

.wrapper .body .chat-wrap .chat-title { padding: 0 16px; height: 49px; line-height: 50px; color: #333; font-size: 16px; border-bottom: solid 1px #ededed; }

.wrapper .body .chat-wrap .chat-title .icon-wrap { width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; color: #fff; }

.wrapper .body .chat-wrap .chat-title .ServiceStar { margin-left: 6px; }

.wrapper .body .chat-wrap .chat-title .ServiceStar em { display: inline-block; }

.wrapper .body .chat-wrap .tips-wrap { position: absolute; width: 100%; }

.wrapper .body .chat-wrap .tips-wrap .tips { position: relative; padding: 0 16px; height: 30px; line-height: 30px; background-color: #fff5ec; line-height: 30px; }

.wrapper .body .chat-wrap .tips-wrap .tips > i[class^="icon-"] { top: 7px; position: absolute; vertical-align: text-top; }

.wrapper .body .chat-wrap .tips-wrap .tips > .dib, .wrapper .body .chat-wrap .tips-wrap .header .top .logoin-info .loggedIn .tips > .sign, .header .top .logoin-info .loggedIn .wrapper .body .chat-wrap .tips-wrap .tips > .sign, .wrapper .body .chat-wrap .tips-wrap .header .top .logoin-info .loggedIn .tips > .level, .header .top .logoin-info .loggedIn .wrapper .body .chat-wrap .tips-wrap .tips > .level, .wrapper .body .chat-wrap .tips-wrap .tips > i[class^="icon-"], .wrapper .body .chat-wrap .tips-wrap .tips > .dropdown-wrap, .wrapper .body .chat-wrap .tips-wrap .tips > .btn, .wrapper .body .chat-wrap .tips-wrap .btn .tips > .dot, .wrapper .btn .body .chat-wrap .tips-wrap .tips > .dot, .wrapper .body .chat-wrap .tips-wrap .tips > .badge, .wrapper .body .chat-wrap .tips-wrap .head .tips > .avatar-wrap, .wrapper .head .body .chat-wrap .tips-wrap .tips > .avatar-wrap, .wrapper .body .chat-wrap .tips-wrap .tips > .input-wrap, .wrapper .body .chat-wrap .tips-wrap .aside-wrap .conversation .conversation-list .item .tips > .img-wrap, .wrapper .body .aside-wrap .conversation .conversation-list .item .chat-wrap .tips-wrap .tips > .img-wrap, .wrapper .body .chat-wrap .tips-wrap .aside-wrap .conversation .conversation-list .item .tips > .describe-text, .wrapper .body .aside-wrap .conversation .conversation-list .item .chat-wrap .tips-wrap .tips > .describe-text, .wrapper .body .chat-wrap .tips-wrap .chat-title .tips > .icon-wrap, .wrapper .body .chat-wrap .chat-title .tips-wrap .tips > .icon-wrap, .wrapper .body .chat-wrap .tips-wrap .dialog-wrap .item .tips > .msg, .wrapper .body .chat-wrap .dialog-wrap .item .tips-wrap .tips > .msg, .wrapper .body .chat-wrap .tips-wrap .reply-wrap .toolbar .tips > .icon-smiling, .wrapper .body .chat-wrap .reply-wrap .toolbar .tips-wrap .tips > .icon-smiling, .wrapper .body .chat-wrap .tips-wrap .reply-wrap .toolbar .tips > .icon-photo, .wrapper .body .chat-wrap .reply-wrap .toolbar .tips-wrap .tips > .icon-photo, .wrapper .body .chat-wrap .tips-wrap .reply-wrap .toolbar .tips > .bar-btn, .wrapper .body .chat-wrap .reply-wrap .toolbar .tips-wrap .tips > .bar-btn, .wrapper .body .chat-wrap .tips-wrap .details-wrap .tradingInfo-list li.tips > div, .wrapper .body .details-wrap .tradingInfo-list .chat-wrap .tips-wrap li.tips > div, .wrapper .body .chat-wrap .tips-wrap .details-wrap .tradingInfo-list .tips > .upload-wrap, .wrapper .body .details-wrap .tradingInfo-list .chat-wrap .tips-wrap .tips > .upload-wrap, .wrapper .body .chat-wrap .tips-wrap .details-wrap .orderInfo .tips > .orderNumber, .wrapper .body .details-wrap .orderInfo .chat-wrap .tips-wrap .tips > .orderNumber, .wrapper .body .chat-wrap .tips-wrap .details-wrap .timeline > li .tips > .circle, .wrapper .body .details-wrap .timeline > li .chat-wrap .tips-wrap .tips > .circle { float: left; text-indent: 18px; }

.wrapper .body .chat-wrap .tips-wrap .tips .close { position: absolute; font-size: 14px; right: 16px; top: 0; cursor: pointer; }

.wrapper .body .chat-wrap .dialog-wrap { margin-top: 30px; padding: 0 16px; height: calc(100% - 80px) !important; height: 630px \9; *height: 630px; overflow: auto; }

.wrapper .body .chat-wrap .dialog-wrap .item { margin: 15px 0; overflow: hidden; }

.wrapper .body .chat-wrap .dialog-wrap .item .title { margin-bottom: 8px; }

.wrapper .body .chat-wrap .dialog-wrap .item .state { padding: 5px; border-radius: 2px; background-color: #fafafa; margin: 0 10px 0 0; color: #999; }

.wrapper .body .chat-wrap .dialog-wrap .item .msg { position: static; padding: 10px; max-width: 100%; border-radius: 3px; word-wrap: break-word; }

.wrapper .body .chat-wrap .dialog-wrap .item .msg img { max-width: 100px; max-height: 100px; vertical-align: middle; cursor: pointer; }

.wrapper .body .chat-wrap .dialog-wrap .item .msg img.mixed { margin-top: 10px; }

.wrapper .body .chat-wrap .dialog-wrap .item.left { padding-right: 10%; }

.wrapper .body .chat-wrap .dialog-wrap .item.left .msg { float: left; }

.wrapper .body .chat-wrap .dialog-wrap .item.right { padding-left: 10%; }

.wrapper .body .chat-wrap .dialog-wrap .item.right .title { text-align: right; }

.wrapper .body .chat-wrap .dialog-wrap .item.right .msg { float: right; }

.wrapper .body .chat-wrap .reply-wrap { height: 200px; position: relative; }

.wrapper .body .chat-wrap .reply-wrap .toolbar { position: relative; padding: 0 6px 0 14px; height: 38px; line-height: 38px; background-color: #fafafa; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; }

.wrapper .body .chat-wrap .reply-wrap .toolbar > .float-left { position: static !important; }

.wrapper .body .chat-wrap .reply-wrap .toolbar i[class^="icon-"] { margin-right: 16px; cursor: pointer; }

.wrapper .body .chat-wrap .reply-wrap .toolbar #faceBox { left: 0; bottom: 38px; margin: auto; padding-top: 16px; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .icon-smiling { width: 18px; height: 18px; background: url(//sta.dd373.com/newfile/consult/imgaudio/images/emojiBtn.png) no-repeat center center; background-size: 18px 18px; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .icon-smiling:hover { background: url("//cdnimg.dd373.com/newfile/usercenter/images/order/b_email.png?v=1bcaaea4c8") no-repeat center; background-size: 100%; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .icon-photo { width: 18px; height: 18px; background: url(//sta.dd373.com/newfile/consult/imgaudio/images/photoBtn.png) no-repeat center center; background-size: 18px 18px; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .icon-photo:hover { background: url("//cdnimg.dd373.com/newfile/usercenter/images/order/b_photo.png?v=fb7eb0bd84") no-repeat center; background-size: 100%; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .bar-btn { float: right; top: 7px; margin-left: 4px; position: relative; margin-bottom: -1px; padding: 0 28px 0; height: 30px; line-height: 30px; font-size: 14px; border-radius: 5px 5px 0px 0px; border: solid 1px #ededed; vertical-align: bottom; *vertical-align: sub; cursor: pointer; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .bar-btn:hover { background-color: #fff; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .bar-btn.active { background-color: #fff; border-bottom-color: #fff; }

.wrapper .body .chat-wrap .reply-wrap .toolbar .bar-btn .badge { margin: auto; position: absolute; right: 8px; top: 0; bottom: 0; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap { position: relative; height: 160px; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .textbox { padding: 20px; height: 120px; overflow: auto; outline: none; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .textbox:empty::before { content: attr(placeholder); color: #9b9b9b; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .textbox:focus::before { content: none; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .tooltip { position: absolute; bottom: 25px; right: 115px; color: #9b9b9b; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .btn-danger { position: absolute; bottom: 20px; right: 20px; width: 85px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background-color: #FF5722; white-space: nowrap; border: 0; outline: none; border-radius: 2px; cursor: pointer; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .btn-danger:hover { background-color: #ff794e; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .hint-wrap { display: table; position: absolute; z-index: 4; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 160px; text-align: center; background-color: #fff; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .hint-wrap > span { display: table-cell; vertical-align: middle; *margin-top: 70px; }

.wrapper .body .chat-wrap .reply-wrap .textbox-wrap .hint-wrap > span a:hover { color: #ff5b01; }

.wrapper .body .details-wrap { overflow: auto; position: absolute; right: 0; top: 0; width: 500px; background-color: #fafafa; }

.wrapper .body .details-wrap .details-title { padding: 0 12px; height: 50px; background-color: #fafafa; line-height: 50px; font-size: 16px; }

.wrapper .body .details-wrap .details-title .GoOrderDetail { float: right; color: #0e56a6; font-size: 12px; }

.wrapper .body .details-wrap .section { padding: 16px; margin-bottom: 16px; background-color: #fff; }

.wrapper .body .details-wrap .section a:hover { color: #ff5b01; }

.wrapper .body .details-wrap .table { width: 100%; border: 1px solid #ededed; border-collapse: collapse; }

.wrapper .body .details-wrap .table thead { line-height: 40px; background-color: #fafafa; }

.wrapper .body .details-wrap .table thead th { color: #666; }

.wrapper .body .details-wrap .table th, .wrapper .body .details-wrap .table td { border-left: 1px solid #ededed; }

.wrapper .body .details-wrap .table th:first-child, .wrapper .body .details-wrap .table td:first-child { border-left: none; }

.wrapper .body .details-wrap .table td { border-top: 1px solid #ededed; }

.wrapper .body .details-wrap .table td:first-child { text-align: left; }

.wrapper .body .details-wrap .currentstatus-wrap { overflow: hidden; padding: 0 16px; border: solid 1px #ededed; }

.wrapper .body .details-wrap .currentstatus-wrap .status-wrap { height: 80px; line-height: 1; border-collapse: collapse; }

.wrapper .body .details-wrap .currentstatus-wrap .status-wrap > .float-left { line-height: 80px; margin-right: 10px; }

.wrapper .body .details-wrap .currentstatus-wrap .status-wrap td:last-of-type { position: relative; width: 100%; }

.wrapper .body .details-wrap .currentstatus-wrap .status-wrap .title { margin-bottom: 12px; font-size: 18px; }

.wrapper .body .details-wrap .currentstatus-wrap .status-wrap .content { color: #888; }

.wrapper .body .details-wrap .currentstatus-wrap .btn-group-wrap { padding: 12px 0; border-top: 1px dashed #ededed; white-space: nowrap; }

.wrapper .body .details-wrap .currentstatus-wrap .btn-group-wrap .btn { height: 28px; line-height: 28px; text-align: center; font-size: 12px; }

.wrapper .body .details-wrap .currentstatus-wrap .btn-group-wrap .btn:not(.dn) { margin-left: 6px; }

.wrapper .body .details-wrap .currentstatus-wrap .btn-group-wrap .btn:not(.dn):hover { border-color: #ff5b01; color: #ff5b01; }

.wrapper .body .details-wrap .currentstatus-wrap .btn-group-wrap .btn.bg-orange:hover { border-color: #ff7327; background-color: #ff7327; color: #fff; }

.wrapper .body .details-wrap .currentstatus-wrap .btn-group-wrap .btn.bg-green:hover { border-color: #56bc5c; background-color: #56bc5c; color: #fff; }

.wrapper .body .details-wrap .tradingInfo-list { margin-top: 7px; margin-bottom: -6px; line-height: 30px; }

.wrapper .body .details-wrap .tradingInfo-list li > div { display: table-cell; }

.wrapper .body .details-wrap .tradingInfo-list li > div .verifyRoleNameBtn > span { padding: 0; width: 77px; text-align: center; }

.wrapper .body .details-wrap .tradingInfo-list li > div .btn { margin-left: 10px; padding-top: 1px; padding-bottom: 1px; color: #fff; }

.wrapper .body .details-wrap .tradingInfo-list li > div .btn.copyRoleNameBtn { padding: 0; width: 42px; text-align: center; }

.wrapper .body .details-wrap .tradingInfo-list li > div:first-child { vertical-align: top; }

.wrapper .body .details-wrap .tradingInfo-list li > div:last-child { word-break: break-all; }

.wrapper .body .details-wrap .tradingInfo-list img, .wrapper .body .details-wrap .tradingInfo-list .upload-wrap { margin-left: 2px; width: 60px; height: 60px; vertical-align: text-top; cursor: pointer; }

.wrapper .body .details-wrap .tradingInfo-list img:first-child, .wrapper .body .details-wrap .tradingInfo-list .upload-wrap:first-child { margin-left: 0; }

.wrapper .body .details-wrap .tradingInfo-list .upload-wrap { position: relative; border: 1px dashed #b2b2b2; width: 58px; height: 58px; }

.wrapper .body .details-wrap .tradingInfo-list .upload-wrap .icon-upload-to { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.wrapper .body .details-wrap .tradingInfo-list .upload-wrap img { position: absolute; left: -3px; top: -1px; z-index: 1; }

.wrapper .body .details-wrap .orderInfo .orderNumber { overflow: hidden; max-width: 170px; white-space: nowrap; vertical-align: text-top; }

.wrapper .body .details-wrap .orderInfo .title { margin-bottom: 16px; height: 14px; }

.wrapper .body .details-wrap .orderInfo .table td { padding-top: 10px; vertical-align: top; }

.wrapper .body .details-wrap .orderInfo .table td:nth-of-type(3) { width: 40px; }

.wrapper .body .details-wrap .orderInfo .table td:nth-of-type(2) { width: 82px; }

.wrapper .body .details-wrap .orderInfo .table td:last-of-type { width: 79px; }

.wrapper .body .details-wrap .orderInfo .table td:first-child { width: 265px; }

.wrapper .body .details-wrap .orderInfo .table td:first-child i { margin-top: -1px; }

.wrapper .body .details-wrap .orderInfo .table td:first-child .item { padding: 0 10px 10px; width: 245px; line-height: 20px; border-top: 1px solid #ededed; }

.wrapper .body .details-wrap .orderInfo .table td:first-child .item:first-child { border-top: none; }

.wrapper .body .details-wrap .orderInfo .table td:first-child .item > li a { vertical-align: middle; }

.wrapper .body .details-wrap .orderInfo .table td:first-child .item .game-route-name { display: inline-block; width: 248px; vertical-align: top; white-space: normal; }

.wrapper .body .details-wrap .orderInfo .table td:first-child .item .game-area-box { width: 248px; word-break: break-word; }

.wrapper .body .details-wrap .orderInfo .price-list { margin-top: 16px; line-height: 13px; }

.wrapper .body .details-wrap .orderInfo .price-list > .item { float: left; width: calc(33.333% - 16px); padding-right: 16px; }

.wrapper .body .details-wrap .orderInfo .price-list > .item span[class^="-"] { font-family: "Arial"; }

.wrapper .body .details-wrap .orderInfo .price-list .handlingFee { position: relative; padding-bottom: 10px; cursor: pointer; }

.wrapper .body .details-wrap .orderInfo .price-list .handlingFee:hover .prompt-reminder { display: block; }

.wrapper .body .details-wrap .orderInfo .price-list .handlingFee .prompt-reminder { display: none; top: 25px; }

.wrapper .body .details-wrap .timeline-title { margin: 0 0 14px -5px; font-size: 16px; }

.wrapper .body .details-wrap .timeline { border-left: 1px dashed #ccc; line-height: 26px; }

.wrapper .body .details-wrap .timeline > li { position: relative; padding-left: 10px; color: #999; font-family: "Arial"; line-height: 18px; margin-bottom: 8px; }

.wrapper .body .details-wrap .timeline > li:first-child .circle { border-color: #ff5b01; }

.wrapper .body .details-wrap .timeline > li .circle { position: absolute; width: 7px; height: 7px; border: 2px solid #b8b8b8; border-radius: 50%; background-color: #fff; top: 4px; margin: auto; left: -6.5px; }

.wrapper .body .details-wrap .timeline > li em { font-style: normal; margin-left: 10px; color: #666; width: 318px; display: inline-block; vertical-align: top; }

.wrapper .body .details-wrap .safeVerify { padding: 0 16px 16px; line-height: 30px; background-color: #fff; margin-bottom: 16px; }

.wrapper .body .details-wrap .safeVerify p { line-height: 45px; }

.wrapper .body .details-wrap .safeVerify table { border-collapse: collapse; }

.wrapper .body .details-wrap .safeVerify table tr td { padding: 0 10px; border: 1px solid #ededed; }

.wrapper .body .details-wrap .safeVerify table tr td:first-child { text-align: right; max-width: 56px; }

.wrapper .body .details-wrap .safeVerify table tr td > span { margin-right: 10px; }

.wrapper .body .details-wrap .safeVerify table tr td i[class^="icon-"] { margin-right: 4px; vertical-align: text-bottom; }

.wrapper .body .details-wrap .safeVerify .carousel-wrap { width: 100%; margin-top: 10px; margin-bottom: 10px; }

.wrapper .body .details-wrap .viewImg { overflow: hidden; margin-top: -16px; padding: 10px; line-height: 60px; background-color: #fafafa; }

.wrapper .body .details-wrap .carousel-wrap { position: relative; overflow: hidden; width: calc(100% - 60px); width: -moz-calc(100% - 60px); /*Firefox*/ width: -webkit-calc(100% - 60px); /*chrome safari*/ box-sizing: border-box; height: 60px; }

.wrapper .body .details-wrap .carousel-wrap .carousel-inner { position: absolute; left: 0; top: 0; }

.wrapper .body .details-wrap .carousel-wrap .icon-pgleft, .wrapper .body .details-wrap .carousel-wrap .icon-pgright, .wrapper .body .details-wrap .carousel-wrap .carousel-control { position: absolute; margin: auto; top: 0; bottom: 0; cursor: pointer; opacity: .5; filter: alpha(opacity=50); z-index: 1; }

.wrapper .body .details-wrap .carousel-wrap .icon-pgleft:hover, .wrapper .body .details-wrap .carousel-wrap .icon-pgright:hover { opacity: .8; filter: alpha(opacity=8); }

.wrapper .body .details-wrap .carousel-wrap .icon-pgleft { left: 0; }

.wrapper .body .details-wrap .carousel-wrap .icon-pgright { right: 0; }

.wrapper .body .details-wrap .carousel-wrap .carousel-control { width: 20px; background-color: #000; }

.wrapper .body .details-wrap .carousel-wrap .carousel-control.left { left: 0; }

.wrapper .body .details-wrap .carousel-wrap .carousel-control.right { right: 0; }

.wrapper .body .details-wrap .carousel-wrap .carousel-control:hover + i { opacity: .8; filter: alpha(opacity=8); }

.wrapper .body .details-wrap .carousel-wrap .carousel-inner { overflow: hidden; width: 100000px; }

.wrapper .body .details-wrap .carousel-wrap .carousel-inner .item { float: left; margin-left: 10px; width: 60px; height: 60px; }

.wrapper .body .details-wrap .carousel-wrap .carousel-inner .item:first-child { margin-left: 0; }

.wrapper .body .details-wrap .carousel-wrap .carousel-inner .item img { width: 100%; height: 100%; }

.wrapper .body .details-wrap .plate-center { margin: 16px auto; background-color: #fafafa; border: none; }

.wrapper .body .details-wrap .plate-center li p { width: 125px; }

.wrapper .body .details-wrap .plate-center li .form-rad { float: left; z-index: auto; }

.wrapper .body .details-wrap .plate-center input::-ms-clear { display: none; }

.wrapper .body .details-wrap .plate-center input::-webkit-input-placeholder, .wrapper .body .details-wrap .plate-center input textarea::-webkit-textarea-placeholder { /* WebKit, Blink, Edge */ color: #999; }

.wrapper .body .details-wrap .plate-center input:-moz-placeholder, .wrapper .body .details-wrap .plate-center input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.wrapper .body .details-wrap .plate-center input::-moz-placeholder, .wrapper .body .details-wrap .plate-center input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.wrapper .body .details-wrap .plate-center input:-ms-input-placeholder { color: #999; }

.wrapper .body .details-wrap .plate-center .form-sm { width: 198px; }

.wrapper .body .details-wrap .plate-center .btn-submit { width: 200px; height: 34px; line-height: 34px; color: #fff; text-align: center; border-radius: 2px; background-color: #fe5d00; cursor: pointer; }

.wrapper .body .details-wrap .plate-center .dib > img, .wrapper .body .details-wrap .plate-center .header .top .logoin-info .loggedIn .sign > img, .header .top .logoin-info .loggedIn .wrapper .body .details-wrap .plate-center .sign > img, .wrapper .body .details-wrap .plate-center .header .top .logoin-info .loggedIn .level > img, .header .top .logoin-info .loggedIn .wrapper .body .details-wrap .plate-center .level > img, .wrapper .body .details-wrap .plate-center i[class^="icon-"] > img, .wrapper .body .details-wrap .plate-center .dropdown-wrap > img, .wrapper .body .details-wrap .plate-center .btn > img, .wrapper .body .details-wrap .plate-center .btn .dot > img, .wrapper .btn .body .details-wrap .plate-center .dot > img, .wrapper .body .details-wrap .plate-center .badge > img, .wrapper .body .details-wrap .plate-center .head .avatar-wrap > img, .wrapper .head .body .details-wrap .plate-center .avatar-wrap > img, .wrapper .body .details-wrap .plate-center .input-wrap > img, .wrapper .body .details-wrap .plate-center .aside-wrap .conversation .conversation-list .item .img-wrap > img, .wrapper .body .aside-wrap .conversation .conversation-list .item .details-wrap .plate-center .img-wrap > img, .wrapper .body .details-wrap .plate-center .aside-wrap .conversation .conversation-list .item .describe-text > img, .wrapper .body .aside-wrap .conversation .conversation-list .item .details-wrap .plate-center .describe-text > img, .wrapper .body .details-wrap .plate-center .chat-wrap .chat-title .icon-wrap > img, .wrapper .body .chat-wrap .chat-title .details-wrap .plate-center .icon-wrap > img, .wrapper .body .details-wrap .plate-center .chat-wrap .dialog-wrap .item .msg > img, .wrapper .body .chat-wrap .dialog-wrap .item .details-wrap .plate-center .msg > img, .wrapper .body .details-wrap .plate-center .chat-wrap .reply-wrap .toolbar .icon-smiling > img, .wrapper .body .chat-wrap .reply-wrap .toolbar .details-wrap .plate-center .icon-smiling > img, .wrapper .body .details-wrap .plate-center .chat-wrap .reply-wrap .toolbar .icon-photo > img, .wrapper .body .chat-wrap .reply-wrap .toolbar .details-wrap .plate-center .icon-photo > img, .wrapper .body .details-wrap .plate-center .chat-wrap .reply-wrap .toolbar .bar-btn > img, .wrapper .body .chat-wrap .reply-wrap .toolbar .details-wrap .plate-center .bar-btn > img, .wrapper .body .details-wrap .plate-center .tradingInfo-list li > div > img, .wrapper .body .details-wrap .tradingInfo-list .plate-center li > div > img, .wrapper .body .details-wrap .plate-center .tradingInfo-list .upload-wrap > img, .wrapper .body .details-wrap .tradingInfo-list .plate-center .upload-wrap > img, .wrapper .body .details-wrap .plate-center .orderInfo .orderNumber > img, .wrapper .body .details-wrap .orderInfo .plate-center .orderNumber > img, .wrapper .body .details-wrap .plate-center .timeline > li .circle > img, .wrapper .body .details-wrap .timeline > li .plate-center .circle > img { margin-left: 2px; width: 60px; height: 60px; vertical-align: text-top; cursor: pointer; }

.wrapper .body .details-wrap .plate-center .dib > img:first-child, .wrapper .body .details-wrap .plate-center .header .top .logoin-info .loggedIn .sign > img:first-child, .header .top .logoin-info .loggedIn .wrapper .body .details-wrap .plate-center .sign > img:first-child, .wrapper .body .details-wrap .plate-center .header .top .logoin-info .loggedIn .level > img:first-child, .header .top .logoin-info .loggedIn .wrapper .body .details-wrap .plate-center .level > img:first-child, .wrapper .body .details-wrap .plate-center i[class^="icon-"] > img:first-child, .wrapper .body .details-wrap .plate-center .dropdown-wrap > img:first-child, .wrapper .body .details-wrap .plate-center .btn > img:first-child, .wrapper .body .details-wrap .plate-center .btn .dot > img:first-child, .wrapper .btn .body .details-wrap .plate-center .dot > img:first-child, .wrapper .body .details-wrap .plate-center .badge > img:first-child, .wrapper .body .details-wrap .plate-center .head .avatar-wrap > img:first-child, .wrapper .head .body .details-wrap .plate-center .avatar-wrap > img:first-child, .wrapper .body .details-wrap .plate-center .input-wrap > img:first-child, .wrapper .body .details-wrap .plate-center .aside-wrap .conversation .conversation-list .item .img-wrap > img:first-child, .wrapper .body .aside-wrap .conversation .conversation-list .item .details-wrap .plate-center .img-wrap > img:first-child, .wrapper .body .details-wrap .plate-center .aside-wrap .conversation .conversation-list .item .describe-text > img:first-child, .wrapper .body .aside-wrap .conversation .conversation-list .item .details-wrap .plate-center .describe-text > img:first-child, .wrapper .body .details-wrap .plate-center .chat-wrap .chat-title .icon-wrap > img:first-child, .wrapper .body .chat-wrap .chat-title .details-wrap .plate-center .icon-wrap > img:first-child, .wrapper .body .details-wrap .plate-center .chat-wrap .dialog-wrap .item .msg > img:first-child, .wrapper .body .chat-wrap .dialog-wrap .item .details-wrap .plate-center .msg > img:first-child, .wrapper .body .details-wrap .plate-center .chat-wrap .reply-wrap .toolbar .icon-smiling > img:first-child, .wrapper .body .chat-wrap .reply-wrap .toolbar .details-wrap .plate-center .icon-smiling > img:first-child, .wrapper .body .details-wrap .plate-center .chat-wrap .reply-wrap .toolbar .icon-photo > img:first-child, .wrapper .body .chat-wrap .reply-wrap .toolbar .details-wrap .plate-center .icon-photo > img:first-child, .wrapper .body .details-wrap .plate-center .chat-wrap .reply-wrap .toolbar .bar-btn > img:first-child, .wrapper .body .chat-wrap .reply-wrap .toolbar .details-wrap .plate-center .bar-btn > img:first-child, .wrapper .body .details-wrap .plate-center .tradingInfo-list li > div > img:first-child, .wrapper .body .details-wrap .tradingInfo-list .plate-center li > div > img:first-child, .wrapper .body .details-wrap .plate-center .tradingInfo-list .upload-wrap > img:first-child, .wrapper .body .details-wrap .tradingInfo-list .plate-center .upload-wrap > img:first-child, .wrapper .body .details-wrap .plate-center .orderInfo .orderNumber > img:first-child, .wrapper .body .details-wrap .orderInfo .plate-center .orderNumber > img:first-child, .wrapper .body .details-wrap .plate-center .timeline > li .circle > img:first-child, .wrapper .body .details-wrap .timeline > li .plate-center .circle > img:first-child { margin-left: 0; }

.wrapper .body .shade-wrap { margin: auto; position: absolute; left: 360px; right: 0; top: 0; bottom: 0; z-index: 10; background-color: #fff; text-align: center; }

.wrapper .body .shade-wrap .cont { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 111px; }

.wrapper .body .shade-wrap .tip-text { font-size: 14px; color: #999; letter-spacing: 11px; margin: 20px 0 0; }

/* #region 表情样式 */
#faceBox { line-height: 1em; }

#faceBox table { width: 100%; }

.comment { width: 680px; margin: 20px auto; position: relative; background: #fff; padding: 20px 50px 50px; border: 1px solid #DDD; border-radius: 5px; }

.comment h3 { height: 28px; line-height: 28px; }

.com_form { width: 100%; position: relative; }

.input { width: 99%; height: 60px; border: 1px solid #ccc; }

.com_form p { height: 28px; line-height: 28px; position: relative; margin-top: 10px; }

span.emotion { width: 42px; height: 20px; padding-left: 20px; cursor: pointer; }

span.emotion:hover { background-position: 2px -28px; }

.qqFace { margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid; }

.qqFace table td { padding: 0px; }

.qqFace table td img { cursor: pointer; border: 1px #fff solid; }

.qqFace table td img:hover { border: 1px #0066cc solid; }

#show { width: 770px; margin: 20px auto; background: #fff; padding: 5px; border: 1px solid #DDD; vertical-align: top; }

.sub_btn { position: absolute; right: 0px; top: 0; display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); }

.sub_btn:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }

.emoji-bg { display: inline-block; width: 25px; height: 25px; cursor: pointer; margin: 0 5px; background-image: url(//sta.dd373.com/newfile/consult/imgaudio/images/emoji/emoji.png); background-size: 25px auto; background-repeat: no-repeat; }

.emj1 { background-position: 0 0; }

.emj2 { background-position: 0 -25px; }

.emj3 { background-position: 0 -50px; }

.emj4 { background-position: 0 -75px; }

.emj5 { background-position: 0 -100px; }

.emj6 { background-position: 0 -125px; }

.emj7 { background-position: 0 -150px; }

.emj8 { background-position: 0 -175px; }

.emj9 { background-position: 0 -200px; }

.emj10 { background-position: 0 -225px; }

.emj11 { background-position: 0 -250px; }

.emj12 { background-position: 0 -275px; }

.emj13 { background-position: 0 -300px; }

.emj14 { background-position: 0 -325px; }

.emj15 { background-position: 0 -350px; }

.emj16 { background-position: 0 -375px; }

.emj17 { background-position: 0 -400px; }

.emj18 { background-position: 0 -425px; }

.emj19 { background-position: 0 -450px; }

.emj20 { background-position: 0 -475px; }

.emj21 { background-position: 0 -500px; }

.emj22 { background-position: 0 -525px; }

.emj23 { background-position: 0 -550px; }

.emj24 { background-position: 0 -575px; }

/* #endregion 表情样式 */
.prompt-reminder { position: absolute; top: 35px; left: -75px; z-index: 2; width: 230px; height: inherit; box-shadow: 1px 1px 3px 1px #D6D6D6; border: 1px solid #D6D6D6; }

.prompt-reminder > .wrap { position: relative; background: #fff; }

.prompt-reminder > .wrap > span { display: inline-block; position: absolute; width: 8px; height: 8px; box-shadow: -1px 1px 3px 0px #D6D6D6; border: 1px solid #D6D6D6; border-top: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; background-color: #FFFFFF; display: none\9; }

.prompt-reminder .cont { font-size: 12px; line-height: 24px; color: #666666; padding: 10px; cursor: default; }

.prompt-reminder .cont input { height: 22px; width: 138px; border: 1px solid #ededed; outline: none; font-size: 12px; text-indent: 6px; }

.prompt-reminder .cont input::-ms-clear { display: none; }

.prompt-reminder .cont td { vertical-align: middle; }

.prompt-reminder .cont td.results { display: none; }

.prompt-reminder .cont td.results > span { display: none; }

.prompt-reminder .cont td.results > span i { vertical-align: top; margin-top: 5.5px; }

.prompt-reminder .cont td.results > span em { font-style: normal; margin-left: 6px; }

.prompt-reminder .cont td.results.color-green .success { display: inline; }

.prompt-reminder .cont td.results.color-red .error { display: inline; }

.prompt-reminder .prompt-reminder-top { border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 10px; font-size: 12px; color: #666666; overflow: hidden; background-color: #FAFAFA; line-height: 30px; height: 30px; }

.prompt-reminder .prompt-reminder-top i { float: right; font-size: 12px; color: #666666; margin-top: 7px; *margin-top: -15px; }

.prompt-reminder .prompt-reminder-top i:hover { cursor: pointer; }

.prompt-reminder .prs-position-top { transform: rotate(135deg); background-color: #FAFAFA !important; top: -5px; left: 110px; }

.prompt-reminder .prs-position-bottom { transform: rotate(-45deg); bottom: -5px; left: 95px; }

:root .prompt-reminder > span { display: inline-block; }

.layui-layer { border-radius: 5px !important; }

.layui-layer .layui-layer-setwin { right: 14px !important; top: 13px !important; }

.layui-layer .layui-layer-setwin a { background: url(//cdnimg.dd373.com/newfile/usercenter/images/close_pop.png?v=796da09675) no-repeat; background-position: 0px 0px !important; width: 12px !important; height: 14px !important; }

.layui-layer .layui-layer-title { padding-left: 14px; color: #666; border-bottom: 0px; height: 40px !important; line-height: 40px !important; border-radius: 5px 5px 0 0; }

.layui-layer .layui-layer-btn { padding: 0; padding-top: 0 !important; font-size: 14px; position: absolute; bottom: 30px; left: 0; right: 0; }

.layui-layer .layui-layer-btn .layui-layer-btn0, .layui-layer .layui-layer-btn .layui-layer-btn1 { margin: 0; padding: 0 !important; width: 130px; height: 38px; line-height: 38px; }

.layui-layer .layui-layer-btn .layui-layer-btn0 { margin-right: 10px; background-color: #ff5b01; border-color: #ff5b01; }

.layui-layer .layui-layer-btn .layui-layer-btn1 { background-color: #fff; color: #666; }

.layui-layer .layui-layer-btn .layui-layer-btn1:hover { border-color: #ff5b01; color: #ff5b01; }

.layui-layer .icon-prompt-lgtwo { margin-top: 18px; margin-bottom: 12px; }

.layui-layer .sure-buy-text { line-height: 16px; }

.layer-upImg .layui-layer-content { padding: 20px 20px 0; }

.layer-upImg .layui-layer-content .upload-img { float: left; margin-right: 16px; }

.layer-upImg .layui-layer-content .upload-img:nth-child(3n) { margin-right: 0; }

.layer-upImg .layui-layer-content .upload-img:nth-child(-n+3) { margin-bottom: 16px; }

.layer-upImg .layui-layer-content .upload-img img { top: -1px; }

.layer-upImg .layui-layer-content .upload-img .bar i { margin: 0; margin-top: -5.5px; margin-left: -22.5px; vertical-align: middle; }

.layer-upImg .layui-layer-content .upload-img .loading { position: absolute; }

.layer-upImg .layui-layer-btn { position: absolute; padding-top: 0 !important; padding-bottom: 0; bottom: 20px; left: 0; right: 0; }

.layer-upImg .layui-layer-btn .layui-layer-btn0, .layer-upImg .layui-layer-btn .layui-layer-btn1 { width: 174px; height: 38px; line-height: 38px; font-size: 14px; }

.layer-upImg .layui-layer-btn .layui-layer-btn0 { margin-right: 10px; }

.layer-noUpgoodsImg .layui-layer-content { padding: 0 20px; }

.layer-noUpgoodsImg .layui-layer-content > div { padding: 19px 0; }

.layer-noUpgoodsImg .layui-layer-content > div:last-of-type { padding: 18px 0; }

.layer-noUpgoodsImg .layui-layer-content .title { font-size: 14px; border-bottom: 1px solid #eaeaea; }

.layer-noUpgoodsImg .layui-layer-content .title i { margin-right: 8px; }

.layer-noUpgoodsImg .layui-layer-content .checkbox { color: #666; }

.layer-noUpgoodsImg .layui-layer-content .checkbox em { vertical-align: middle; margin-left: 6px; font-style: normal; line-height: 15px; font-size: 12px; display: inline-block; }

.layer-noUpgoodsImg .layui-layer-btn { position: absolute; padding-top: 0 !important; padding-bottom: 0; bottom: 30px; left: 0; right: 0; }

.layer-noUpgoodsImg .layui-layer-btn .layui-layer-btn0, .layer-noUpgoodsImg .layui-layer-btn .layui-layer-btn1 { width: 98px; height: 32px; line-height: 34px; }

.layer-prompt .layui-layer-content { text-align: center; padding: 20px 0; }

.layer-prompt .layui-layer-content p { margin-top: 20px; font-size: 14px; }

.layer-prompt .layui-layer-btn .layui-layer-btn0 { width: 270px; color: #666; background-color: #fff; border: 1px solid #d6d6d6; }

.layer-prompt .prompt-delete-btn { text-align: center; padding: 20px 0; }

.layer-prompt .prompt-delete-btn .prompt-delete-btn button { width: 118px; height: 30px; font-size: 14px; line-height: 29px; *line-height: 26px; }

.layer-confirm { font-size: 14px; }

.layer-confirm .prompt-cancel-title { text-align: center; font-size: 16px; color: #333333; line-height: 67px; margin: 0 20px; border-bottom: 1px solid #D6D6D6; }

.layer-confirm .prompt-delete-content > p { line-height: 16px; color: #333; }

.layer-confirm .prompt-cancel-content > p { font-size: 12px; margin-top: 20px; color: #666; line-height: 14px; }

.layer-confirm .layui-layer-btn .layui-layer-btn0, .layer-confirm .layui-layer-btn .layui-layer-btn1 { width: 128px; }

.layer-selectReason .layui-layer-content { padding: 0 30px 70px; overflow: initial !important; }

.layer-selectReason .layui-layer-btn .layui-layer-btn0, .layer-selectReason .layui-layer-btn .layui-layer-btn1 { width: 154px; height: 38px; line-height: 38px; }

.layer-selectReason .radio-box td:first-child { text-align: left; }

.layer-selectReason .radio-box td:first-child a { margin-left: 0; }

.layer-selectReason .radio-box td a { color: #666; margin-left: 40px; }

.layer-selectReason table { padding-top: 20px; border-collapse: collapse; }

.layer-selectReason table.whundred { padding-top: 0; }

.layer-selectReason table.whundred td { padding-top: 20px; }

.layer-selectReason table.whundred td a i { vertical-align: text-bottom; }

.layer-selectReason table i[class^="icon-"] { margin-right: 6px; }

.layer-selectReason .select-wrap { margin: 20px 0 17px; }

.layer-selectReason .warm-tips { color: #666; font-size: 12px; line-height: 18px; padding-bottom: 16px; }

.layer-selectReason textarea { box-sizing: border-box; display: none; padding: 10px; width: 100%; height: 70px; margin-bottom: 16px; overflow: auto; font-family: 'Arial','Microsoft Yahei'; }

.layer-selectReason ::-webkit-input-placeholder, .layer-selectReason textarea::-webkit-textarea-placeholder { /* WebKit, Blink, Edge */ color: #999; }

.layer-selectReason :-moz-placeholder, .layer-selectReason textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

.layer-selectReason ::-moz-placeholder, .layer-selectReason textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

.layer-selectReason :-ms-input-placeholder { color: #999; }

.select-wrap { margin-left: auto; margin-right: auto; position: relative; height: 35px; line-height: 35px; text-indent: 10px; border: 1px solid #d6d6d6; }

.select-wrap .select-title { height: 100%; cursor: pointer; }

.select-wrap i[class^="icon-"] { margin: auto; position: absolute; right: 10px; top: 0; bottom: 0; }

.select-wrap .icon-up { display: none; }

.select-wrap .select-menu { display: none; overflow: auto; max-height: 105px; position: absolute; z-index: 99999; left: -1px; top: 35px; width: 100%; background-color: #fff; border: 1px solid #d6d6d6; }

.select-wrap .select-menu .item { cursor: pointer; }

.select-wrap .select-menu .item:hover { background-color: #f5f5f5; }

.select-wrap.active .icon-down { display: none; }

.select-wrap.active .icon-up { display: inline-block; }

.select-wrap.active .select-menu { display: block; }

.layer-delivery .layui-layer-btn { position: relative; bottom: 0; margin-bottom: 30px; }

.layer-delivery .layui-layer-content { margin: auto; width: 338px; }

.layer-delivery .gameInfo { border-spacing: 0 16px; }

.layer-delivery .gameInfo td { margin-bottom: 16px; height: 34px; }

.layer-delivery .gameInfo td:first-child { width: 70px; text-align: right; }

.layer-delivery .gameInfo td:first-child .name { vertical-align: middle; }

.layer-delivery .gameInfo td .color-red { margin-right: 4px; }

.layer-delivery .gameInfo td input { width: 248px; margin-left: 6px; height: 100%; text-indent: 4px; font-size: 12px; border: 1px solid #d6d6d6; outline: none; }

.layer-delivery .gameInfo td input.light { padding-top: 4px; padding-bottom: 1px; height: 32px; margin-left: 0; border: none; }

.layer-delivery .goodslist { width: 334px; }

.layer-delivery .goodslist .title { text-align: center; height: 40px; line-height: 40px; font-size: 14px; color: #333; background-color: #fafafa; border: solid 1px #ededed; border-bottom: none; width: 332px; }

.layer-delivery .goodslist ul { border: solid 1px #ededed; width: 332px; }

.layer-delivery .goodslist ul .checkbox { margin: 16px auto; padding-left: 16px; cursor: pointer; }

.layer-delivery .goodslist ul .checkbox i { margin-right: 6px; vertical-align: text-bottom; }

.layer-delivery .layui-layer-btn .layui-layer-btn0, .layer-delivery .layui-layer-btn .layui-layer-btn1 { width: 163px; }

.layer-checkDeliveryInfo .layui-layer-content { width: 334px; margin: auto; font-size: 14px; }

.layer-checkDeliveryInfo ul li { font-size: 12px; margin-top: 10px; line-height: 14px; }

.layer-checkDeliveryInfo ul li:first-of-type { margin-top: 29px; }

.layer-checkDeliveryInfo .layui-layer-btn { position: relative; margin-bottom: 30px; }

.layer-checkDeliveryInfo .layui-layer-btn .layui-layer-btn0 { width: 338px; background-color: #fff; border: 1px solid #dedede; color: #333; display: block; margin: 0 auto; }

.layer-checkDeliveryInfo .layui-layer-btn .layui-layer-btn0:hover { border-color: #ff5b01; color: #ff5b01; }

.layer-tips i[class^="icon-clarity-"] { margin-right: 5px; }

.layer-tips .prompt-orderform { position: relative; overflow: hidden; width: 300px; height: 50px; padding: 0 15px; padding-right: 10px; border-radius: 2px; line-height: 50px; font-size: 14px; color: #FFFFFF; box-shadow: 0 0 15px 3px #D6D6D6; }

.layer-tips .po-deleteone { background-color: #F1A325; }

.layer-tips .po-deletetwo { background-color: #38B03F; }

.layer-tips .po-notenough { background-color: #FF0000; }

.layer-tips .po-revoke { background-color: #0E56A6; }

.layer-tips .closeBtn { position: absolute; top: 0px; right: 8px; display: inline-block; font-size: 25px; font-style: normal; font-weight: 100; color: #FFFFFF; cursor: pointer; }

.plate-center { width: 100%; height: inherit; border: 1px solid #D6D6D6; }

.plate-center > ul { padding: 16px 0; }

.plate-center > ul > li { margin-top: 16px; }

.plate-center > ul > li:first-child { margin-top: 0; }

.plate-center > ul > li > p { width: 190px; height: inherit; font-size: 12px; color: #333333; line-height: 34px; text-align: right; padding-right: 10px; float: left; }

.plate-center > ul > li p.tl { text-align: left; }

.plate-center ul li p span { color: #FF5B01; }

.plate-center ul li input { font-size: 12px; float: left; }

.form-sm { width: 273px; height: 32px; line-height: 32px; border: 1px solid #D6D6D6; text-indent: 10px; color: #333333; }

.ts { height: 23px; font-size: 12px; padding-left: 23px; line-height: 23px; margin-left: 3px; background: url(//cdnimg.dd373.com/newfile/usercenter/images/remain.gif?v=859289b269) no-repeat; margin-top: 5px; padding-top: 2px; }

.icon1 { background-position: -22px -45px; width: auto; height: 20px; line-height: 19px; padding-right: 5px; }

.icon2 { background-position: 0px 2px; color: #ff0000; width: auto; height: 20px; line-height: 19px; padding-right: 5px; }

.icon3 { background-position: 0px -22px; }

.oc-on { position: relative; }

.oc-on span { position: absolute; top: 3px; left: 6px; color: #fff; font-size: 12px; }

.oc-off { position: relative; }

.oc-off span { position: absolute; top: 3px; left: 22px; color: #fff; font-size: 12px; }

.form-radio, .form-checkbox { width: auto; height: 32px; border: 1px solid #D6D6D6; }

.form-radio input, .form-checkbox input { width: auto; height: 31px; border: 0px; line-height: 31px; padding-left: 10px; font-size: 12px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.frh-hid { display: none; }

.form-rad { width: 200px; height: inherit; position: relative; top: 0; left: 0; z-index: 20; background-color: #fff; }

.form-radio i { position: relative; top: 4px; right: -25px; }

.form-radio i:hover, .frh-top-search i:hover { cursor: pointer; }

.frh-top-search > i { display: inline-block; width: 13px; height: 13px; position: relative; top: 3px; margin-left: 5px; }

/* 如果需要隐藏的内容脱离文档流，就把下面的定位释放开就可以了。 */
.form-radio-hidden { width: 100%; height: inherit; position: absolute; top: 34px; left: 0; z-index: 200; }

.frh-top { border: 1px solid #D6D6D6; border-top: 0px solid #D6D6D6; background-color: #F5F5F5; padding: 5px; }

.frh-top-search { background-color: #FFFFFF; border: 1px solid #D6D6D6; }

.frh-top-search i { position: relative; top: 1px; top: -3px \9; }

.frh-top-search input { width: 100px; height: 24px; border: 0px; line-height: 23px; font-size: 12px; color: #333333; }

.frh-cet { border: 1px solid #D6D6D6; border-top: 0px solid #D6D6D6; width: auto; height: auto; }

.frh-cet ul { width: 100%; height: 100%; max-height: 360px; background-color: #FFFFFF; overflow-x: auto; overflow-y: visible; }

.frh-cet ul li { padding: 10px; font-size: 12px; position: relative; }

.frh-cet ul li .icon-common14 { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; }

.frh-cet ul li ul { display: none; position: absolute; height: auto; left: 100%; top: 0; border: 1px solid #D6D6D6; }

.frh-cet ul li:hover { cursor: pointer; background-color: #F5F5F5; }

.frh-cet-hov { background-color: #F5F5F5; }

.fch-hid, .fchc-hid { display: none !important; }

.upload-img { width: 108px; height: 108px; border: 1px dashed #D6D6D6; -webkit-border-radius: 2px; border-radius: 2px; position: relative; }

.upload-img:hover .upload-delete { display: block; }

.upload-img img { z-index: 2; position: relative; }

.upload-img input:hover { cursor: pointer; }

.upload-img input { width: 108px; height: 108px; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 3; }

.upload-img i { position: absolute; top: 50%; left: 50%; margin-top: -17.5px; margin-left: -17.5px; }

.upload-img-hidden, .upload-delete-hidden, .upload-to-hidden, .upload-success-hidden { display: none; }

.upload-to { width: 108px; height: 108px; position: relative; }

.upload-to img { position: relative; z-index: 2; width: 100%; height: 100%; }

.upload-mask { width: 108px; height: 108px; background-color: #000000; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.7; filter: alpha(opacity=70); }

.upload-wait { width: 108px; height: 90px; text-align: center; padding-top: 20px; position: absolute; top: 0; left: 0; z-index: 3; }

.upload-wait i { width: 39px; height: 39px; }

.upload-wait span { margin-top: 10px; display: block; color: #FFFFFF; font-size: 12px; }

.icon-upload { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 2s linear infinite; -moz-animation: rotate 2s linear infinite; -o-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; }

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(359deg); } }

@-o-keyframes rotate { from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(359deg); } }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(359deg); } }

.upload-delete, .upload-success { width: 100%; height: 30px; background-color: #000000; position: absolute; bottom: 0; left: 0; z-index: 2; opacity: 0.7; filter: alpha(opacity=70); text-align: center; }

.upload-delete span, .upload-success span { display: inline-block; color: #FFFFFF; font-size: 12px; position: relative; }

.upload-delete { display: none; z-index: 10; }

.upload-delete:hover { cursor: pointer; }

.upload-delete i { position: relative; left: 0; top: 0; margin: 4px 0 0 0; }

.upload-delete span { left: -4px; vertical-align: middle; }

.upload-success i { margin-top: 5px; }

.upload-success span { top: -4px; *top: -1px; *margin-left: 5px; left: -2px; }

/* 订单聊窗自动回复列表 start*/
.common-question { width: calc(100% - 16px); padding: 10px 30px; height: 44px; overflow-y: hidden; position: absolute; box-sizing: border-box; top: -44px; background-color: #fff; cursor: default; }

.common-question ::-moz-selection { background: rgba(0, 0, 0, 0); cursor: pointer; }

.common-question ::selection { background: rgba(0, 0, 0, 0); cursor: pointer; }

.common-question::-webkit-scrollbar { display: none; }

.common-question > ul { position: relative; width: auto; overflow-x: auto; white-space: nowrap; cursor: default; scrollbar-color: transparent transparent; 　　scrollbar-track-color: transparent; 　　-ms-scrollbar-track-color: transparent; }

.common-question > ul::-webkit-scrollbar { display: none; }

.common-question > ul li { display: inline-block; height: 22px; line-height: 22px; padding: 0 10px; margin-right: 10px; font-size: 12px; color: #333; border: 1px #ededed solid; border-radius: 12px; cursor: pointer; }

.common-question > ul li:hover { color: #ff5b01; border-color: #ff5b01; }

.common-question > div { position: absolute; top: 12px; width: 20px; height: 20px; background-size: 10px 16px; background-position: center center; background-repeat: no-repeat; }

.common-question > div.hide { display: none; }

.common-question > div.arrow-left { left: 4px; background-image: url("//cdnimg.dd373.com/newfile/usercenter/images/order/left.png?v=0726379ebd"); }

.common-question > div.arrow-right { right: 4px; background-image: url("//cdnimg.dd373.com/newfile/usercenter/images/order/right.png?v=9b56fdcdd6"); }

.imgContain .verticalMid .imgInner .imgList ul > li img { max-width: 1197px; max-height: 673px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* 订单聊窗自动回复列表 end*/
.layui-layer-tips .layui-layer-content { padding: 2px 9px !important; }

.add-insurance { display: inline-block; border: 1px solid #326fb3; color: #326fb3; padding: 0 5px; line-height: 18px !important; margin-top: 6px; }

.add-insurance:hover { background-color: #326fb3; color: #fff !important; }

.bx-info-box { width: 502px; margin: 30px; box-sizing: border-box; }

.bx-info-box .form-item > div { vertical-align: top; }

.bx-info-box .form-item .item-label { padding-top: 9px; }

.bx-info-box .btn-col-edit:hover { color: #ff5b01; }

.bx-content-box { max-width: 635px; }

.bx-content-box .bx-type-box .m-t20 { margin-top: 20px; }

.bx-content-box .bx-type-box .bx-type { width: 80px; height: 32px; border: 1px solid #d6d6d6; text-align: center; line-height: 32px; margin-right: 10px; cursor: pointer; margin-bottom: 10px; display: inline-block; position: relative; }

.bx-content-box .bx-type-box .bx-type .icon-common17 { display: none; }

.bx-content-box .bx-type-box .bx-type span { font-size: 12px; padding-left: 6px; }

.bx-content-box .bx-type-box .bx-type .l-p0 { padding-left: 0; }

.bx-content-box .bx-type-box .bx-type .bx-active-info { position: absolute; top: -22px; width: auto; text-align: center; height: 18px; line-height: 18px; background: #fe0000; font-size: 12px; color: #fff; padding: 0 2px; left: -1px; }

.bx-content-box .bx-type-box .bx-type:hover { border-color: #ff5b01; }

.bx-content-box .bx-type-box .select-bx { border: 2px solid #ff5b01; line-height: 30px; height: 30px; }

.bx-content-box .bx-type-box .select-bx .icon-common17 { position: absolute; bottom: -2px; right: -2px; display: block; }

.bx-content-box .bx-type-box .select-bx .bx-active-info { top: -23px; left: -2px; }

.bx-content-box .bx-type-box .item-dec { width: 80px; height: 34px; line-height: 34px; margin-bottom: 10px; padding-left: 0; }

.bx-content-box .bx-type-box .item-dec i { top: 11px; }

.bx-content-box .bx-fee-box { height: 33px; padding-top: 3.5px; box-sizing: border-box; clear: both; line-height: 16px; }

.bx-content-box .bx-fee-box span { float: left; }

.bx-content-box .bx-fee-box .bx-dec { float: left; margin-right: 4px; background: #ff5b01; font-size: 12px; color: #fff; line-height: 20px; width: 34px; border-radius: 10px; text-align: center; margin-right: 10px; margin-top: -2.5px; margin-left: 4px; }

.bx-content-box .bx-fee-box .y-price { font-size: 12px; text-decoration: line-through; }

.bx-content-box .bx-fee-box .p-l8 { padding-left: 8px; }

.bx-content-box .bx-fee-box .bx-fee-lv { top: 0px; }

.bx-content-box .bx-tip-box { width: 476px; border: 1px solid #ffdecc; background: #fff5ec; padding: 12px; font-size: 12px; line-height: 24px; }

.bx-content-box .bx-tip-box p, .bx-content-box .bx-tip-box span, .bx-content-box .bx-tip-box li, .bx-content-box .bx-tip-box ol, .bx-content-box .bx-tip-box div, .bx-content-box .bx-tip-box a, .bx-content-box .bx-tip-box h1, .bx-content-box .bx-tip-box h2, .bx-content-box .bx-tip-box h3, .bx-content-box .bx-tip-box h4, .bx-content-box .bx-tip-box h5, .bx-content-box .bx-tip-box h6 { word-break: break-all; }

.use-hb { height: 15px; margin-bottom: 16px; }

.use-hb .l-h15 { line-height: 15px; }

.xieyi-box { margin-top: 15px; height: 14px; }

.xieyi-box a { line-height: 14px; display: inline-block; float: left; }

.insurancebox .layui-layer-btn { padding: 30px 39px 0 !important; position: relative; }

.insurancebox .layui-layer-btn .layui-layer-btn0, .insurancebox .layui-layer-btn .layui-layer-btn1 { width: 232px; height: 38px; line-height: 40px; text-align: center; padding: 0; font-size: 14px; margin: 0; }

.insurancebox .layui-layer-btn .layui-layer-btn0 { margin-right: 16px; border-color: #ff5b01; background-color: #ff5b01; }

.insurancebox .layui-layer-btn .layui-layer-btn0:hover { background-color: #ff7327; border-color: #ff7327; }

.insurancebox .layui-layer-btn .layui-layer-btn1 { border-color: #d6d6d6; background-color: #fff; }

.insurancebox .layui-layer-btn .layui-layer-btn1:hover { border-color: #ff5b01; color: #ff5b01; }

.none { display: none; }

.icon-PICC { background: url(//cdnimg.dd373.com/newfile/goods/images/default/form_icon_sprite.png) no-repeat 0px -149px; background-size: 199px 175px; width: 20px; height: 10px; }

.draw-receivinginfo .btn { height: 34px; line-height: 34px; font-size: 14px; text-align: center; padding: 0 23px; }

.draw-receivinginfo .btn:hover { color: #ffffff !important; }

.receivinginfo { padding: 0 0px 30px 30px; max-height: 330px; overflow: inherit; }

.receivinginfo ul { width: 340px; }

.receivinginfo li { padding: 2px 0; border-bottom: 1px solid #ededed; font-size: 14px; }

.receivinginfo li span { display: inline-block; line-height: 28px; }

.receivinginfo li span:first-child { width: 65px; }

.receivinginfo li span:first-child + span { width: 275px; cursor: pointer; }

.receivinginfo .nomore { font-size: 14px; margin-top: 16px; color: #999; margin-right: 30px; }